/* রাচী থিম — কাস্টম ফ্রন্ট-এন্ড স্টাইল */

body {
	font-family: 'Noto Sans Bengali', sans-serif;
	background-color: #FAF8F5;
	color: #1C1917;
}

.bg-pattern {
	background-color: #1C1917;
	background-image: radial-gradient(#C5A059 0.5px, transparent 0.5px), radial-gradient(#C5A059 0.5px, #1C1917 0.5px);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
}

.glass-header {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(12px);
}

.custom-scrollbar::-webkit-scrollbar { height: 6px; width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #F3EFEA; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #C5A059; border-radius: 4px; }

#main-content { padding-top: 0; }

/* পিল বাটন স্টেট */
.pill-btn-default { background-color: #ffffff; color: #1c1917; border-color: #d6d3d1; }
.pill-btn-default:hover { background-color: #f5f5f4; color: #000000; border-color: #78716c; }
.pill-btn-active { background-color: #1c1917 !important; color: #ffffff !important; border-color: #1c1917 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.pill-btn-active:hover { background-color: #292524 !important; color: #ffffff !important; }

/* সার্ভিস কার্ড */
.service-card.active-card { border-color: #C81D25 !important; background-color: rgba(254,242,242,0.6) !important; }

/* অ্যাড-অন বাটন */
.addon-btn.active-addon { border-color: #C5A059 !important; background-color: rgba(197,160,89,0.06); }
.addon-check { background: #fff; transition: all .15s ease; }
.addon-btn.active-addon .addon-check { background: #C81D25; border-color: #C81D25 !important; }

/* পেমেন্ট টাইপ কার্ড */
#payTypeOnlineCard.active-paytype, #payTypeManualCard.active-paytype {
	border-color: #C81D25 !important;
	background-color: rgba(254,242,242,0.4) !important;
}
#payTypeOnlineCard:not(.active-paytype), #payTypeManualCard:not(.active-paytype) {
	border-color: #e7e5e4 !important;
	background-color: #fafaf9 !important;
}

/* ম্যানুয়াল মেথড পিল */
.manual-pill.active-manual-pill, .order-method-pill.active-manual-pill { color: #fff !important; }
.manual-pill:not(.active-manual-pill) { border-color: #44403c; background-color: #292524; color: #d6d3d1; }

/* মেনু ট্যাব */
.menu-tab-btn.active-tab { background-color: #C81D25 !important; color: #fff !important; box-shadow: 0 4px 12px rgba(200,29,37,.25); }

/* সময় স্লট */
.slot-btn {
	padding: 0.85rem 0.5rem;
	border-radius: 0.9rem;
	border: 2px solid #d6d3d1;
	background: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: all .15s ease;
	position: relative;
}
.slot-btn.slot-available { border-color: #6ee7b7; background: #ecfdf5; color: #047857; }
.slot-btn.slot-available:hover { border-color: #10b981; }
.slot-btn.slot-booked { border-color: #fecdd3; background: #fff1f2; color: #be123c; cursor: not-allowed; opacity: .75; }
.slot-btn.slot-selected { background: #1c1917 !important; color: #fff !important; border-color: #1c1917 !important; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.slot-btn .slot-left { display:block; font-size:.62rem; font-weight:600; opacity:.8; margin-top:2px; }

/* FAQ */
.faq-icon.rotated { transform: rotate(180deg); }

/* মেনু/FAQ ফিল্টার হাইড */
.rachi-hidden { display: none !important; }

/* ============================================================
 * বাগ ফিক্স ও নতুন কম্পোনেন্ট স্টাইল (v2)
 * ============================================================ */

/* বাংলা ফন্ট স্বাভাবিকের চেয়ে ছোট দেখানোর সমস্যা সমাধান — বেস ফন্ট সাইজ বাড়ানো হলো */
html { font-size: 17.5px; }
body { line-height: 1.7; }

/* এডমিন বার লগইন অবস্থায় হেডার ঢেকে ফেলার সমস্যা সমাধান */
body.admin-bar .rachi-header { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .rachi-header { top: 46px; }
}

/* ব্র্যান্ড কালার ফলব্যাক (Tailwind CDN রানটাইম কনফিগ যেকোনো কারণে দেরিতে লোড হলেও বাটন/ব্যাজের রঙ সঠিক দেখানো নিশ্চিত করতে) */
.bg-brand-red{background-color:#C81D25;} .text-brand-red{color:#C81D25;} .border-brand-red{border-color:#C81D25;}
.bg-brand-darkred{background-color:#9B111E;} .text-brand-darkred{color:#9B111E;}
.bg-brand-gold{background-color:#C5A059;} .text-brand-gold{color:#C5A059;} .border-brand-gold{border-color:#C5A059;}
.text-brand-goldlight{color:#E8D2A6;}
.bg-brand-dark{background-color:#1C1917;} .text-brand-dark{color:#1C1917;}
.bg-brand-card{background-color:#242120;}
.bg-brand-bglight{background-color:#FAF8F5;}
.bg-brand-cream{background-color:#F3EFEA;}
.bg-brand-ssl{background-color:#005691;} .text-brand-ssl{color:#005691;}
header.rachi-header a.hover\:bg-brand-darkred:hover, header.rachi-header a:hover.bg-brand-red { background-color: #9B111E; }

/* মোবাইল হ্যামবার্গার আইকন */
.hamburger-icon { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 22px; height: 16px; }
.hamburger-icon span { display: block; height: 2px; width: 100%; background: #1c1917; border-radius: 2px; transition: all .25s ease; transform-origin: center; }
#mobileMenuBtn.is-active .hamburger-icon span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#mobileMenuBtn.is-active .hamburger-icon span:nth-child(2) { opacity: 0; }
#mobileMenuBtn.is-active .hamburger-icon span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
#mobileNavDrawer { max-height: calc(100vh - 80px); overflow-y: auto; }

/* বিশেষ অনুরোধ প্রিসেট চিপ */
.request-preset-btn.request-preset-active { background: #1c1917 !important; color: #fff !important; border-color: #1c1917 !important; }

/* অথ ট্যাব (লগইন/রেজিস্ট্রেশন) */
.auth-tab-btn { color: #57534e; }
.auth-tab-btn.active-auth-tab { background: #fff; color: #C81D25; box-shadow: 0 2px 6px rgba(0,0,0,.08); }

/* কারাউজেল */
.rachi-carousel { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.rachi-carousel::-webkit-scrollbar { height: 6px; }

/* ফুটার নিউজলেটার ফর্ম ইনপুট (MailPoet ফর্ম/ফলব্যাক ফর্ম উভয়ের জন্য বেসিক স্টাইল) */
.rachi-footer-newsletter input[type=email], .rachi-footer-newsletter input[type=text] {
	padding: 10px 14px; border-radius: 10px; border: 1px solid #44403c; background: #fff; font-size: 0.85rem; width: 100%;
}
.rachi-footer-newsletter .mailpoet_submit, .rachi-newsletter-fallback button {
	background: #C5A059 !important; color: #1c1917 !important; font-weight: 800 !important; border-radius: 10px !important; border: none !important;
}

/* পোর্টফোলিও লাইটবক্স ফ্লেক্স ডিসপ্লে টগল */
#rachiLightbox.flex { display: flex; }