/* BookMyBuffet Blog - Royal Warmth Theme */
body { background: #fff8ef; color: #3f352d; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; }
.blog-detail, .blog-content, .article-content { background: #fff8ef; color: #3f352d; }
.blog-detail h1, .blog-content h1, .article-content h1 { color: #2f1b12; font-family: Georgia, "Times New Roman", serif; font-size: 42px; line-height: 1.18; font-weight: 700; margin-bottom: 20px; }
.blog-detail h2, .blog-content h2, .article-content h2 { color: #b86b12; font-family: Georgia, "Times New Roman", serif; font-size: 28px; line-height: 1.3; font-weight: 700; margin-top: 36px; margin-bottom: 18px; }
.blog-detail h3, .blog-content h3, .article-content h3 { color: #2f1b12; font-size: 20px; font-weight: 700; margin-top: 24px; }
.blog-detail h4, .blog-content h4, .article-content h4, .blog-card h4, .info-card h4, .content-card h4 { color: #c46a2f; font-size: 12px; font-weight: 700; margin: 16px 0 8px 0; text-transform: uppercase; letter-spacing: 1.2px; }
.blog-detail p, .blog-content p, .article-content p { color: #3f352d; font-size: 17px; line-height: 1.8; margin-bottom: 18px; }
.blog-detail a, .blog-content a, .article-content a, .blog-detail strong, .blog-content strong, .article-content strong { color: #c46a2f; font-weight: 700; text-decoration: none; }
.blog-detail a:hover, .blog-content a:hover, .article-content a:hover { color: #8b3f1f; text-decoration: underline; }
.blog-meta, .post-meta, .article-meta { color: #a66a35; font-size: 14px; border-bottom: 1px solid #ead8bd; padding-bottom: 18px; margin-bottom: 24px; }
.blog-card, .info-card, .content-card, .blog-content .card, .article-content .card { background: #fff3e4; border: 1px solid #ead2ad; border-left: 5px solid #d45b2a; border-radius: 12px; padding: 28px; box-shadow: 0 10px 28px rgba(84,47,18,0.07); }
.blog-card h2, .info-card h2, .content-card h2, .blog-content .card h2, .article-content .card h2 { color: #b55324; font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.35; }
.blog-two-column, .card-row { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 32px; margin-bottom: 32px; }
.blog-sidebar, .sidebar, .right-sidebar { background: #fbecd8; border-left: 1px solid #ead8bd; padding: 28px; }
.blog-sidebar h3, .sidebar h3, .right-sidebar h3 { color: #5a2f16; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 700; margin-bottom: 18px; }
.blog-sidebar a, .sidebar a, .right-sidebar a { background: #fff8ef; color: #4a2b1b; border: 1px solid #ead2ad; border-radius: 8px; padding: 14px 18px; margin-bottom: 12px; display: block; font-weight: 600; text-decoration: none; }
.blog-sidebar a:hover, .sidebar a:hover, .right-sidebar a:hover { background: #f6dfbf; color: #9a4b1f; border-color: #d69a54; }
.site-header, .header, .navbar { background: linear-gradient(90deg, #2b160d, #4b2a16); color: #fff8ef; }
.site-header a, .header a, .navbar a { color: #fff8ef; }
.site-header a:hover, .header a:hover, .navbar a:hover { color: #dca647; }
.btn, .blog-button, .read-more, .cta-button { background: #2f1b12; color: #fff8ef; border-radius: 8px; padding: 12px 22px; border: none; font-weight: 700; }
.btn:hover, .blog-button:hover, .read-more:hover, .cta-button:hover { background: #b86b12; color: #fff; }
.blog-content img, .article-content img { border-radius: 12px; box-shadow: 0 10px 24px rgba(84,47,18,0.12); }
@media (max-width: 768px) { .blog-detail h1, .blog-content h1, .article-content h1 { font-size: 32px; } .blog-detail h2, .blog-content h2, .article-content h2 { font-size: 24px; } .blog-two-column, .card-row { grid-template-columns: 1fr; } .blog-sidebar, .sidebar, .right-sidebar { padding: 20px; } }

/* Direct nav override for blog pages — targets exact selector from style.css */
.main_menu .navbar-nav .nav-item .nav-link {
  color: #fff8ef !important;
}
.main_menu .navbar-nav .nav-item:hover .nav-link,
.main_menu .navbar-nav .nav-item .nav-link.active {
  color: #dca647 !important;
}

.main_menu .navbar-nav .nav-item .nav-link { color: #fff8ef !important; }
.main_menu .navbar-nav .nav-item:hover .nav-link, .main_menu .navbar-nav .nav-item .nav-link.active { color: #dca647 !important; }