/*
Theme Name: MRB Auto Solution
Theme URI: https://mrbautosolution.com.bd
Author: Rajib Bepari
Author URI: https://rajibbepari.com
Description: Custom business theme for MRB Auto Solution BD, a European & Japanese vehicle diagnostic and repair workshop in Dhaka, Bangladesh. Built for a WhatsApp-first booking flow with a fully dynamic blog powered by native WordPress posts.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mrb-auto
*/

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* Hero background image */
.hero-bg {
    background: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.8)),
        url('https://images.unsplash.com/photo-1611016186353-9af58c69a533?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover;
}

/* FAQ accordion */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-chevron { transform: rotate(180deg); }

/* Booking toast */
.toast { transition: opacity .3s ease, transform .3s ease; }

/* Blog post body typography (applied around the_content()) */
.prose-custom p { margin-bottom: 1.25rem; line-height: 1.8; color: #374151; }
.prose-custom h2 { font-size: 1.5rem; font-weight: 800; color: #111827; margin-top: 2.5rem; margin-bottom: 1rem; }
.prose-custom h3 { font-size: 1.25rem; font-weight: 700; color: #111827; margin-top: 2rem; margin-bottom: 0.75rem; }
.prose-custom ul, .prose-custom ol { margin-bottom: 1.25rem; padding-left: 1.25rem; }
.prose-custom li { margin-bottom: 0.5rem; color: #374151; list-style-type: disc; }
.prose-custom strong { color: #111827; }
.prose-custom a { color: #dc2626; text-decoration: underline; }
.prose-custom img { border-radius: 0.75rem; margin: 1.5rem 0; }

/* Keep default WP alignment classes usable inside post content */
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }