/* Blog list / Blog detail / Gallery - naya look (2026-10-06). Theme vars se rang. */

/* ---------- Blog list ---------- */
body .display-5 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 600 !important; color: var(--dw-dark, #1A0E0E) !important; }
body .blog-card {
    border: 1px solid #EFE4DC !important; border-radius: 16px !important; overflow: hidden !important;
    background: #fff !important; box-shadow: 0 6px 18px rgba(26, 14, 14, .06) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
body .blog-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(26, 14, 14, .12) !important; }
body .blog-card .image-wrapper { aspect-ratio: 16 / 10; height: auto !important; overflow: hidden !important; background: var(--dw-cream, #F4E8E6); }
body .blog-card .image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .6s ease; }
body .blog-card:hover .image-wrapper img { transform: scale(1.05); }
body .blog-card .card-body { padding: 18px 18px 20px !important; }
body .blog-card .post-title, body .blog-card .post-title a {
    font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 23px !important; font-weight: 600 !important;
    line-height: 1.22 !important; color: var(--dw-dark, #1A0E0E) !important; text-decoration: none !important;
}
body .blog-card .badge-soft, body .badge-soft-dark {
    background: rgba(200, 161, 156, .18) !important; color: var(--dw-button_hover, #8B5A52) !important; border-radius: 999px !important;
    font-size: 10px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase; padding: 5px 11px !important;
}
body .blog-card .btn-dark-gray, body .btn-dark-gray {
    background: var(--dw-button, #C8A19C) !important; border-color: var(--dw-button, #C8A19C) !important; color: #fff !important;
    border-radius: 999px !important; padding: 7px 16px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1em; text-transform: uppercase;
}
body .btn-dark-gray:hover { background: var(--dw-button_hover, #8B5A52) !important; border-color: var(--dw-button_hover, #8B5A52) !important; }
body .sidebar-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 21px !important; font-weight: 600 !important;
    color: var(--dw-dark, #1A0E0E) !important; border-left: 3px solid var(--dw-primary, #C8A19C) !important; padding-left: 10px !important;
}
body .search-wrapper .btn, body .search-wrapper button {
    background: var(--dw-button, #C8A19C) !important; border-color: var(--dw-button, #C8A19C) !important; color: #fff !important;
}

/* ---------- Blog detail ---------- */
body .post-main-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 42px !important; font-weight: 600 !important;
    line-height: 1.15 !important; color: var(--dw-dark, #1A0E0E) !important;
}
body .meta-box { color: #7A6A5A !important; font-size: 13px !important; }
body .blog-content { font-size: 17px !important; line-height: 1.85 !important; color: #3A2F2F !important; max-width: 760px; }
body .blog-content p { margin: 0 0 1.15em !important; }
body .blog-content h1, body .blog-content h2, body .blog-content h3, body .blog-content h4 {
    font-family: 'Cormorant Garamond', Georgia, serif !important; color: var(--dw-dark, #1A0E0E) !important; font-weight: 600 !important; margin: 1.6em 0 .6em !important; line-height: 1.25 !important;
}
body .blog-content h2 { font-size: 30px !important; } body .blog-content h3 { font-size: 24px !important; }
body .blog-content a { color: var(--dw-button_hover, #8B5A52) !important; text-decoration: underline; }
body .blog-content img { border-radius: 14px; max-width: 100%; height: auto; }
body .blog-content blockquote { border-left: 3px solid var(--dw-primary, #C8A19C); padding: 4px 0 4px 18px; margin: 1.4em 0; font-style: italic; color: #5B4A44; }
body .blog-content ul, body .blog-content ol { padding-left: 1.3em; } body .blog-content li { margin-bottom: .45em; }
body .rounded-xl { border-radius: 16px !important; }
body .premium-card { border: 1px solid #EFE4DC !important; border-radius: 16px !important; box-shadow: 0 6px 18px rgba(26, 14, 14, .05) !important; }
body .btn-gray-dark { background: var(--dw-button, #C8A19C) !important; border-color: var(--dw-button, #C8A19C) !important; color: #fff !important; }
body .btn-gray-dark:hover { background: var(--dw-button_hover, #8B5A52) !important; border-color: var(--dw-button_hover, #8B5A52) !important; }
body .btn-gray-outline { background: #fff !important; border: 1px solid var(--dw-button, #C8A19C) !important; color: var(--dw-button_hover, #8B5A52) !important; }
body .btn-gray-outline:hover { background: var(--dw-button_hover, #8B5A52) !important; border-color: var(--dw-button_hover, #8B5A52) !important; color: #fff !important; }
body .form-control-premium:focus { border-color: var(--dw-primary, #C8A19C) !important; box-shadow: 0 0 0 3px rgba(200, 161, 156, .22) !important; }
@media (max-width: 767px) { body .post-main-title { font-size: 30px !important; } body .blog-content { font-size: 16px !important; } }

/* ---------- Gallery ---------- */
body .dh-cat-head h2, body .dh-cat-head h3 { font-family: 'Cormorant Garamond', Georgia, serif !important; color: var(--dw-dark, #1A0E0E) !important; font-weight: 600 !important; }
body .dh-media-card {
    border: 1px solid #EFE4DC !important; border-radius: 16px !important; overflow: hidden !important; background: #fff !important;
    box-shadow: 0 6px 18px rgba(26, 14, 14, .06) !important; transition: transform .25s ease, box-shadow .25s ease !important;
}
body .dh-media-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(26, 14, 14, .12) !important; }
body .dh-media-thumb { overflow: hidden !important; background: var(--dw-cream, #F4E8E6) !important; }
body .dh-media-thumb img { object-fit: cover !important; transition: transform .6s ease !important; }
body .dh-media-card:hover .dh-media-thumb img { transform: scale(1.06); }
body .dh-order-badge { display: none !important; }
body .dh-media-type { background: var(--dw-button, #C8A19C) !important; color: #fff !important; border: 0 !important; }
body .dh-media-content, body .dh-media-content * { color: #2D1F1F !important; }
body .dh-media-content { font-size: 15px !important; line-height: 1.45 !important; padding: 14px 16px 16px !important; }
body .dh-media-overlay { background: linear-gradient(to top, rgba(26, 14, 14, .65), rgba(26, 14, 14, 0)) !important; color: #fff !important; }