/* ========================================================================
   PREMIUM THEME — Compact Edge-to-Edge Layout | 2025 Edition
   Design: Deep Navy × Crimson × Gold — Luxury Directory
   Fonts: Sora (headings) + Outfit (body) — Google Fonts
   ======================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Outfit:wght@300;400;500;600&display=swap');

/* ── DESIGN TOKENS ── */
:root {
    --navy:         #00172e;
    --navy-2:       #001f3f;
    --navy-3:       #002d5a;
    --crimson:      #aa0014;
    --crimson-dim:  rgba(170,0,20,0.15);
    --gold:         #c8a560;
    --gold-pale:    #e9d9b6;
    --white:        #ffffff;
    --surface:      #f4f2ee;
    --card:         #ffffff;
    --text-1:       #1a1a28;
    --text-2:       #4d4d5e;
    --text-3:       #8a8a9a;
    --border:       #e2dfd9;
    --border-dark:  rgba(255,255,255,0.09);
    --shadow-xs:    0 1px 4px rgba(0,0,0,0.08);
    --shadow-sm:    0 3px 14px rgba(0,0,0,0.10);
    --shadow-md:    0 8px 28px rgba(0,0,0,0.14);
    --shadow-lg:    0 18px 54px rgba(0,0,0,0.22);
    --r-sm:         6px;
    --r-md:         10px;
    --r-lg:         14px;
    --ease:         cubic-bezier(.4,0,.2,1);
    --dur:          0.26s;
}

/* ── RESET & BASE ── */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    background-color: var(--surface);
    background-image: url('../images/retina_dust.png');
    color: var(--text-2);
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--navy-2); text-decoration: none; transition: color var(--dur) var(--ease); }
a:hover { color: var(--crimson); }
a:visited { color: var(--text-3); }


/* ═══════════════════════════════════════════════════
   HEADER SYSTEM — Full edge-to-edge
═══════════════════════════════════════════════════ */

.maddos-header,
.maddos-header-container {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ── INFO BAR ── */
.maddos-infobar {
    background: #000;
    color: rgba(255,255,255,0.7);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    width: 100%;
    padding: 6px 16px;
    margin-bottom: 0;
    border-bottom: 2px solid var(--crimson);
    overflow: hidden;
}

/* ── TOP BAR ── */
.maddos-header-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 24px;
    background: linear-gradient(135deg, var(--navy) 0%, #001830 100%);
    margin: 0 !important;
    position: relative;
    z-index: 10;
}

/* Subtle gold shimmer line at bottom */
.maddos-header-topbar::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200,165,96,0.35), transparent);
}

.maddos-topbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.maddos-topbar-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

/* ── SITE TITLE / DESC ── */
#maddos-site-title,
#maddos-site-title a {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--white) !important;
    line-height: 1.1;
    text-transform: none !important;
    letter-spacing: -0.3px;
}
#maddos-site-title a:hover { text-decoration: none; }

#maddos-site-desc {
    margin: 3px 0 0;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 300;
    color: var(--gold-pale) !important;
    line-height: 1.1;
    letter-spacing: 7px;
    text-transform: uppercase;
    opacity: 0.5;
}

.maddos-header-overlay { position: absolute; top: 10px; left: 10px; overflow: hidden; padding: 0 15px; }
.maddos-header-image { padding: 0; overflow: hidden; }
.maddos-header-image img { margin: 0 auto; background-size: cover; vertical-align: middle; display: block; }
.maddos-header-content { padding: 10px; }


/* ── PREMIUM BANNER AD ── */
.premium-ad {
    position: relative;
    width: 270px;
    height: 46px;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium-banner-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.premium-banner-slide.active { opacity: 1; z-index: 2; }

.premium-banner-slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    border-radius: var(--r-sm);
}

/* Legacy banner wrapper */
.maddos-header-ad-top {
    max-width: 340px;
    display: flex;
    justify-content: flex-end;
}
.maddos-header-ad-top img {
    max-height: 46px;
    width: auto;
    border-radius: var(--r-sm);
    display: block;
    transition: transform var(--dur) var(--ease);
}
.maddos-header-ad-top img:hover { transform: scale(1.03); }


/* ── SEARCH (compact under banner) ── */
.premium-search-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.premium-search-wrapper input[type="text"] {
    height: 28px;
    width: 190px;
    padding: 3px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.1);
    color: var(--white);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    backdrop-filter: blur(6px);
    transition: all var(--dur) var(--ease);
}
.premium-search-wrapper input[type="text"]::placeholder { color: rgba(255,255,255,0.38); }
.premium-search-wrapper input[type="text"]:focus {
    outline: none;
    border-color: var(--gold);
    background: rgba(255,255,255,0.15);
    width: 220px;
}

/* Legacy search */
.maddos-search { position: absolute; bottom: 6px; right: 20px; width: 50%; }
.maddos-search input[type="text"] {
    padding: 0 90px 0 20px;
    height: 38px;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.1);
    color: var(--white);
    font-size: 13px;
    width: 100%;
    backdrop-filter: blur(6px);
    transition: border-color var(--dur) var(--ease);
}
.maddos-search input[type="text"]:focus { outline: none; border-color: var(--gold); }


/* ═══════════════════════════════════════════════════
   NAVIGATION — Sticky, edge-to-edge
═══════════════════════════════════════════════════ */

.premium-nav-row {
    background: linear-gradient(180deg, #001428 0%, #000e1e 100%);
    border-bottom: 1px solid var(--border-dark);
    box-shadow: 0 4px 20px rgba(0,0,0,0.38);
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.premium-nav-container {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 !important;
}

.premium-menu { margin: 0; padding: 0; }
.premium-menu > li { margin: 0; }

.premium-menu > li > a {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.45px;
    color: rgba(255,255,255,0.78) !important;
    padding: 13px 13px;
    display: block;
    position: relative;
    transition: color var(--dur) var(--ease);
}

.premium-menu > li > a::after {
    content: '';
    position: absolute;
    left: 13px; right: 13px;
    bottom: 0;
    height: 2px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--dur) var(--ease);
}
.premium-menu > li > a:hover { color: var(--gold) !important; }
.premium-menu > li > a:hover::after { transform: scaleX(1); }


/* ── BOOTSTRAP MENUS ── */
.nav,
.nav>li>a,
.nav>li>a:hover,
.nav>li>a:focus,
.nav>.active>a,
.nav>.active>a:hover,
.nav>.active>a:focus,
.nav>.open>a,
.nav>.open>a:hover,
.nav>.open>a:focus,
.dropdown-menu,
.dropdown-menu>li>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #001224;
    color: rgba(255,255,255,0.85);
    border: 0;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.dropdown-menu {
    border: 1px solid var(--border-dark);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-lg);
    margin-top: 1px;
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.nav>li>a:hover,
.nav>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>.active a:hover {
    background-color: rgba(255,255,255,0.07) !important;
    color: var(--gold) !important;
    outline: 0;
}

.icon-bar { background-color: rgba(255,255,255,0.8); }

.maddos-menu { margin: 0; background: transparent !important; }
footer .maddos-menu { display: none; }


/* ── HEADLINE BAR ── */
.maddos-headline {
    padding: 8px 0;
    background: #050c16;
    color: rgba(255,255,255,0.8);
    text-align: center;
    border-bottom: 2px solid var(--crimson);
    font-size: 12.5px;
    letter-spacing: 0.3px;
}


/* ═══════════════════════════════════════════════════
   MAIN CONTENT
═══════════════════════════════════════════════════ */

.maddos-title-icon { display: inline-block; position: relative; background-size: 100%; overflow: hidden; font-size: 22px; }
.maddos-title-icon img { margin-top: 8px; }
.maddos-category-icon { display: inline-block; font-size: 18px; padding-right: 5px; overflow: visible; }


/* ── CATEGORY CONTAINER ── */
.maddos-category-container {
    margin: 16px 0;
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-xs);
    transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
    background: var(--card);
}
.maddos-category-container:hover {
    box-shadow: var(--shadow-sm);
    transform: translateY(-2px);
}

/* CARD HEADER — shared */
.maddos-category-header,
.maddos-link-header,
.maddos-link-header a {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 100%);
    color: var(--white);
    text-align: center;
    line-height: 1;
    padding: 10px 14px;
    border-radius: var(--r-lg) var(--r-lg) 0 0;
    position: relative;
    overflow: hidden;
}

/* Animated crimson–gold accent line */
.maddos-category-header::after,
.maddos-link-header::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--crimson) 0%, var(--gold) 50%, var(--crimson) 100%);
    background-size: 200% 100%;
    animation: headerShimmer 4s linear infinite;
}
@keyframes headerShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.maddos-category-header .nocenter,
.maddos-link-container .nocenter,
.nocenter { text-align: left !important; }

.maddos-category-header-title {
    display: inline-block;
    color: var(--white);
    overflow: hidden;
    margin: 0;
    position: relative;
    font-family: 'Outfit', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 4px;
}
.maddos-category-header-title a { color: inherit; text-decoration: none; }

.maddos-category-wrapper { color: var(--text-2); overflow-y: auto; position: relative; background: var(--card); }

.maddos-category-wrapper ol { list-style: decimal outside none; padding-top: 8px; }
.maddos-category-wrapper ol li { margin: 2px 10px 2px -10px; position: relative; display: none; }
.maddos-category-wrapper ol li:nth-child(1),
.maddos-category-wrapper ol li:nth-child(2),
.maddos-category-wrapper ol li:nth-child(3),
.maddos-category-wrapper ol li:nth-child(4),
.maddos-category-wrapper ol li:nth-child(5),
.maddos-category-wrapper ol li:nth-child(6),
.maddos-category-wrapper ol li:nth-child(7),
.maddos-category-wrapper ol li:nth-child(8) { display: list-item; }

.maddos-category-wrapper ol li .maddos-icon { width: 16px; height: 16px; display: inline-block; }

.maddos-taxonomy-description {
    padding: 8px 10px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text-3);
    font-size: 12.5px;
}


/* ── LINK CONTAINER ── */
.maddos-link-container {
    background: var(--card);
    padding: 0;
    margin: 16px 0;
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-xs);
    transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.maddos-link-container:hover { box-shadow: var(--shadow-sm); transform: translateY(-2px); }

.maddos-link-container-inner { padding: 0; margin: 16px 0; }

.maddos-link-header {
    position: relative;
    overflow: hidden;
}

.maddos-post-header {
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 6px 0 6px 12px;
    color: var(--white);
}


/* ── GRID ── */
.maddos-grid-container {
    background: var(--card);
    padding: 0;
    margin: 0;
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-xs);
    transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.maddos-grid-container:hover { box-shadow: var(--shadow-sm); transform: translateY(-3px); }

.maddos-grid-container p {
    font-size: 13px;
    padding: 10px;
    overflow: hidden;
    text-align: justify;
    line-height: 1.5;
    height: 160px;
    color: var(--text-2);
}

.maddos-grid-thumbnail { width: 100%; margin: 0 !important; height: auto; display: block; }

.maddos-post-grid-entry { margin-bottom: 16px; }
.maddos-post-grid-entry .maddos-grid-container { height: 202px; overflow: hidden; }
.maddos-post-grid-entry .maddos-grid-container .maddos-grid-thumbnail {
    border-radius: 0;
    transition: transform 0.4s ease;
}
.maddos-post-grid-entry .maddos-grid-container:hover .maddos-grid-thumbnail { transform: scale(1.05); }

.maddos-post-grid-header { text-align: center; }
.maddos-post-grid-header h2 a { font-size: 14px; margin: 0; white-space: nowrap; font-weight: 600; }


/* ── POST TITLE ── */
.maddos-post-title,
.maddos-post-title a {
    font-family: 'Sora', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--navy) !important;
    position: relative;
    margin: 0;
    overflow: hidden;
    line-height: 1.2;
}
.maddos-link-container-inner .maddos-post-title {
    border-bottom: 1px solid var(--border);
    padding-bottom: 16px;
}


/* ── SINGLE LINK PAGE ── */
.maddos-link-header-back { font-size: 13px; padding: 0; float: right; text-transform: uppercase; letter-spacing: 0.5px; }
.maddos-link-header-back,
.maddos-link-header-back a { color: rgba(255,255,255,0.5); text-decoration: none; text-align: center; }
.maddos-link-header-back a:hover { color: var(--gold); }

.maddos-link-content { padding: 20px; }
.maddos-link-content h2 { margin-top: 0; font-family: 'Sora', sans-serif; }

.maddos-single-left { padding-left: 10px; padding-right: 10px; }
.maddos-link-thumbnail { text-align: center; margin-bottom: 12px; }
.maddos-single-left .maddos-link-thumbnail img { margin: 0 auto; box-shadow: var(--shadow-md); border-radius: var(--r-md); }

.maddos-single-left .maddos-post-linktext {
    width: 100%;
    color: var(--white);
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 100%);
    padding: 14px 0;
    border-radius: var(--r-md);
    margin-top: 10px;
    border: none;
    box-shadow: var(--shadow-sm);
    transition: all var(--dur) var(--ease);
    text-align: center;
}
.maddos-single-left .maddos-post-linktext a { color: var(--white); }
.maddos-single-left .maddos-post-linktext:hover {
    background: linear-gradient(135deg, var(--crimson), #7a0010);
    box-shadow: 0 8px 24px var(--crimson-dim);
    transform: translateY(-1px);
}


/* ── PAGE CONTENT ── */
.maddos-page-content {
    color: var(--text-1);
    padding: 20px 22px 24px;
    background: var(--card);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--border);
}
.maddos-page-content p { margin-bottom: 10px; line-height: 1.7; }
.maddos-page-content h2 { font-family: 'Sora', sans-serif; margin: 0 0 12px; padding: 0; }


/* ── BREADCRUMBS ── */
.maddos-breadcrumbs,
.maddos-archive-block { padding: 14px 0; }
.maddos-archive-block { margin-top: 16px; }
.maddos-breadcrumbs .maddos-post-header { color: var(--text-1) !important; }
.maddos-breadcrumbs .maddos-post-header a { color: var(--text-3) !important; }


/* ── MORE LINK ── */
.maddos-more-link {
    display: flex;
    justify-content: flex-end;
    padding: 6px 10px;
    border-top: 1px solid var(--border);
}
.maddos-more-link a {
    position: relative;
    padding: 0 14px 0 0;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: var(--crimson);
    transition: color var(--dur) var(--ease);
}
.maddos-more-link a:hover { color: var(--navy); }
.maddos-more-link a::after {
    content: "";
    position: absolute;
    right: -4px; top: 50%;
    border: 5px solid transparent;
    border-left: 5px solid currentColor;
    transform: translateY(-50%);
}


/* ── OPEN/CLOSE BUTTON ── */
.maddos-open-close-button {
    float: right;
    width: 26px; height: 26px;
    font-size: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.13);
    border: 1px solid rgba(255,255,255,0.22);
    position: relative;
    cursor: pointer;
    transition: all 0.45s var(--ease);
    backdrop-filter: blur(4px);
}
.maddos-open-close-button:hover { background: rgba(255,255,255,0.22); border-color: var(--gold); }
.maddos-open-close-button:before {
    content: ""; display: block; position: absolute;
    background-color: var(--white); width: 40%; height: 6%; left: 30%; top: 47%;
}
.maddos-open-close-button:after {
    content: ""; display: block; position: absolute;
    background-color: var(--white); width: 6%; height: 40%; left: 47%; top: 30%;
}
.maddos-open-close-button.open {
    transform: rotate(225deg);
    background: var(--crimson);
    border-color: var(--crimson);
}


/* ── NAVIGATION ARROWS ── */
.maddos-nav {
    overflow: hidden;
    padding: 6px 8px 6px 12px;
    font-weight: 500;
    background-color: transparent !important;
    color: var(--text-3);
    font-size: 15px;
}
.maddos-nav a,
.maddos-nav a:link,
.maddos-nav a:active,
.maddos-nav a:visited { color: var(--text-3); }
.maddos-nav a:hover { color: var(--crimson); }
.maddos-nav-prev { display: block; float: left; }
.maddos-nav-next { display: block; float: right; }

.maddos-arrow { display: inline-block; padding: 3px; }
.maddos-arrow-up { margin-top: 3px; border: solid #60bf70; border-width: 0 2px 2px 0; transform: rotate(-135deg); }
.maddos-arrow-down { margin-bottom: 3px; border: solid #e06060; border-width: 0 2px 2px 0; transform: rotate(45deg); }


/* ── TAGS ── */
.maddos-tags .btn-default {
    border: 1px solid var(--navy);
    border-radius: 50px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--navy);
    background: transparent;
    padding: 3px 12px;
    transition: all var(--dur) var(--ease);
}
.maddos-tags .btn-default:hover { background: var(--navy); color: var(--white); }


/* ── MADDOS ICONS ── */
.maddos-review { display: none; position: absolute; right: 4px; top: 0; }

.maddos-site-review-icon { display: none; }
.maddos-site-review-icon,
.maddos-mobile-friendly-icon,
.maddos-new-icon,
.maddos-sticky-icon {
    width: 16px; height: 16px;
    display: inline-block;
    position: relative;
    background-size: 100%;
    overflow: hidden;
}

/* Keep original base64 src on these icons in the HTML */
.maddos-site-review-icon {
    background-image: url(data:image/svg+xml;base64,CiAgPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDI0IDEwMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bWV0YWRhdGE+IEZyZWUgSWNvbiBEb3dubG9hZCAtLSA8YSBjbGFzcz0ibGlua2lmaWNhdGlvbi1leHQiIGhyZWY9Imh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tIiB0aXRsZT0iTGlua2lmaWNhdGlvbjogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20iPnd3dy5vbmxpbmV3ZWJmb250cy5jb208L2E+IDwvbWV0YWRhdGE+CgogIDxwYXRoIHN0eWxlPSJmaWxsOiM1NjU2NTYiIGQ9Ik04NTcuNTE4MDggNDM5LjMwNjI0Yy0xOC4wNTMxMiAwLTMxLjM5NTg0IDE0LjY4NDE2LTMxLjM5NTg0IDMyLjc2OGwwIDMyLjc5ODcyIDAgMjk0Ljk4MzY4IDAgNzMuMDExMmMwIDQzLjExMDQtMzMuMzIwOTYgNzkuNzQ5MTItNzYuMzQ5NDQgNzkuNzQ5MTJMMTY1LjI2MzM2IDk1Mi42MTY5NmMtNDMuMDE4MjQgMC05My4wMzA0LTM2LjYzODcyLTkzLjAzMDQtNzkuNzQ5MTJMNzIuMjMyOTYgMjg2LjM3MTg0YzAtNDMuMTUxMzYgNTAuMDEyMTYtODkuMTA4NDggOTMuMDMwNC04OS4xMDg0OGw0MC4xMzA1NiAwIDE5NS45OTM2IDAgOTcuOTc2MzIgMGMxOC4wOTQwOCAwIDMyLjY3NTg0LTEzLjM4MzY4IDMyLjY3NTg0LTMxLjQ3Nzc2IDAtMTguMTI0OC0xNC41ODE3Ni0zMS40Njc1Mi0zMi42NzU4NC0zMS40Njc1MmwtOTcuOTc2MzIgMC0xOTUuOTkzNiAwLTQwLjEzMDU2IDBjLTg1LjkxMzYgMC0xNTUuODYzMDQgNjUuNzYxMjgtMTU1Ljg2MzA0IDE1Mi4wNTM3NmwwIDU4Ni40OTZjMCA4Ni4yNjE3NiA2OS45NTk2OCAxNDIuNzA0NjQgMTU1Ljg2MzA0IDE0Mi43MDQ2NEw3NDkuNzcyOCAxMDE1LjU3MjQ4Yzg1Ljk4NTI4IDAgMTM5LjE2MTYtNTYuNDQyODggMTM5LjE2MTYtMTQyLjcwNDY0bDAtNzMuMDExMkw4ODguOTM0NCA1MDQuODcyOTZsMC0zMi43OTg3MkM4ODguOTM0NCA0NTMuOTkwNCA4NzUuNTkxNjggNDM5LjMwNjI0IDg1Ny41MTgwOCA0MzkuMzA2MjR6Ij48L3BhdGg+CjxwYXRoIHN0eWxlPSJmaWxsOiM1NjU2NTYiIGQ9Ik05ODYuMjk2MzIgODMuODM0ODggOTM4LjQ0NDggMzUuODRjLTM2LjM4MjcyLTM2LjUzNjMyLTEwMC4zODI3Mi0zNi41MzYzMi0xMzYuNzk2MTYgMGwtOTAuNDE5MiAxMDYuNDg1NzZMMjI5LjI5NDA4IDYwNC41NDkxMmwwIDExLjI3NDI0LTAuMzc4ODggMS45MjUxMi02MC42MDAzMiAyMDUuODY0OTYgNDQuNTIzNTIgMzkuNzkyNjQgMTk0LjQyNjg4LTY4LjY3OTY4IDIuNDY3ODQgMC41MzI0OCA5LjU0MzY4IDAgNDYwLjgyMDQ4LTQ4My40MDk5MiAxMDYuMjE5NTItODYuODk2NjRDMTAyNC4wMzA3MiAxODcuMTU2NDggMTAyNC4wMzA3MiAxMjEuNjkyMTYgOTg2LjI5NjMyIDgzLjgzNDg4ek0yNTMuOTExMDQgNzc4LjQwMzg0bDI4LjMxMzYtOTAuMzA2NTYgNTYuNTg2MjQgNTYuNzE5MzZMMjUzLjkxMTA0IDc3OC40MDM4NHpNMzk2LjMzOTIgNzExLjA0NTEybC04My4yODE5Mi04My41MDcyIDQzMC44Njg0OC00MjkuNDE0NCA4MC41NjgzMiA4MC44NDQ4TDM5Ni4zMzkyIDcxMS4wNDUxMnpNOTQwLjcxODA4IDE3NS4zMzk1MmwtNjQuMjE1MDQgNjQuMzU4NC05My40NzA3Mi05My43Nzc5MiA2NC4xNzQwOC02NC4zNTg0YzYuMDgyNTYtNi4wNTE4NCAxNC4xNjE5Mi05LjM5MDA4IDIyLjgxNDcyLTkuMzkwMDggOC42NzMyOCAwIDE2Ljc2Mjg4IDMuMzM4MjQgMjIuODI0OTYgOS4zOTAwOGw0Ny44MTA1NiA0Ny45ODQ2NEM5NTMuMjcyMzIgMTQyLjIwMjg4IDk1My4yNzIzMiAxNjIuNzEzNiA5NDAuNzE4MDggMTc1LjMzOTUyeiI+PC9wYXRoPgoKCjwvc3ZnPiAg);
}
.maddos-mobile-friendly-icon {
    background-image: url(data:image/svg+xml;base64,CiAgPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDI0IDEwMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bWV0YWRhdGE+IEZyZWUgSWNvbiBEb3dubG9hZCAtLSA8YSBjbGFzcz0ibGlua2lmaWNhdGlvbi1leHQiIGhyZWY9Imh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tIiB0aXRsZT0iTGlua2lmaWNhdGlvbjogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20iPnd3dy5vbmxpbmV3ZWJmb250cy5jb208L2E+IDwvbWV0YWRhdGE+CgogIDxwYXRoIHN0eWxlPSJmaWxsOiNhOWI3YjciIGQ9Ik03MzYgMGgtNDQ4Yy01Mi44IDAtOTYgNDMuMi05NiA5NnY4MzJjMCA1Mi44IDQzLjIgOTYgOTYgOTZoNDQ4YzUyLjggMCA5Ni00My4yIDk2LTk2di04MzJjMC01Mi44LTQzLjItOTYtOTYtOTZ6TTM4NCA0OGgyNTUuOTk5djMyaC0yNTUuOTk5di0zMnpNNTEyIDk2MGMtMzUuMzQ2IDAtNjQtMjguNjU0LTY0LTY0czI4LjY1NC02NCA2NC02NCA2NCAyOC42NTQgNjQgNjQtMjguNjU0IDY0LTY0IDY0ek03NjggNzY4aC01MTEuOTk5di02NDBoNTExLjk5OXY2NDB6Ij48L3BhdGg+CgoKPC9zdmc+ICA=);
}
.maddos-new-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRFzDMz////zDQ0zDIyzTQ0yzIyzDExzTIyzDM0yzExzDIxuLi4HG+ZNQAAAAx0Uk5T//////////////8AEt/OzgAAAGdJREFUeNqEj9sOwCAIQ9uCc5f//99V4vbgHlZTDKeGIK5F+ABrQ/ZAAwKlhJABNd9uYgQzUhUeIEjbuEzMZpyOZKHhjaIHMCsT5kvxhBPSJNnmZNeGR7s0FimsyuNdsfT/uRXcAgwAFgsESSkC5/4AAAAASUVORK5CYII=");
}
.maddos-sticky-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAE7AAABOwEf329xAAACCElEQVR4nJWRT0gUcRTHP7+ZWWf/mK67O7vqSi2YlFhmQnkMPFSXjhH9uwh2ik4FdYk9BUVE4CXpEgWVgucKOgYFQQRhGAkRapkbieLOjjvzm9fB6A85C77be9/v+7zHe9Ag5GIhJeXOZCOP1Uhk+PBVJAjh0ZUoixE5vVzIU+w9jZM9K9eK2S0D2Dd0kpa8Q1zy7Oo/tSWA3OpKkMuPIJ6Bv6xIx0alXIpv5lUyicnHXB4SWXIZh2SynebmIXoPncObt6h9DgmDkLnKOO76K6q1b1S9Cjr4Qc/3JSV3D5yhb+91UrkU1C3QBoZlErqwOi2EHoQBoEN0XaM9TUhA0qnzYeGSxcLrx2zTuylmLmC3xBAB7Qr1RUG7IAH4a0KwAipmUhi26ewwmH17ky9fJxSACIp73edpV2UsP0kYbDRqT9BrIBqsVigebaKtppn5dJkj724rEPXP8e44Jyi4Y1j15o215delDEjvN+lwhJm5EXVs+uHmX1isTFFdXyL0/zQDGHFQwPxshdr0RPQbbaeErdt+5yYGBgbig9aCUlneF3Y0AHh9WJLCwqCYtdnevYZlrqD8GP4yxNM2ebc/GpBaH6A1kaC7D/zSOE9X9/CmbYBFe4zqnIsRKNIcJCrkftOUvOx9Lg92Dv6n3WgdlKnUE3nR8ywaUM50yXHMSH0SU8qZrr9rPwG+4MqllSSCUgAAAABJRU5ErkJggg==");
}

/* ── MISC ── */
.maddos-archive,
.maddos-search-results { display: inline-block; padding: 0 0 0 10px; margin: 0; position: relative; color: var(--text-3); }
.maddos-archive { padding: 0; margin: 4px 0 4px 10px; }

.maddos-url-links-row:first-child { margin-top: 14px; }
.maddos-url-link-image img { max-width: 200px; max-height: 200px; margin: 10px auto; box-shadow: var(--shadow-md); border-radius: var(--r-md); }

.maddos-url-links-wrapper .maddos-url-link-container { text-align: center; display: inline-block; margin: 16px 0; }
.maddos-url-links-wrapper .row { text-align: center; }
.maddos-no-margins { margin: 0; }

li img.maddos-image-hover { display: none; border: 1px solid var(--border); border-radius: var(--r-sm); }

.maddos-content,
.maddos-content-scroll { text-align: justify; }

.maddos-legend { margin: 16px 0 8px; font-size: 0.84em; color: var(--text-3); }
.maddos-hidden { display: none; }


/* ═══════════════════════════════════════════════════
   WIDGETS
═══════════════════════════════════════════════════ */

#maddos-header-area { text-align: center; }
#maddos-header-area .maddos-widget { margin: 1px 0 0; }
#maddos-footer-area { text-align: center; }
#maddos-footer-area .maddos-widget { margin: 1px 0 0; }

.maddos-widget {
    overflow: hidden;
    margin: 16px 0 0;
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-xs);
    transition: box-shadow var(--dur) var(--ease);
}
.maddos-widget:hover { box-shadow: var(--shadow-sm); }

.maddos-widget-title {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 100%);
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    letter-spacing: 0.4px;
    text-align: center;
    border-bottom: 2px solid var(--crimson);
    margin-top: 0;
    padding: 10px 14px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maddos-widget-title a { color: inherit; text-decoration: none; }

.maddos-see-all a {
    display: inline-block;
    background: var(--surface);
    width: 96%;
    margin: 2% 2%;
    border-radius: 50px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: var(--text-3);
    border: 1px solid var(--border);
    transition: all var(--dur) var(--ease);
}
.maddos-see-all a:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }


/* ═══════════════════════════════════════════════════
   COMMENTS
═══════════════════════════════════════════════════ */

.maddos-comments-container { padding: 0 18px; }
.maddos-comments { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 0 18px; }
.maddos-commentlist li { border-top: 1px dotted var(--border); padding: 7px 0; }
.maddos-leave-comment { margin: 10px 0; }

.maddos-comment-form-comment #comment,
.maddos-comment-form-author #author,
.maddos-comment-form-email #email,
.maddos-comment-form-url #url {
    max-width: 100%;
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
    padding: 7px 12px;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    transition: border-color var(--dur) var(--ease);
}
.maddos-comment-form-comment #comment:focus,
.maddos-comment-form-author #author:focus,
.maddos-comment-form-email #email:focus,
.maddos-comment-form-url #url:focus { outline: none; border-color: var(--navy); }


/* ═══════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════ */

.maddos-footer { box-shadow: none !important; }

.maddos-copyright {
    background: linear-gradient(90deg, #000 0%, #0b1520 100%);
    color: rgba(255,255,255,0.4);
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    border-top: 2px solid var(--crimson);
    letter-spacing: 0.3px;
}

.maddos-the-views { line-height: 16px; }


/* ── BLOCK HEADER ACCENTS ── */
#hotel-booking-sites,
#best-travel-forums { background: var(--crimson); }


/* ═══════════════════════════════════════════════════
   WP STANDARD ELEMENTS
═══════════════════════════════════════════════════ */

.textwidget, .tagcloud { padding: 10px; }
.widget_archive select,
.widget_categories select,
.widget_search input { margin: 0 10px 10px; }
.widget_search input { width: 90%; }

.wp-caption-text {
    font-family: 'Outfit', sans-serif;
    text-align: left;
    margin: 5px 0 22px;
    font-size: 11px;
    font-style: italic;
    line-height: 17px;
    color: var(--text-3);
}
.wp-caption { text-align: center; max-width: 100% !important; }

.screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
.bypostauthor { line-height: 1; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

.aligncenter { display: block; margin: 18px auto; }
.alignleft { display: inline; float: left; margin: 5px 18px 18px 0; }
.alignright { display: inline; float: right; margin: 5px 0 18px 18px; }

.gallery-caption { font-size: 14px; line-height: 22px; }

/* Calendar */
#wp-calendar { margin: 0 auto; }
#wp-calendar caption { text-align: right; color: var(--text-2); font-size: 12px; margin: 8px 0 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 8px; text-align: center; }
#wp-calendar tbody { color: var(--text-3); }
#wp-calendar tbody td { background: var(--surface); border: 1px solid #e8e5df; text-align: center; padding: 7px; border-radius: 4px; transition: background var(--dur) var(--ease); }
#wp-calendar tbody td:hover { background: var(--white); }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 8px; }


/* ── GALLERY ── */
.gallery:after { content: ""; display: table; clear: both; }
img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image { display: block; margin: 1em auto; }
img.alignright, div.alignright, figure.alignright { float: right; margin: 1em 0 1em 2em; }
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb { float: left; margin: 1em 1em 2em 0; }
figure { max-width: 100%; height: auto; margin: 1em 0; }
p img.alignright, p img.alignleft { margin-top: 0; }
.gallery figure img { max-width: 100%; height: auto; margin: 0 auto; display: block; }
.gallery figure { float: left; margin: 0 2% 1em 0; }
.gallery.gallery-columns-1 figure { width: 100%; margin: 0 0 1em 0; float: none; }
.gallery.gallery-columns-2 figure { width: 49%; }
.gallery.gallery-columns-2 figure:nth-of-type(even) { margin-right: 0; }
.gallery.gallery-columns-2 figure:nth-of-type(odd) { clear: left; }
.gallery.gallery-columns-3 figure { width: 32%; }
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) { margin-right: 0; }
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) { clear: left; }
.gallery.gallery-columns-4 figure { width: 23.25%; }
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) { margin-right: 0; }
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) { clear: left; }
.gallery.gallery-columns-5 figure { width: 18%; }
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) { margin-right: 0; }
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) { clear: left; }
.gallery.gallery-columns-6 figure { width: 14.2%; }
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) { margin-right: 0; }
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) { clear: left; }
.gallery.gallery-columns-7 figure { width: 12%; }
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) { margin-right: 0; }
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) { clear: left; }
.gallery.gallery-columns-8 figure { width: 10.2%; }
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) { margin-right: 0; }
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) { clear: left; }
.gallery.gallery-columns-9 figure { width: 8.85%; }
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) { margin-right: 0; }
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) { clear: left; }


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 992px) {
    .maddos-header-topbar { flex-direction: column; gap: 12px; padding: 12px 16px; }
    .maddos-topbar-right { align-items: center; }
    .premium-search-wrapper { justify-content: center; }
    .premium-ad { width: 300px; height: 50px; }
    .premium-nav-container { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 768px) {
    .maddos-topbar-right { align-items: center; }
    #maddos-site-title, #maddos-site-title a { font-size: 22px; }
    .maddos-post-title, .maddos-post-title a { font-size: 22px; }
    .premium-search-wrapper input[type="text"] { width: 85%; }

    img.alignright, div.alignright, figure.alignright,
    img.alignleft, div.alignleft, figure.alignleft,
    img.wp-post-image.attachment-thumb {
        display: block; margin: 1em auto; float: none;
    }
    .gallery.gallery-columns-4 figure,
    .gallery.gallery-columns-5 figure,
    .gallery.gallery-columns-6 figure,
    .gallery.gallery-columns-7 figure,
    .gallery.gallery-columns-8 figure,
    .gallery.gallery-columns-9 figure {
        width: 100%; margin: 0 0 1em 0; float: none;
    }
}

@media (max-width: 576px) {
    .maddos-header-topbar { padding: 10px 12px; }
    .premium-ad { width: 100%; }
    .maddos-link-content { padding: 14px; }
    .maddos-page-content { padding: 14px 14px 18px; }
}

/* ========================================================================
   PREMIUM HEADER & FOOTER CSS — Matched to header.php + footer.php
   Complements style-premium-v2.css
   ======================================================================== */

/* ═══════════════════════════════════════════════════
   GLOBAL RESET — Zero gaps at top/sides
═══════════════════════════════════════════════════ */

html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body > .maddos-infobar,
body > .container-fluid.maddos-header-container {
    margin: 0 !important;
    padding: 0 !important;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bootstrap row inner gutter reset for header/footer rows */
.maddos-header .row,
footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.maddos-header .row > [class*="col-"],
footer .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ═══════════════════════════════════════════════════
   INFO BAR  — .maddos-infobar
   (direct child of <body>, above header)
═══════════════════════════════════════════════════ */

.maddos-infobar {
    width: 100%;
    background: #000;
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 7px 20px;
    margin: 0 !important;
    border-bottom: 2px solid #aa0014;
    overflow: hidden;
    position: relative;
    z-index: 1000;
}

.maddos-infobar a { color: rgba(255,255,255,0.75); text-decoration: none; }
.maddos-infobar a:hover { color: #c8a560; }


/* ═══════════════════════════════════════════════════
   OUTER HEADER WRAPPER
   .container-fluid.maddos-header-container > .maddos-header
═══════════════════════════════════════════════════ */

.maddos-header-container {
    background: linear-gradient(160deg, #00172e 0%, #001f3f 55%, #001428 100%);
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

/* Subtle noise / depth overlay */
.maddos-header-container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 40%, rgba(200,165,96,0.07) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}

.maddos-header {
    box-shadow: none !important;
    position: relative;
    z-index: 1;
}


/* ═══════════════════════════════════════════════════
   ROW 1 — NAVIGATION  (.maddos-menu)
   Wraps wp_nav_menu + hamburger toggle
═══════════════════════════════════════════════════ */

.maddos-header .maddos-menu {
    display: flex;
    align-items: center;
    width: 100%;
    background: linear-gradient(180deg, #000e1e 0%, #00111f 100%);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    box-shadow: 0 3px 16px rgba(0,0,0,0.35);
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Hamburger toggle — mobile */
.maddos-header .navbar-toggle {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 6px;
    padding: 7px 10px;
    margin: 8px 0;
    background: rgba(255,255,255,0.06);
    transition: background 0.24s ease;
    order: -1; /* push to left on mobile */
}
.maddos-header .navbar-toggle:hover { background: rgba(255,255,255,0.14); }
.maddos-header .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,0.85);
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 4px 0;
}

/* Collapsed nav wrapper */
.maddos-header .collapse.navbar-collapse {
    flex: 1;
}

/* Nav items */
.maddos-header .nav.navbar-nav {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.maddos-header .nav.navbar-nav > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.45px;
    color: rgba(255,255,255,0.78) !important;
    padding: 13px 13px;
    display: block;
    position: relative;
    transition: color 0.24s ease;
    background: transparent !important;
    border: none;
}

/* Gold underline slide-in */
.maddos-header .nav.navbar-nav > li > a::after {
    content: '';
    position: absolute;
    left: 13px; right: 13px;
    bottom: 0;
    height: 2px;
    background: #c8a560;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.24s ease;
}

.maddos-header .nav.navbar-nav > li > a:hover { color: #c8a560 !important; }
.maddos-header .nav.navbar-nav > li > a:hover::after { transform: scaleX(1); }

/* Active item */
.maddos-header .nav.navbar-nav > li.active > a,
.maddos-header .nav.navbar-nav > li.current-menu-item > a {
    color: #c8a560 !important;
}
.maddos-header .nav.navbar-nav > li.active > a::after,
.maddos-header .nav.navbar-nav > li.current-menu-item > a::after {
    transform: scaleX(1);
}

/* Dropdown */
.maddos-header .dropdown-menu {
    background: #001224;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 10px;
    box-shadow: 0 18px 54px rgba(0,0,0,0.4);
    margin-top: 0;
    padding: 4px 0;
    overflow: hidden;
    backdrop-filter: blur(14px);
    min-width: 180px;
}

.maddos-header .dropdown-menu > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,0.78) !important;
    padding: 8px 18px;
    transition: background 0.2s ease, color 0.2s ease;
    background: transparent !important;
}

.maddos-header .dropdown-menu > li > a:hover,
.maddos-header .dropdown-menu > .active > a {
    background: rgba(255,255,255,0.07) !important;
    color: #c8a560 !important;
}


/* ═══════════════════════════════════════════════════
   ROW 2 — BRANDING & HEADER IMAGE
   .maddos-search / .maddos-header-image / .maddos-header-content
═══════════════════════════════════════════════════ */

/* Branding row wrapper */
.maddos-header .row:nth-child(2) {
    padding: 18px 24px 16px;
    display: flex;
    align-items: center;
    position: relative;
}

/* Header image */
.maddos-header-image {
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.maddos-header-image img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}

/* Site title + desc — inline (no hero image) */
.maddos-header-content {
    padding: 10px 0 6px;
}

/* Site title + desc — overlay (on top of hero image) */
.maddos-header-overlay {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    padding: 0 15px;
    overflow: hidden;
}

/* SITE TITLE */
#maddos-site-title,
#maddos-site-title a {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.1;
    text-transform: none !important;
    letter-spacing: -0.3px;
}

#maddos-site-title a:hover { text-decoration: none; color: #e9d9b6 !important; }

/* SITE DESCRIPTION */
#maddos-site-desc {
    margin: 5px 0 0;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 300;
    color: #e9d9b6 !important;
    line-height: 1.1;
    letter-spacing: 7px;
    text-transform: uppercase;
    opacity: 0.5;
}

/* SEARCH FORM in header */
.maddos-search {
    position: absolute;
    bottom: 8px;
    right: 24px;
    width: 42%;
    z-index: 5;
}

.maddos-search .search-form,
.maddos-search form {
    display: flex;
    align-items: center;
}

.maddos-search input[type="text"],
.maddos-search input[type="search"] {
    width: 100%;
    height: 36px;
    padding: 0 44px 0 18px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    backdrop-filter: blur(8px);
    transition: border-color 0.24s ease, background 0.24s ease, width 0.3s ease;
}

.maddos-search input[type="text"]::placeholder,
.maddos-search input[type="search"]::placeholder { color: rgba(255,255,255,0.38); }

.maddos-search input[type="text"]:focus,
.maddos-search input[type="search"]:focus {
    outline: none;
    border-color: #c8a560;
    background: rgba(255,255,255,0.15);
}

.maddos-search input[type="submit"],
.maddos-search button[type="submit"] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: #aa0014;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.24s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.maddos-search input[type="submit"]:hover,
.maddos-search button[type="submit"]:hover { background: #c8a560; }


/* ═══════════════════════════════════════════════════
   ROW 3 — HEADLINE BAR  .maddos-headline
═══════════════════════════════════════════════════ */

.maddos-headline {
    width: 100%;
    padding: 8px 20px;
    background: #050c16;
    color: rgba(255,255,255,0.78);
    text-align: center;
    border-bottom: 2px solid #aa0014;
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.5;
}

.maddos-headline a { color: #c8a560; text-decoration: none; }
.maddos-headline a:hover { text-decoration: underline; }


/* ═══════════════════════════════════════════════════
   FOOTER — <footer> + .maddos-copyright
═══════════════════════════════════════════════════ */

footer {
    background: linear-gradient(180deg, #040d18 0%, #000 100%);
    border-top: 2px solid #aa0014;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

footer .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
}

footer .row {
    margin: 0 !important;
}

footer .row > [class*="col-"] {
    padding: 0 !important;
}

/* Footer menu wrapper */
footer .maddos-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 20px;
    background: transparent;
}

/* Footer nav */
footer .nav.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
}

footer .nav.navbar-nav > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45) !important;
    padding: 10px 14px;
    display: block;
    position: relative;
    transition: color 0.22s ease;
    background: transparent !important;
    border: none;
}

footer .nav.navbar-nav > li > a:hover {
    color: #c8a560 !important;
}

/* Divider dots between footer links */
footer .nav.navbar-nav > li + li::before {
    content: '·';
    color: rgba(255,255,255,0.2);
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
}

footer .nav.navbar-nav > li { position: relative; }

/* Footer dropdown (if used) */
footer .dropdown-menu {
    background: #001020;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 8px;
    padding: 4px 0;
    bottom: 100%;
    top: auto;
}

footer .dropdown-menu > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.65) !important;
    padding: 7px 16px;
    background: transparent !important;
}

footer .dropdown-menu > li > a:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #c8a560 !important;
}

/* Footer hamburger toggle (mobile) */
footer .navbar-toggle {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 6px 9px;
    background: rgba(255,255,255,0.05);
    margin: 8px auto;
    display: block;
}
footer .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,0.7);
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    margin: 3px 0;
}


/* ── COPYRIGHT BAR ── */

.maddos-copyright {
    background: #000;
    color: rgba(255,255,255,0.36);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    border-top: 1px solid rgba(170,0,20,0.5);
    letter-spacing: 0.3px;
    line-height: 1.6;
}

.maddos-copyright a { color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.22s ease; }
.maddos-copyright a:hover { color: #c8a560; }


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 991px) {

    /* Header branding row */
    .maddos-header .row:nth-child(2) { padding: 14px 16px 12px; }

    /* Collapse full-width on mobile */
    .maddos-header .collapse.navbar-collapse {
        width: 100%;
    }

    .maddos-header .nav.navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 4px 0 8px;
        background: #000e1e;
        border-top: 1px solid rgba(255,255,255,0.07);
    }

    .maddos-header .nav.navbar-nav > li { width: 100%; }
    .maddos-header .nav.navbar-nav > li > a { padding: 10px 20px; font-size: 14px; }
    .maddos-header .nav.navbar-nav > li > a::after { display: none; }

    .maddos-header .dropdown-menu {
        position: static;
        float: none;
        border-radius: 0;
        box-shadow: none;
        border: none;
        border-left: 3px solid #aa0014;
        margin-left: 20px;
        background: rgba(0,0,0,0.2);
    }

    /* Search — full width below branding */
    .maddos-search {
        position: static;
        width: 100%;
        padding: 0 16px 12px;
    }

    /* Site title smaller */
    #maddos-site-title, #maddos-site-title a { font-size: 24px; }

    /* Footer nav stack */
    footer .nav.navbar-nav { flex-direction: column; align-items: center; }
    footer .nav.navbar-nav > li + li::before { display: none; }
    footer .nav.navbar-nav > li > a { padding: 7px 14px; }
}

@media (max-width: 576px) {

    .maddos-infobar { font-size: 11px; padding: 6px 12px; }
    .maddos-header .maddos-menu { padding: 0 12px; }
    .maddos-header .row:nth-child(2) { padding: 12px; }
    #maddos-site-title, #maddos-site-title a { font-size: 20px; }
    #maddos-site-desc { font-size: 9px; letter-spacing: 5px; }
    .maddos-headline { font-size: 11.5px; padding: 6px 14px; }
    .maddos-copyright { font-size: 11px; padding: 10px 14px; }
}
/* ========================================================================
   PREMIUM PAGINATION CSS — Matched to navigation.php template
   Targets: .maddos-nav, wp_pagenavi, glyphicon arrows
   Complements style-premium-v2.css + header-footer-premium.css
   ======================================================================== */


/* ═══════════════════════════════════════════════════
   OUTER CONTAINER — row padding
═══════════════════════════════════════════════════ */

.maddos-nav,
.wp-pagenavi {
    font-family: 'Outfit', sans-serif;
    margin: 28px 0 18px;
    padding: 0;
}


/* ═══════════════════════════════════════════════════
   PREV / NEXT LAYOUT  — .maddos-nav
   Contains .maddos-nav-prev and .maddos-nav-next
═══════════════════════════════════════════════════ */

.maddos-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2dfd9;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    position: relative;
}

/* Subtle centre divider line */
.maddos-nav::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background: #e2dfd9;
    transform: translateX(-50%);
    pointer-events: none;
}

/* ── SHARED: prev + next blocks ── */
.maddos-nav-prev,
.maddos-nav-next {
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 56px;
    transition: background 0.24s ease;
}

.maddos-nav-prev:hover,
.maddos-nav-next:hover {
    background: #f8f6f2;
}

/* ── PREV ── left-aligned */
.maddos-nav-prev {
    justify-content: flex-start;
    padding: 0 20px 0 18px;
    border-right: none;
}

/* ── NEXT ── right-aligned */
.maddos-nav-next {
    justify-content: flex-end;
    padding: 0 18px 0 20px;
}

/* ── LINKS ── */
.maddos-nav-prev a,
.maddos-nav-next a {
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #00172e;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 0;
    position: relative;
    transition: color 0.22s ease, gap 0.22s ease;
}

.maddos-nav-prev a:hover,
.maddos-nav-next a:hover {
    color: #aa0014;
    gap: 12px;
}

/* ── GLYPHICON ARROWS ── */

/* Bootstrap glyphicons — replace with CSS arrows for crisp rendering */
.maddos-nav-prev .glyphicon-menu-left,
.maddos-nav-next .glyphicon-menu-right {
    font-size: 0; /* hide default glyph text */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #00172e;
    border: none;
    flex-shrink: 0;
    position: relative;
    transition: background 0.22s ease, transform 0.22s ease;
}

/* CSS chevron — PREV (left) */
.maddos-nav-prev .glyphicon-menu-left::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg) translateX(1px);
}

/* CSS chevron — NEXT (right) */
.maddos-nav-next .glyphicon-menu-right::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    transform: rotate(45deg) translateX(-1px);
}

/* Arrow hover — crimson fill + subtle nudge */
.maddos-nav-prev a:hover .glyphicon-menu-left {
    background: #aa0014;
    transform: translateX(-3px);
}

.maddos-nav-next a:hover .glyphicon-menu-right {
    background: #aa0014;
    transform: translateX(3px);
}


/* ═══════════════════════════════════════════════════
   WP PAGENAVI — wp_pagenavi()
   Wraps in <nav class="wp-pagenavi">
═══════════════════════════════════════════════════ */

.wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px 0;
}

/* ── Every page item: a, span, .page, .current, .extend ── */

.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #00172e;
    background: #ffffff;
    border: 1px solid #e2dfd9;
    border-radius: 8px;
    text-decoration: none;
    line-height: 1;
    transition: all 0.22s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* ── Hover ── */
.wp-pagenavi a:hover {
    background: #00172e;
    color: #ffffff;
    border-color: #00172e;
    box-shadow: 0 4px 14px rgba(0,23,46,0.18);
    transform: translateY(-1px);
}

/* ── Current page ── */
.wp-pagenavi span.current {
    background: linear-gradient(135deg, #00172e 0%, #002d5a 100%);
    color: #c8a560;
    border-color: #00172e;
    font-weight: 700;
    box-shadow: 0 4px 16px rgba(0,23,46,0.22);
    cursor: default;
    transform: none;
}

/* ── Pages text (e.g. "Page 2 of 10") ── */
.wp-pagenavi span.pages {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #8a8a9a;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3px;
    padding: 0 8px;
    min-width: auto;
    cursor: default;
}

/* ── Ellipsis / extend ── */
.wp-pagenavi span.extend {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #8a8a9a;
    font-size: 16px;
    letter-spacing: 2px;
    min-width: 28px;
    cursor: default;
}

/* ── First / Last / Prev / Next links ── */
.wp-pagenavi a.first,
.wp-pagenavi a.last {
    font-size: 11px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 12px;
    color: #4d4d5e;
    border-color: #e2dfd9;
}

.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover {
    background: #aa0014;
    border-color: #aa0014;
    color: #ffffff;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    background: linear-gradient(135deg, #00172e, #002244);
    color: #ffffff;
    border-color: #00172e;
    font-weight: 600;
    font-size: 11.5px;
    letter-spacing: 0.5px;
    padding: 0 16px;
    min-width: 80px;
    box-shadow: 0 3px 10px rgba(0,23,46,0.2);
}

.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
    background: linear-gradient(135deg, #aa0014, #7a0010);
    border-color: #aa0014;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(170,0,20,0.25);
    transform: translateY(-2px);
}


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* Stack prev/next vertically */
    .maddos-nav {
        flex-direction: column;
        border-radius: 10px;
    }

    .maddos-nav::after { display: none; }

    .maddos-nav-prev,
    .maddos-nav-next {
        width: 100%;
        padding: 0 16px;
        min-height: 48px;
        border-radius: 0;
    }

    .maddos-nav-prev {
        border-bottom: 1px solid #e2dfd9;
    }

    .maddos-nav-prev a,
    .maddos-nav-next a {
        font-size: 12px;
        padding: 13px 0;
    }

    /* Pagenavi — tighter items */
    .wp-pagenavi {
        gap: 3px;
    }

    .wp-pagenavi a,
    .wp-pagenavi span {
        min-width: 34px;
        height: 34px;
        font-size: 12px;
        border-radius: 7px;
    }

    /* Hide first/last on very small screens */
    .wp-pagenavi a.first,
    .wp-pagenavi a.last {
        display: none;
    }

    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink {
        min-width: 68px;
        font-size: 11px;
        padding: 0 12px;
    }
}

@media (max-width: 400px) {

    /* Hide numeric pages — show only prev/next on tiny screens */
    .wp-pagenavi a.page,
    .wp-pagenavi span.page,
    .wp-pagenavi span.extend,
    .wp-pagenavi span.pages {
        display: none;
    }

    .wp-pagenavi {
        justify-content: space-between;
        gap: 0;
    }

    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink {
        flex: 1;
        min-width: unset;
        border-radius: 8px;
    }
}
/* ========================================================================
   PREMIUM ARCHIVE PAGE CSS — Matched to archive.php template
   Targets: .maddos-archive-block, h1.maddos-archive, .maddos-link-header-back,
            .maddos-taxonomy-description, .maddos-title-icon, date/cat/tag/author
   Complements style-premium-v2.css + header-footer-premium.css
   ======================================================================== */


/* ═══════════════════════════════════════════════════
   ARCHIVE BLOCK WRAPPER — .maddos-archive-block
   Outer container for h1 + back link + description
═══════════════════════════════════════════════════ */

.maddos-archive-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin: 22px 0 6px;
    padding: 20px 24px 18px;
    background: #ffffff;
    border: 1px solid #e2dfd9;
    border-radius: 14px;
    border-left: 4px solid #aa0014;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    overflow: visible;
}

/* Left accent glow */
.maddos-archive-block::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 14px;
    bottom: 14px;
    width: 4px;
    background: linear-gradient(180deg, #aa0014 0%, #c8a560 100%);
    border-radius: 0 2px 2px 0;
    pointer-events: none;
}

/* .nocenter override — text stays left */
.maddos-archive-block.nocenter,
.maddos-archive-block .nocenter {
    text-align: left !important;
}


/* ═══════════════════════════════════════════════════
   ARCHIVE HEADING — h1.maddos-archive
   Outputs: "Category Name Archive", "Date: …", etc.
═══════════════════════════════════════════════════ */

h1.maddos-archive,
.maddos-archive {
    font-family: 'Sora', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #00172e;
    margin: 0;
    padding: 0;
    line-height: 1.25;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    /* override base .maddos-archive inline styles */
    display: flex !important;
    padding-left: 0 !important;
}

/* Subtle archive-type label prefix: "Category:", "Tag:", etc.
   Rendered inside sprintf — we style the whole h1 uniformly
   and add a visual "chip" via ::before based on context classes
   added to <body> by WordPress */

body.category h1.maddos-archive::before { content: 'Category'; }
body.tag      h1.maddos-archive::before { content: 'Tag'; }
body.author   h1.maddos-archive::before { content: 'Author'; }
body.date     h1.maddos-archive::before { content: 'Archive'; }

body.category h1.maddos-archive::before,
body.tag      h1.maddos-archive::before,
body.author   h1.maddos-archive::before,
body.date     h1.maddos-archive::before {
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    background: #aa0014;
    padding: 3px 9px;
    border-radius: 50px;
    vertical-align: middle;
    line-height: 1.8;
    white-space: nowrap;
    flex-shrink: 0;
    margin-right: 4px;
}

/* Gold chip for tag archives */
body.tag h1.maddos-archive::before {
    background: linear-gradient(135deg, #c8a560, #a07830);
    color: #fff;
}

/* Navy chip for author archives */
body.author h1.maddos-archive::before {
    background: linear-gradient(135deg, #002244, #00172e);
}


/* ═══════════════════════════════════════════════════
   TITLE ICON — .maddos-title-icon
   Injected before category name (image or font icon)
═══════════════════════════════════════════════════ */

.maddos-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #00172e 0%, #002d5a 100%);
    border-radius: 8px;
    overflow: hidden;
    font-size: 18px;
    line-height: 1;
    color: #c8a560;
    box-shadow: 0 2px 8px rgba(0,23,46,0.18);
    vertical-align: middle;
}

.maddos-title-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
    margin: 0;
    filter: brightness(0) invert(1);
}

/* Font icon (emoji / dashicon / FA) */
.maddos-title-icon:not(:has(img)) {
    font-size: 16px;
}


/* ═══════════════════════════════════════════════════
   BACK TO HOME LINK — .maddos-link-header-back
   Float: right inside .maddos-archive-block
═══════════════════════════════════════════════════ */

.maddos-archive-block .maddos-link-header-back {
    float: none; /* override base float:right — use flex instead */
    display: inline-flex;
    align-items: center;
    align-self: center;
    flex-shrink: 0;
    margin-left: auto;
}

.maddos-archive-block .maddos-link-header-back a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Outfit', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #4d4d5e;
    text-decoration: none;
    padding: 7px 14px;
    border: 1px solid #e2dfd9;
    border-radius: 50px;
    background: #f8f6f2;
    transition: all 0.22s ease;
    white-space: nowrap;
}

.maddos-archive-block .maddos-link-header-back a:hover {
    background: #00172e;
    color: #ffffff;
    border-color: #00172e;
    box-shadow: 0 4px 14px rgba(0,23,46,0.2);
    gap: 5px;
}

/* Glyphicon chevron inside back link */
.maddos-archive-block .maddos-link-header-back .glyphicon-menu-left {
    font-size: 0; /* reset glyph */
    display: inline-block;
    width: 6px;
    height: 6px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    flex-shrink: 0;
    transition: transform 0.22s ease;
}

.maddos-archive-block .maddos-link-header-back a:hover .glyphicon-menu-left {
    border-color: #ffffff;
    transform: rotate(45deg) translateX(-2px) translateY(-1px);
}


/* ═══════════════════════════════════════════════════
   TAXONOMY DESCRIPTION — .maddos-taxonomy-description
   Rendered below .maddos-archive-block, inside same wrapper
═══════════════════════════════════════════════════ */

.maddos-taxonomy-description {
    width: 100%;
    flex-basis: 100%;
    margin-top: 14px;
    padding: 14px 16px;
    background: #f8f6f2;
    border: 1px solid #e8e4dc;
    border-radius: 8px;
    border-left: 3px solid #c8a560;
    color: #4d4d5e;
    font-family: 'Outfit', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.7;
}

.maddos-taxonomy-description p {
    margin: 0 0 8px;
}

.maddos-taxonomy-description p:last-child {
    margin-bottom: 0;
}

.maddos-taxonomy-description a {
    color: #00172e;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.maddos-taxonomy-description a:hover {
    color: #aa0014;
}


/* ═══════════════════════════════════════════════════
   PAGE COUNT BADGE — shown when max_num_pages > 1
   Appended to $h1 string: " - page X of Y"
   We style any trailing text inside h1.maddos-archive
═══════════════════════════════════════════════════ */

/* If the page count text is injected as plain text within h1,
   the base h1 styling handles it. Add a softer colour for
   the page number portion via opacity on the h1 secondary text. */

h1.maddos-archive .page-count,
h1.maddos-archive small {
    font-size: 13px;
    font-weight: 400;
    color: #8a8a9a;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0;
    margin-left: 6px;
}

/* ========================================================================
   PREMIUM ARCHIVE PAGE CSS
   Layout: Heading first → Listing → Description → Pagination
   Targets: .maddos-archive-block--heading, h1.maddos-archive,
            .maddos-link-header-back, .maddos-taxonomy-description--footer
   ======================================================================== */


/* ═══════════════════════════════════════════════════
   HEADING BLOCK — .maddos-archive-block--heading
   Sits at the very top, above the listing
═══════════════════════════════════════════════════ */

.maddos-archive-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 22px 14px;
    background: #ffffff;
    border: 1px solid #e2dfd9;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    overflow: hidden;
    margin: 20px 0 14px;
}

/* Heading variant — top accent bar (crimson → gold sweep) */
.maddos-archive-block--heading {
    border-top: 3px solid transparent;
    background-image: linear-gradient(#ffffff, #ffffff),
                      linear-gradient(90deg, #aa0014 0%, #c8a560 50%, #aa0014 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-top: 3px solid;
    /* Fallback for browsers that don't support gradient borders */
    border-top-color: #aa0014;
    margin-bottom: 18px;
}

/* Animated shimmer line at top */
.maddos-archive-block--heading::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #aa0014 0%, #c8a560 50%, #aa0014 100%);
    background-size: 200% 100%;
    animation: archiveShimmer 4s linear infinite;
    border-radius: 12px 12px 0 0;
}

@keyframes archiveShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* .nocenter override */
.maddos-archive-block.nocenter,
.maddos-archive-block .nocenter {
    text-align: left !important;
}


/* ═══════════════════════════════════════════════════
   h1.maddos-archive — Page title
═══════════════════════════════════════════════════ */

h1.maddos-archive,
.maddos-archive {
    font-family: 'Sora', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #00172e;
    margin: 0;
    padding: 0 !important;
    line-height: 1.25;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

/* Archive-type chip injected via body class — no PHP needed */
body.category h1.maddos-archive::before { content: 'Category'; }
body.tag      h1.maddos-archive::before { content: 'Tag'; }
body.author   h1.maddos-archive::before { content: 'Author'; }
body.date     h1.maddos-archive::before { content: 'Archive'; }
body.search   h1.maddos-archive::before { content: 'Search'; }

body.category h1.maddos-archive::before,
body.tag      h1.maddos-archive::before,
body.author   h1.maddos-archive::before,
body.date     h1.maddos-archive::before,
body.search   h1.maddos-archive::before {
    display: inline-flex;
    align-items: center;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #ffffff;
    background: #aa0014;
    padding: 3px 9px;
    border-radius: 50px;
    line-height: 2;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Chip colour variants per archive type */
body.tag h1.maddos-archive::before {
    background: linear-gradient(135deg, #c8a560, #a07830);
}
body.author h1.maddos-archive::before {
    background: linear-gradient(135deg, #002244, #00172e);
}
body.date h1.maddos-archive::before {
    background: linear-gradient(135deg, #1a5276, #00172e);
}


/* ═══════════════════════════════════════════════════
   TITLE ICON — .maddos-title-icon
   Image or icon injected before category name
═══════════════════════════════════════════════════ */

.maddos-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #00172e 0%, #002d5a 100%);
    border-radius: 8px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1;
    color: #c8a560;
    box-shadow: 0 2px 8px rgba(0,23,46,0.2);
    vertical-align: middle;
}

.maddos-title-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
    margin: 0;
    filter: brightness(0) invert(1);
}


/* ═══════════════════════════════════════════════════
   BACK TO HOME — .maddos-link-header-back
   Right-aligned pill, same row as h1
═══════════════════════════════════════════════════ */

.maddos-archive-block .maddos-link-header-back {
    float: none !important;
    display: inline-flex;
    align-items: center;
    align-self: center;
    flex-shrink: 0;
    margin-left: auto;
}

.maddos-archive-block .maddos-link-header-back a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #4d4d5e;
    text-decoration: none;
    padding: 7px 16px;
    border: 1px solid #dedad3;
    border-radius: 50px;
    background: #f8f6f2;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: all 0.22s ease;
    white-space: nowrap;
}

.maddos-archive-block .maddos-link-header-back a:hover {
    background: #00172e;
    color: #ffffff;
    border-color: #00172e;
    box-shadow: 0 4px 14px rgba(0,23,46,0.2);
    gap: 5px;
}

/* CSS chevron replacing .glyphicon-menu-left */
.maddos-archive-block .maddos-link-header-back .glyphicon-menu-left {
    font-size: 0 !important;         /* hide Bootstrap glyph */
    width: 6px;
    height: 6px;
    display: inline-block;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.maddos-archive-block .maddos-link-header-back a:hover .glyphicon-menu-left {
    transform: rotate(45deg) translateX(-2px) translateY(-1px);
    border-color: #ffffff;
}


/* ═══════════════════════════════════════════════════
   TAXONOMY DESCRIPTION — below the listing
   .maddos-taxonomy-description--footer
═══════════════════════════════════════════════════ */

.maddos-taxonomy-description,
.maddos-taxonomy-description--footer {
    margin: 0 0 20px;
    padding: 14px 18px;
    background: #f8f6f2;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    border-left: 3px solid #c8a560;
    color: #4d4d5e;
    font-family: 'Outfit', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.72;
}

/* Footer position variant — slightly muted to not compete with listing */
.maddos-taxonomy-description--footer {
    background: #f2ede6;
    border-color: #dedad3;
    opacity: 0.92;
}

.maddos-taxonomy-description p,
.maddos-taxonomy-description--footer p {
    margin: 0 0 8px;
}
.maddos-taxonomy-description p:last-child,
.maddos-taxonomy-description--footer p:last-child {
    margin-bottom: 0;
}

.maddos-taxonomy-description a,
.maddos-taxonomy-description--footer a {
    color: #00172e;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}
.maddos-taxonomy-description a:hover,
.maddos-taxonomy-description--footer a:hover {
    color: #aa0014;
}


/* ═══════════════════════════════════════════════════
   CATEGORY ICON — standalone .maddos-category-icon
═══════════════════════════════════════════════════ */

.maddos-category-icon {
    display: inline-flex;
    align-items: center;
    font-size: 17px;
    padding-right: 5px;
    color: #c8a560;
    vertical-align: middle;
    line-height: 1;
}


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 768px) {

    .maddos-archive-block {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 16px 12px;
        gap: 12px;
        margin: 14px 0 12px;
    }

    h1.maddos-archive,
    .maddos-archive {
        font-size: 17px;
    }

    /* Back link stretches full width on mobile — easier tap target */
    .maddos-archive-block .maddos-link-header-back {
        margin-left: 0;
        width: 100%;
    }

    .maddos-archive-block .maddos-link-header-back a {
        width: 100%;
        justify-content: center;
        padding: 9px 16px;
        font-size: 11px;
    }

    .maddos-taxonomy-description,
    .maddos-taxonomy-description--footer {
        font-size: 13px;
        padding: 12px 14px;
        margin-bottom: 16px;
    }
}

@media (max-width: 480px) {

    .maddos-archive-block {
        padding: 12px 13px 10px;
        border-radius: 10px;
        margin: 12px 0 10px;
    }

    h1.maddos-archive,
    .maddos-archive {
        font-size: 15px;
        gap: 7px;
    }

    body.category h1.maddos-archive::before,
    body.tag      h1.maddos-archive::before,
    body.author   h1.maddos-archive::before,
    body.date     h1.maddos-archive::before {
        font-size: 8.5px;
        padding: 2px 7px;
    }

    .maddos-title-icon {
        width: 26px;
        height: 26px;
        border-radius: 6px;
        font-size: 13px;
    }

    .maddos-title-icon img {
        width: 16px;
        height: 16px;
    }
}
/* ========================================================================
   PREMIUM SINGLE POST CSS — Matched to content-single.php
   Targets: .maddos-content-single, .maddos-link-container (post),
            .maddos-link-header, .maddos-post-header,
            .maddos-post-header-category, .maddos-link-header-back,
            .maddos-link-content, .maddos-comments-container
   ======================================================================== */


/* ═══════════════════════════════════════════════════
   OUTER WRAPPER — .maddos-content-single
   container-fluid wrapping the entire single post
═══════════════════════════════════════════════════ */

.maddos-content-single {
    padding: 0 !important;
    margin: 0 !important;
}

.maddos-content-single > .row {
    margin: 0 !important;
}

.maddos-content-single > .row > [class*="col-"] {
    padding: 20px 20px 0 !important;
}


/* ═══════════════════════════════════════════════════
   POST CARD — #post-X.maddos-link-container
   WordPress post_class() adds this as the main wrapper
═══════════════════════════════════════════════════ */

.maddos-content-single .maddos-link-container {
    background: #ffffff;
    border: 1px solid #e2dfd9;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.09);
    overflow: hidden;
    margin-bottom: 24px;
    transition: box-shadow 0.26s ease;
}


/* ═══════════════════════════════════════════════════
   POST HEADER ROW — .maddos-link-header
   Contains: site icon + h1 title + category + back link
═══════════════════════════════════════════════════ */

.maddos-content-single .maddos-link-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    background: linear-gradient(135deg, #00172e 0%, #002d5a 100%);
    padding: 14px 22px 12px;
    position: relative;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}

/* Animated accent line at bottom of header */
.maddos-content-single .maddos-link-header::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #aa0014 0%, #c8a560 50%, #aa0014 100%);
    background-size: 200% 100%;
    animation: headerShimmer 4s linear infinite;
}

@keyframes headerShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Subtle radial glow top-right */
.maddos-content-single .maddos-link-header::before {
    content: '';
    position: absolute;
    top: -30px; right: -30px;
    width: 160px; height: 160px;
    background: radial-gradient(circle, rgba(200,165,96,0.12) 0%, transparent 70%);
    pointer-events: none;
}

/* .nocenter override */
.maddos-content-single .maddos-link-header.nocenter {
    text-align: left !important;
}


/* ── POST TITLE h1 — .maddos-post-header ── */

.maddos-content-single .maddos-post-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-family: 'Sora', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
    text-transform: none;
    letter-spacing: -0.2px;
}

.maddos-content-single .maddos-post-header a {
    color: inherit;
    text-decoration: none;
}

.maddos-content-single .maddos-post-header a:hover {
    color: #c8a560;
}


/* ── SITE ICON — .maddos-title-icon (inside h1) ── */

.maddos-content-single .maddos-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 7px;
    overflow: hidden;
    font-size: 14px;
    color: #c8a560;
    backdrop-filter: blur(4px);
    vertical-align: middle;
}

.maddos-content-single .maddos-title-icon img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    display: block;
    filter: brightness(0) invert(1);
}


/* ── CATEGORY LABEL — .maddos-post-header-category ── */

.maddos-post-header-category {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Outfit', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    white-space: nowrap;
    flex-shrink: 0;
}

/* "–" separator before category */
.maddos-post-header-category::first-letter {
    color: rgba(255,255,255,0.3);
}

/* Folder glyphicon — replace with CSS icon */
.maddos-post-header-category .glyphicon-folder-open {
    font-size: 0 !important;
    display: inline-block;
    width: 13px;
    height: 11px;
    position: relative;
    border: 1.5px solid rgba(255,255,255,0.45);
    border-radius: 0 2px 2px 2px;
    margin-left: 3px;
    vertical-align: middle;
}

.maddos-post-header-category .glyphicon-folder-open::before {
    content: '';
    position: absolute;
    top: -4px; left: -1px;
    width: 6px;
    height: 3px;
    border: 1.5px solid rgba(255,255,255,0.45);
    border-bottom: none;
    border-radius: 2px 2px 0 0;
}


/* ── BACK TO HOME — .maddos-link-header-back ── */

.maddos-content-single .maddos-link-header-back {
    float: none !important;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    align-self: center;
}

.maddos-content-single .maddos-link-header-back a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.65);
    text-decoration: none;
    padding: 6px 14px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(6px);
    transition: all 0.22s ease;
    white-space: nowrap;
}

.maddos-content-single .maddos-link-header-back a:hover {
    background: #aa0014;
    border-color: #aa0014;
    color: #ffffff;
    gap: 5px;
    box-shadow: 0 4px 14px rgba(170,0,20,0.3);
}

/* CSS arrow replacing .glyphicon-arrow-left */
.maddos-content-single .maddos-link-header-back .glyphicon-arrow-left {
    font-size: 0 !important;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.maddos-content-single .maddos-link-header-back a:hover .glyphicon-arrow-left {
    transform: rotate(45deg) translateX(-2px) translateY(-1px);
}


/* ═══════════════════════════════════════════════════
   POST CONTENT — .maddos-link-content
   Main body area housing get_template_part()
═══════════════════════════════════════════════════ */

.maddos-content-single .maddos-link-content {
    padding: 28px 28px 24px;
    background: #ffffff;
    color: #2d2d3a;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.78;
}

/* Inner content rows */
.maddos-content-single .maddos-link-content .row {
    margin-left: 0;
    margin-right: 0;
}

/* Typography inside content */
.maddos-link-content h1,
.maddos-link-content h2,
.maddos-link-content h3,
.maddos-link-content h4,
.maddos-link-content h5,
.maddos-link-content h6 {
    font-family: 'Sora', sans-serif;
    color: #00172e;
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.25;
}

.maddos-link-content h2 { font-size: 22px; font-weight: 700; }
.maddos-link-content h3 { font-size: 18px; font-weight: 700; }
.maddos-link-content h4 { font-size: 15px; font-weight: 700; letter-spacing: 0.2px; }

.maddos-link-content p {
    margin-bottom: 16px;
    color: #3a3a4a;
}

.maddos-link-content a {
    color: #00172e;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(170,0,20,0.3);
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.maddos-link-content a:hover {
    color: #aa0014;
    text-decoration-color: #aa0014;
}

.maddos-link-content ul,
.maddos-link-content ol {
    padding-left: 22px;
    margin-bottom: 16px;
}

.maddos-link-content li {
    margin-bottom: 6px;
    color: #3a3a4a;
}

.maddos-link-content blockquote {
    margin: 22px 0;
    padding: 14px 20px;
    border-left: 4px solid #c8a560;
    background: #f8f6f2;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #4d4d5e;
    font-size: 15px;
}

.maddos-link-content blockquote p:last-child { margin-bottom: 0; }

.maddos-link-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.1);
    margin: 8px 0;
}

.maddos-link-content hr {
    border: none;
    border-top: 1px solid #e2dfd9;
    margin: 28px 0;
}

.maddos-link-content pre,
.maddos-link-content code {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 13px;
    background: #f0ede8;
    border-radius: 6px;
    padding: 2px 7px;
    color: #aa0014;
}

.maddos-link-content pre {
    padding: 16px 18px;
    overflow-x: auto;
    line-height: 1.6;
}

.maddos-link-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

/* Tables */
.maddos-link-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 14px;
}

.maddos-link-content th {
    background: #00172e;
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    padding: 10px 14px;
    text-align: left;
    font-size: 12.5px;
    letter-spacing: 0.4px;
}

.maddos-link-content td {
    padding: 9px 14px;
    border-bottom: 1px solid #e8e4dc;
    color: #3a3a4a;
    vertical-align: top;
}

.maddos-link-content tr:last-child td { border-bottom: none; }
.maddos-link-content tr:nth-child(even) td { background: #f8f6f2; }
.maddos-link-content tr:hover td { background: #f2ede6; }


/* ── MADDOS SPECIFIC CONTENT ELEMENTS ── */

/* Post link/visit button */
.maddos-link-content .maddos-post-linktext {
    display: block;
    width: 100%;
    padding: 15px 24px;
    background: linear-gradient(135deg, #00172e 0%, #002d5a 100%);
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    margin: 18px 0 10px;
    border: none;
    box-shadow: 0 4px 18px rgba(0,23,46,0.2);
    transition: all 0.26s ease;
}

.maddos-link-content .maddos-post-linktext:hover {
    background: linear-gradient(135deg, #aa0014, #7a0010);
    box-shadow: 0 8px 24px rgba(170,0,20,0.28);
    transform: translateY(-2px);
    color: #ffffff;
    text-decoration: none;
}

.maddos-link-content .maddos-post-linktext a {
    color: #ffffff;
    text-decoration: none;
}

/* Thumbnail inside content */
.maddos-link-thumbnail {
    text-align: center;
    margin-bottom: 18px;
}

.maddos-link-thumbnail img {
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.14);
    max-width: 100%;
    height: auto;
}

/* Single left column layout */
.maddos-single-left {
    padding: 0 10px;
}

/* URL links row */
.maddos-url-links-row:first-child { margin-top: 14px; }

.maddos-url-link-image img {
    max-width: 200px;
    max-height: 200px;
    margin: 10px auto;
    box-shadow: 0 4px 18px rgba(0,0,0,0.12);
    border-radius: 8px;
    display: block;
}

/* Tags */
.maddos-tags {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e8e4dc;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.maddos-tags .btn-default {
    font-family: 'Outfit', sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    color: #00172e;
    background: transparent;
    border: 1px solid #dedad3;
    border-radius: 50px;
    padding: 4px 13px;
    transition: all 0.2s ease;
    line-height: 1.6;
}

.maddos-tags .btn-default:hover {
    background: #00172e;
    color: #ffffff;
    border-color: #00172e;
    box-shadow: 0 3px 10px rgba(0,23,46,0.18);
}

/* Views counter */
.maddos-the-views {
    font-family: 'Outfit', sans-serif;
    font-size: 11.5px;
    color: #8a8a9a;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Content/scroll areas */
.maddos-content,
.maddos-content-scroll {
    text-align: justify;
    font-family: 'Outfit', sans-serif;
    line-height: 1.78;
}

/* Legend */
.maddos-legend {
    margin: 16px 0 8px;
    font-size: 12px;
    color: #8a8a9a;
}


/* ═══════════════════════════════════════════════════
   COMMENTS — .maddos-comments-container
   Third row inside the post card
═══════════════════════════════════════════════════ */

.maddos-comments-container {
    padding: 0 24px 24px;
    background: #faf8f5;
    border-top: 1px solid #e8e4dc;
}

/* Comments section heading */
.maddos-comments-container #comments,
.maddos-comments-container .comments-title {
    font-family: 'Sora', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #00172e;
    margin: 22px 0 16px;
    padding: 0;
}

/* Individual comment */
.maddos-comments-container .comment {
    padding: 14px 0;
    border-bottom: 1px solid #ede9e3;
}

.maddos-comments-container .comment:last-child {
    border-bottom: none;
}

/* Comment author */
.maddos-comments-container .comment-author .fn {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: #00172e;
}

/* Comment date */
.maddos-comments-container .comment-metadata a,
.maddos-comments-container .comment-metadata time {
    font-family: 'Outfit', sans-serif;
    font-size: 11.5px;
    color: #8a8a9a;
    text-decoration: none;
}

/* Comment text */
.maddos-comments-container .comment-content p {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    color: #3a3a4a;
    line-height: 1.7;
    margin-bottom: 8px;
}

/* Comment avatar */
.maddos-comments-container .comment-author img {
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Reply link */
.maddos-comments-container .reply a,
.maddos-comments-container .comment-reply-link {
    font-family: 'Outfit', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #aa0014;
    text-decoration: none;
    transition: color 0.2s ease;
}

.maddos-comments-container .reply a:hover,
.maddos-comments-container .comment-reply-link:hover {
    color: #00172e;
}

/* Comment form */
.maddos-comments-container #respond {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e8e4dc;
}

.maddos-comments-container #reply-title,
.maddos-comments-container .comment-reply-title {
    font-family: 'Sora', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #00172e;
    margin-bottom: 16px;
}

.maddos-comments-container .comment-form label {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #4d4d5e;
    display: block;
    margin-bottom: 5px;
}

.maddos-comment-form-comment #comment,
.maddos-comment-form-author #author,
.maddos-comment-form-email #email,
.maddos-comment-form-url #url,
.maddos-comments-container input[type="text"],
.maddos-comments-container input[type="email"],
.maddos-comments-container input[type="url"],
.maddos-comments-container textarea {
    width: 100%;
    max-width: 100%;
    padding: 9px 14px;
    border: 1px solid #e2dfd9;
    border-radius: 8px;
    background: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 13.5px;
    color: #2d2d3a;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
    outline: none;
}

.maddos-comment-form-comment #comment:focus,
.maddos-comment-form-author #author:focus,
.maddos-comment-form-email #email:focus,
.maddos-comment-form-url #url:focus,
.maddos-comments-container input:focus,
.maddos-comments-container textarea:focus {
    border-color: #00172e;
    box-shadow: 0 0 0 3px rgba(0,23,46,0.08);
}

.maddos-comments-container textarea#comment {
    min-height: 120px;
    resize: vertical;
}

/* Submit button */
.maddos-comments-container #submit,
.maddos-comments-container input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    background: linear-gradient(135deg, #00172e, #002d5a);
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0,23,46,0.2);
    transition: all 0.22s ease;
    margin-top: 6px;
}

.maddos-comments-container #submit:hover,
.maddos-comments-container input[type="submit"]:hover {
    background: linear-gradient(135deg, #aa0014, #7a0010);
    box-shadow: 0 6px 20px rgba(170,0,20,0.28);
    transform: translateY(-1px);
}

/* maddos-leave-comment wrapper */
.maddos-leave-comment {
    margin: 12px 0;
    font-family: 'Outfit', sans-serif;
    font-size: 13.5px;
    color: #4d4d5e;
}

/* Comment list wrapper */
.maddos-commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.maddos-commentlist li {
    border-top: 1px dotted #e2dfd9;
    padding: 10px 0;
}

.maddos-commentlist li:first-child {
    border-top: none;
}

/* maddos-comments inner border */
.maddos-comments {
    border-top: 1px solid #e2dfd9;
    border-bottom: 1px solid #e2dfd9;
    padding: 0 0 4px;
    margin: 0 0 16px;
}


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 768px) {

    .maddos-content-single > .row > [class*="col-"] {
        padding: 12px 12px 0 !important;
    }

    .maddos-content-single .maddos-link-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 16px 12px;
        gap: 10px;
    }

    .maddos-content-single .maddos-post-header {
        font-size: 15px;
    }

    .maddos-post-header-category {
        font-size: 10px;
    }

    .maddos-content-single .maddos-link-header-back {
        width: 100%;
    }

    .maddos-content-single .maddos-link-header-back a {
        width: 100%;
        justify-content: center;
        padding: 8px 16px;
    }

    .maddos-content-single .maddos-link-content {
        padding: 18px 16px 16px;
        font-size: 14.5px;
    }

    .maddos-link-content h2 { font-size: 19px; }
    .maddos-link-content h3 { font-size: 16px; }

    .maddos-comments-container {
        padding: 0 16px 18px;
    }
}

@media (max-width: 480px) {

    .maddos-content-single > .row > [class*="col-"] {
        padding: 8px 8px 0 !important;
    }

    .maddos-content-single .maddos-link-container {
        border-radius: 12px;
    }

    .maddos-content-single .maddos-link-header {
        padding: 12px 14px 10px;
    }

    .maddos-content-single .maddos-post-header {
        font-size: 14px;
        gap: 6px;
    }

    .maddos-content-single .maddos-title-icon {
        width: 24px;
        height: 24px;
        border-radius: 5px;
        font-size: 12px;
    }

    .maddos-content-single .maddos-title-icon img {
        width: 14px;
        height: 14px;
    }

    .maddos-content-single .maddos-link-content {
        padding: 14px 13px 12px;
        font-size: 14px;
    }

    .maddos-link-content .maddos-post-linktext {
        font-size: 13px;
        padding: 13px 16px;
    }

    .maddos-comments-container {
        padding: 0 13px 14px;
    }
}
/* ========================================================================
   PREMIUM HEADER & FOOTER CSS — Matched to header.php + footer.php
   Complements style-premium-v2.css
   ======================================================================== */

/* ═══════════════════════════════════════════════════
   GLOBAL RESET — Zero gaps at top/sides
═══════════════════════════════════════════════════ */

html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body > .maddos-infobar,
body > .container-fluid.maddos-header-container {
    margin: 0 !important;
    padding: 0 !important;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bootstrap row inner gutter reset for header/footer rows */
.maddos-header .row,
footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.maddos-header .row > [class*="col-"],
footer .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ═══════════════════════════════════════════════════
   INFO BAR  — .maddos-infobar
   (direct child of <body>, above header)
═══════════════════════════════════════════════════ */

.maddos-infobar {
    width: 100%;
    background: #000;
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 7px 20px;
    margin: 0 !important;
    border-bottom: 2px solid #aa0014;
    overflow: hidden;
    position: relative;
    z-index: 1000;
}

.maddos-infobar a { color: rgba(255,255,255,0.75); text-decoration: none; }
.maddos-infobar a:hover { color: #c8a560; }


/* ═══════════════════════════════════════════════════
   OUTER HEADER WRAPPER
   .container-fluid.maddos-header-container > .maddos-header
═══════════════════════════════════════════════════ */

.maddos-header-container {
    background: linear-gradient(160deg, #00172e 0%, #001f3f 55%, #001428 100%);
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

/* Subtle noise / depth overlay */
.maddos-header-container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 40%, rgba(200,165,96,0.07) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}

.maddos-header {
    box-shadow: none !important;
    position: relative;
    z-index: 1;
}


/* ═══════════════════════════════════════════════════
   ROW 1 — NAVIGATION  (.maddos-menu)
   Wraps wp_nav_menu + hamburger toggle
═══════════════════════════════════════════════════ */

.maddos-header .maddos-menu {
    display: flex;
    align-items: center;
    width: 100%;
    background: linear-gradient(180deg, #000e1e 0%, #00111f 100%);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    box-shadow: 0 3px 16px rgba(0,0,0,0.35);
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Hamburger toggle — mobile */
.maddos-header .navbar-toggle {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 6px;
    padding: 7px 10px;
    margin: 8px 0;
    background: rgba(255,255,255,0.06);
    transition: background 0.24s ease;
    order: -1; /* push to left on mobile */
}
.maddos-header .navbar-toggle:hover { background: rgba(255,255,255,0.14); }
.maddos-header .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,0.85);
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 4px 0;
}

/* Collapsed nav wrapper */
.maddos-header .collapse.navbar-collapse {
    flex: 1;
}

/* Nav items */
.maddos-header .nav.navbar-nav {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.maddos-header .nav.navbar-nav > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.45px;
    color: rgba(255,255,255,0.78) !important;
    padding: 13px 13px;
    display: block;
    position: relative;
    transition: color 0.24s ease;
    background: transparent !important;
    border: none;
}

/* Gold underline slide-in */
.maddos-header .nav.navbar-nav > li > a::after {
    content: '';
    position: absolute;
    left: 13px; right: 13px;
    bottom: 0;
    height: 2px;
    background: #c8a560;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.24s ease;
}

.maddos-header .nav.navbar-nav > li > a:hover { color: #c8a560 !important; }
.maddos-header .nav.navbar-nav > li > a:hover::after { transform: scaleX(1); }

/* Active item */
.maddos-header .nav.navbar-nav > li.active > a,
.maddos-header .nav.navbar-nav > li.current-menu-item > a {
    color: #c8a560 !important;
}
.maddos-header .nav.navbar-nav > li.active > a::after,
.maddos-header .nav.navbar-nav > li.current-menu-item > a::after {
    transform: scaleX(1);
}

/* Dropdown */
.maddos-header .dropdown-menu {
    background: #001224;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 10px;
    box-shadow: 0 18px 54px rgba(0,0,0,0.4);
    margin-top: 0;
    padding: 4px 0;
    overflow: hidden;
    backdrop-filter: blur(14px);
    min-width: 180px;
}

.maddos-header .dropdown-menu > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,0.78) !important;
    padding: 8px 18px;
    transition: background 0.2s ease, color 0.2s ease;
    background: transparent !important;
}

.maddos-header .dropdown-menu > li > a:hover,
.maddos-header .dropdown-menu > .active > a {
    background: rgba(255,255,255,0.07) !important;
    color: #c8a560 !important;
}


/* ═══════════════════════════════════════════════════
   ROW 2 — BRANDING & HEADER IMAGE
   .maddos-search / .maddos-header-image / .maddos-header-content
═══════════════════════════════════════════════════ */

/* Branding row wrapper */
.maddos-header .row:nth-child(2) {
    padding: 18px 24px 16px;
    display: flex;
    align-items: center;
    position: relative;
}

/* Header image */
.maddos-header-image {
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.maddos-header-image img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}

/* Site title + desc — inline (no hero image) */
.maddos-header-content {
    padding: 10px 0 6px;
}

/* Site title + desc — overlay (on top of hero image) */
.maddos-header-overlay {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    padding: 0 15px;
    overflow: hidden;
}

/* SITE TITLE */
#maddos-site-title,
#maddos-site-title a {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.1;
    text-transform: none !important;
    letter-spacing: -0.3px;
}

#maddos-site-title a:hover { text-decoration: none; color: #e9d9b6 !important; }

/* SITE DESCRIPTION */
#maddos-site-desc {
    margin: 5px 0 0;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 300;
    color: #e9d9b6 !important;
    line-height: 1.1;
    letter-spacing: 7px;
    text-transform: uppercase;
    opacity: 0.5;
}

/* ── SEARCH ROW — sits between nav bar and branding row ── */
.maddos-search-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 0 0;
}

/* SEARCH FORM — 268x49, right-aligned below banner */
.maddos-search {
    width: 268px;
    height: 49px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.maddos-search .search-form,
.maddos-search form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 49px;
}

.maddos-search input[type="text"],
.maddos-search input[type="search"] {
    width: 100%;
    height: 49px;
    padding: 0 50px 0 16px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    backdrop-filter: blur(8px);
    box-sizing: border-box;
    transition: border-color 0.22s ease, background 0.22s ease;
}

.maddos-search input[type="text"]::placeholder,
.maddos-search input[type="search"]::placeholder {
    color: rgba(255,255,255,0.4);
}

.maddos-search input[type="text"]:focus,
.maddos-search input[type="search"]:focus {
    outline: none;
    border-color: #c8a560;
    background: rgba(255,255,255,0.16);
}

.maddos-search input[type="submit"],
.maddos-search button[type="submit"] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: #aa0014;
    border: none;
    border-radius: 6px;
    width: 38px;
    height: 37px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.22s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.maddos-search input[type="submit"]:hover,
.maddos-search button[type="submit"]:hover { background: #c8a560; }


/* ═══════════════════════════════════════════════════
   ROW 3 — HEADLINE BAR  .maddos-headline
═══════════════════════════════════════════════════ */

.maddos-headline {
    width: 100%;
    padding: 8px 20px;
    background: #050c16;
    color: rgba(255,255,255,0.78);
    text-align: center;
    border-bottom: 2px solid #aa0014;
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.5;
}

.maddos-headline a { color: #c8a560; text-decoration: none; }
.maddos-headline a:hover { text-decoration: underline; }


/* ═══════════════════════════════════════════════════
   FOOTER — <footer> + .maddos-copyright
═══════════════════════════════════════════════════ */

footer {
    background: linear-gradient(180deg, #040d18 0%, #000 100%);
    border-top: 2px solid #aa0014;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

footer .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
}

footer .row {
    margin: 0 !important;
}

footer .row > [class*="col-"] {
    padding: 0 !important;
}

/* Footer menu wrapper */
footer .maddos-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 20px;
    background: transparent;
}

/* Footer nav */
footer .nav.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
}

footer .nav.navbar-nav > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45) !important;
    padding: 10px 14px;
    display: block;
    position: relative;
    transition: color 0.22s ease;
    background: transparent !important;
    border: none;
}

footer .nav.navbar-nav > li > a:hover {
    color: #c8a560 !important;
}

/* Divider dots between footer links */
footer .nav.navbar-nav > li + li::before {
    content: '·';
    color: rgba(255,255,255,0.2);
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
}

footer .nav.navbar-nav > li { position: relative; }

/* Footer dropdown (if used) */
footer .dropdown-menu {
    background: #001020;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 8px;
    padding: 4px 0;
    bottom: 100%;
    top: auto;
}

footer .dropdown-menu > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.65) !important;
    padding: 7px 16px;
    background: transparent !important;
}

footer .dropdown-menu > li > a:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #c8a560 !important;
}

/* Footer hamburger toggle (mobile) */
footer .navbar-toggle {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 6px 9px;
    background: rgba(255,255,255,0.05);
    margin: 8px auto;
    display: block;
}
footer .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,0.7);
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    margin: 3px 0;
}


/* ── COPYRIGHT BAR ── */

.maddos-copyright {
    background: #000;
    color: rgba(255,255,255,0.36);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    border-top: 1px solid rgba(170,0,20,0.5);
    letter-spacing: 0.3px;
    line-height: 1.6;
}

.maddos-copyright a { color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.22s ease; }
.maddos-copyright a:hover { color: #c8a560; }


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 991px) {

    /* Header branding row */
    .maddos-header .row:nth-child(2) { padding: 14px 16px 12px; }

    /* Collapse full-width on mobile */
    .maddos-header .collapse.navbar-collapse {
        width: 100%;
    }

    .maddos-header .nav.navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 4px 0 8px;
        background: #000e1e;
        border-top: 1px solid rgba(255,255,255,0.07);
    }

    .maddos-header .nav.navbar-nav > li { width: 100%; }
    .maddos-header .nav.navbar-nav > li > a { padding: 10px 20px; font-size: 14px; }
    .maddos-header .nav.navbar-nav > li > a::after { display: none; }

    .maddos-header .dropdown-menu {
        position: static;
        float: none;
        border-radius: 0;
        box-shadow: none;
        border: none;
        border-left: 3px solid #aa0014;
        margin-left: 20px;
        background: rgba(0,0,0,0.2);
    }

    /* Search row — full width on mobile */
    .maddos-search-row {
        justify-content: center;
        padding: 6px 16px 4px;
    }

    .maddos-search {
        width: 100%;
        height: 49px;
    }

    .maddos-search input[type="text"],
    .maddos-search input[type="search"] {
        width: 100%;
        height: 49px;
        border-radius: 8px;
    }

    /* Banner — centred on mobile */
    .maddos-banner-nav {
        margin-left: 0;
        padding: 0;
        justify-content: center;
        width: 100%;
    }

    /* Site title smaller */
    #maddos-site-title, #maddos-site-title a { font-size: 24px; }

    /* Footer nav stack */
    footer .nav.navbar-nav { flex-direction: column; align-items: center; }
    footer .nav.navbar-nav > li + li::before { display: none; }
    footer .nav.navbar-nav > li > a { padding: 7px 14px; }
}

@media (max-width: 576px) {

    .maddos-infobar { font-size: 11px; padding: 6px 12px; }
    .maddos-header .maddos-menu { padding: 0 12px; }
    .maddos-header .row:nth-child(2) { padding: 12px; }
    #maddos-site-title, #maddos-site-title a { font-size: 20px; }
    #maddos-site-desc { font-size: 9px; letter-spacing: 5px; }
    .maddos-headline { font-size: 11.5px; padding: 6px 14px; }
    .maddos-copyright { font-size: 11px; padding: 10px 14px; }
}

/* ========================================================================
   PREMIUM HEADER & FOOTER CSS — Maddos Theme v3
   Premium layout: flush-left nav | hero background | separated banner
   Design: Deep navy · Crimson · Brushed gold · Sora + Outfit typography
   ======================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700;800&family=Outfit:wght@300;400;500;600&display=swap');

/* ── CSS Variables ── */
:root {
    --navy:      #00172e;
    --navy-dark: #000e1e;
    --navy-mid:  #001428;
    --crimson:   #aa0014;
    --gold:      #c8a560;
    --gold-light:#e9d9b6;
    --white:     #ffffff;
}


/* ═══════════════════════════════════════════════════
   GLOBAL RESET
═══════════════════════════════════════════════════ */

html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body > .maddos-infobar,
body > .container-fluid.maddos-header-container {
    margin: 0 !important;
    padding: 0 !important;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.maddos-header .row,
footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.maddos-header .row > [class*="col-"],
footer .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ═══════════════════════════════════════════════════
   INFO BAR
═══════════════════════════════════════════════════ */

.maddos-infobar {
    width: 100%;
    background: #000;
    color: rgba(255,255,255,0.6);
    font-family: 'Outfit', sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-align: center;
    padding: 6px 24px;
    margin: 0 !important;
    border-bottom: 1px solid rgba(170,0,20,0.6);
    position: relative;
    z-index: 1001;
}
.maddos-infobar a { color: var(--gold); text-decoration: none; }
.maddos-infobar a:hover { color: var(--gold-light); }


/* ═══════════════════════════════════════════════════
   HEADER CONTAINER
═══════════════════════════════════════════════════ */

.maddos-header-container {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
}

.maddos-header {
    box-shadow: none !important;
    position: relative;
}


/* ═══════════════════════════════════════════════════
   SECTION 1 — NAV BAR
   Links flush LEFT from edge. Search + banner RIGHT.
═══════════════════════════════════════════════════ */

.maddos-nav-section {
    width: 100%;
    background: var(--navy-dark);
    border-bottom: 2px solid rgba(200,165,96,0.2);
    box-shadow: 0 2px 20px rgba(0,0,0,0.5);
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Inner flex row — no padding left so nav starts at edge */
.maddos-nav-inner {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    padding-right: 16px; /* only right breathing room for banner */
    min-height: 48px;
    position: relative;
}

/* Collapsed nav container — flex:1 so it fills left space */
.maddos-nav-collapse {
    flex: 1 1 auto;
}

/* ── NAV LIST — left-aligned ── */
.maddos-nav-list {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    flex-wrap: wrap;
}

.maddos-nav-list > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: rgba(255,255,255,0.75) !important;
    padding: 14px 14px;
    display: block;
    position: relative;
    transition: color 0.22s ease;
    background: transparent !important;
    border: none;
    white-space: nowrap;
}

/* Gold underline animation */
.maddos-nav-list > li > a::after {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 2px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.22s ease;
}

.maddos-nav-list > li > a:hover {
    color: var(--gold) !important;
}
.maddos-nav-list > li > a:hover::after {
    transform: scaleX(1);
}

/* Active link */
.maddos-nav-list > li.active > a,
.maddos-nav-list > li.current-menu-item > a,
.maddos-nav-list > li.current-menu-parent > a {
    color: var(--gold) !important;
}
.maddos-nav-list > li.active > a::after,
.maddos-nav-list > li.current-menu-item > a::after,
.maddos-nav-list > li.current-menu-parent > a::after {
    transform: scaleX(1);
}

/* Dropdown */
.maddos-nav-list .dropdown-menu {
    background: #001224;
    border: 1px solid rgba(255,255,255,0.08);
    border-top: 2px solid var(--gold);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    margin-top: 0;
    padding: 6px 0;
    min-width: 190px;
    backdrop-filter: blur(12px);
}

.maddos-nav-list .dropdown-menu > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,0.72) !important;
    padding: 9px 20px;
    transition: background 0.18s, color 0.18s;
    background: transparent !important;
    display: block;
}

.maddos-nav-list .dropdown-menu > li > a:hover,
.maddos-nav-list .dropdown-menu > .active > a {
    background: rgba(200,165,96,0.1) !important;
    color: var(--gold) !important;
    padding-left: 26px;
}

/* ── HAMBURGER ── */
.maddos-hamburger {
    display: none;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 7px 10px;
    margin: 7px 12px;
    background: rgba(255,255,255,0.06);
    flex-shrink: 0;
    transition: background 0.22s;
}
.maddos-hamburger:hover { background: rgba(255,255,255,0.12); }
.maddos-hamburger .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: rgba(255,255,255,0.8);
    border-radius: 1px;
    margin: 4px 0;
}

/* ── NAV RIGHT: banner top, search below ── */
.maddos-nav-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 12px;
}

/* Vertical divider before right group */
.maddos-nav-right::before {
    content: '';
    display: block;
    width: 1px;
    height: 38px;
    background: rgba(255,255,255,0.1);
    flex-shrink: 0;
    margin-right: 12px;
}

/* Stack: banner on top, search directly below, right-aligned */


/* Search — 268×49 */
.maddos-search {
    width: 268px;
    height: 49px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.maddos-search .search-form,
.maddos-search form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 49px;
}

.maddos-search input[type="text"],
.maddos-search input[type="search"] {
    width: 100%;
    height: 49px;
    padding: 0 50px 0 16px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.07);
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color 0.22s, background 0.22s;
}
.maddos-search input[type="text"]::placeholder,
.maddos-search input[type="search"]::placeholder {
    color: rgba(255,255,255,0.35);
}
.maddos-search input[type="text"]:focus,
.maddos-search input[type="search"]:focus {
    outline: none;
    border-color: var(--gold);
    background: rgba(255,255,255,0.11);
}

.maddos-search input[type="submit"],
.maddos-search button[type="submit"] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--crimson);
    border: none;
    border-radius: 5px;
    width: 36px;
    height: 37px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.22s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maddos-search input[type="submit"]:hover,
.maddos-search button[type="submit"]:hover {
    background: var(--gold);
}

/* Nav banner — max 268×49 */
.maddos-banner-nav {
    flex-shrink: 0;
}


/* ═══════════════════════════════════════════════════
   SECTION 2 — HERO BRANDING
   Full-width panel. WP header image as CSS bg.
   Dark gradient + gold shimmer overlay.
   Site title + tagline — left-aligned with accent bar.
═══════════════════════════════════════════════════ */

.maddos-hero-section {
    position: relative;
    width: 100%;
    min-height: 180px;
    background-color: var(--navy);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Multi-layer overlay — deepens left, fades right for text legibility */
.maddos-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(105deg, rgba(0,14,30,0.92) 0%, rgba(0,14,30,0.65) 45%, rgba(0,14,30,0.25) 100%),
        linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 60%);
    pointer-events: none;
    z-index: 1;
}

/* Gold shimmer top edge */
.maddos-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--gold) 30%, rgba(200,165,96,0.4) 70%, transparent 100%);
    z-index: 3;
}

/* Subtle vignette bottom */
.maddos-hero-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(0deg, rgba(0,14,30,0.7) 0%, transparent 100%);
    z-index: 2;
    pointer-events: none;
}

.maddos-hero-inner {
    position: relative;
    z-index: 4;
    width: 100%;
    padding: 32px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.maddos-hero-branding {
    flex: 1 1 auto;
    min-width: 0;
}

/* Search — right side of hero, parallel to site title */
.maddos-hero-search {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

/* Override search dimensions inside hero */
.maddos-hero-search .maddos-search {
    width: 268px;
    height: 49px;
}

.maddos-hero-search .maddos-search input[type="text"],
.maddos-hero-search .maddos-search input[type="search"] {
    border-color: rgba(255,255,255,0.2);
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(10px);
}
.maddos-hero-search .maddos-search input[type="text"]:focus,
.maddos-hero-search .maddos-search input[type="search"]:focus {
    border-color: var(--gold);
    background: rgba(0,0,0,0.45);
}

/* Gold accent bar left of title */
.maddos-hero-accent-line {
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), rgba(200,165,96,0.3));
    border-radius: 2px;
    margin-bottom: 12px;
}

/* SITE TITLE */
#maddos-site-title,
#maddos-site-title a {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5);
    text-decoration: none;
    display: block;
}
#maddos-site-title a:hover {
    color: var(--gold-light) !important;
    text-decoration: none;
}

/* SITE DESCRIPTION */
#maddos-site-desc {
    margin: 8px 0 0;
    font-family: 'Outfit', sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    color: var(--gold) !important;
    letter-spacing: 5px;
    text-transform: uppercase;
    opacity: 0.75;
    line-height: 1.2;
}


/* ═══════════════════════════════════════════════════
   SECTION 3 — HEADER BANNER STRIP
   Sits BELOW the hero section. Visually distinct —
   darker bg, labelled "Advertisement".
═══════════════════════════════════════════════════ */

.maddos-header-banner-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 0 10px;
    background: #020b17;
    border-top: 1px solid rgba(200,165,96,0.15);
    border-bottom: 1px solid rgba(200,165,96,0.15);
    position: relative;
}

.maddos-ad-label {
    font-family: 'Outfit', sans-serif;
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.22);
    line-height: 1;
    display: block;
}

/* Header banner overrides — leaderboard 728×90 */
.maddos-header-banner-section .maddos-banner-rotator {
    max-width: 728px;
    max-height: 90px;
    width: 100%;
}
.maddos-header-banner-section .maddos-banner-slide {
    max-width: 728px;
    max-height: 90px;
}
.maddos-header-banner-section .maddos-banner-img {
    max-width: 728px;
    max-height: 90px;
    width: auto;
    height: auto;
}


/* ═══════════════════════════════════════════════════
   SECTION 4 — HEADLINE TICKER
═══════════════════════════════════════════════════ */

.maddos-headline {
    width: 100%;
    padding: 8px 24px;
    background: var(--navy-dark);
    color: rgba(255,255,255,0.72);
    font-family: 'Outfit', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.5;
    border-bottom: 2px solid var(--crimson);
}
.maddos-headline a { color: var(--gold); text-decoration: none; }
.maddos-headline a:hover { color: var(--gold-light); text-decoration: underline; }


/* ═══════════════════════════════════════════════════
   BANNER AD SYSTEM — frontend CSS
   Nav banners: 268×49   Header banners: 728×90
═══════════════════════════════════════════════════ */

.maddos-banner-ad {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.maddos-banner-rotator {
    position: relative;
    max-width: 268px;
    max-height: 49px;
    width: auto;
    height: auto;
    flex-shrink: 0;
    border-radius: 5px;
}
.maddos-banner-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maddos-banner-slide.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.maddos-banner-link {
    display: inline-block;
    line-height: 0;
    transition: opacity 0.22s;
}
.maddos-banner-link:hover { opacity: 0.88; }
.maddos-banner-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 268px;
    max-height: 49px;
    border-radius: 5px;
}

/* Footer banner */
.maddos-banner-footer {
    justify-content: center;
    padding: 8px 20px;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.06);
}


/* ═══════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════ */

footer {
    background: linear-gradient(180deg, #040d18 0%, #000 100%);
    border-top: 2px solid var(--crimson);
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
footer .container-fluid { padding: 0 !important; margin: 0 !important; }
footer .row { margin: 0 !important; }
footer .row > [class*="col-"] { padding: 0 !important; }

footer .maddos-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 20px;
    background: transparent;
}

footer .nav.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0; padding: 0;
    list-style: none;
}

footer .nav.navbar-nav > li > a {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.42) !important;
    padding: 10px 14px;
    display: block;
    transition: color 0.22s;
    background: transparent !important;
    border: none;
}
footer .nav.navbar-nav > li > a:hover { color: var(--gold) !important; }

footer .nav.navbar-nav > li { position: relative; }
footer .nav.navbar-nav > li + li::before {
    content: '·';
    color: rgba(255,255,255,0.18);
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
}

footer .navbar-toggle {
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 6px;
    padding: 6px 9px;
    background: rgba(255,255,255,0.05);
    margin: 8px auto;
    display: block;
}
footer .navbar-toggle .icon-bar {
    background: rgba(255,255,255,0.65);
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    margin: 3px 0;
}

.maddos-copyright {
    background: #000;
    color: rgba(255,255,255,0.32);
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    border-top: 1px solid rgba(170,0,20,0.4);
    letter-spacing: 0.3px;
    line-height: 1.6;
}
.maddos-copyright a { color: rgba(255,255,255,0.42); text-decoration: none; transition: color 0.22s; }
.maddos-copyright a:hover { color: var(--gold); }


/* ═══════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════ */

@media (max-width: 991px) {

    /* Show hamburger */
    .maddos-hamburger { display: block !important; }

    /* Nav collapses */
    .maddos-nav-inner {
        flex-wrap: wrap;
        padding-right: 0;
    }
    .maddos-nav-collapse {
        width: 100%;
        order: 3;
    }
    .maddos-nav-list {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        background: #000e1e;
        border-top: 1px solid rgba(255,255,255,0.07);
        padding: 4px 0 10px !important;
    }
    .maddos-nav-list > li { width: 100%; }
    .maddos-nav-list > li > a { padding: 11px 20px; font-size: 14px; }
    .maddos-nav-list > li > a::after { display: none; }
    .maddos-nav-list .dropdown-menu {
        position: static;
        float: none;
        border-radius: 0;
        box-shadow: none;
        border: none;
        border-left: 3px solid var(--crimson);
        margin-left: 20px;
        background: rgba(0,0,0,0.25);
        border-top: none;
    }

    /* Nav right group — wrap under hamburger */
    .maddos-nav-right {
        order: 2;
        margin-left: auto;
        padding: 4px 12px;
    }
    .maddos-nav-right::before { display: none; }


    /* Hero text smaller */
    #maddos-site-title, #maddos-site-title a { font-size: 28px; }
    .maddos-hero-inner { padding: 24px 20px; }

    /* Header banner responsive */
    .maddos-header-banner-section .maddos-banner-rotator,
    .maddos-header-banner-section .maddos-banner-slide,
    .maddos-header-banner-section .maddos-banner-img {
        max-width: 468px;
        max-height: 60px;
    }

    /* Hero search — stack below branding on mobile */
    .maddos-hero-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .maddos-hero-search { width: 100%; }
    .maddos-hero-search .maddos-search { width: 100%; }

    footer .nav.navbar-nav { flex-direction: column; align-items: center; }
    footer .nav.navbar-nav > li + li::before { display: none; }
    footer .nav.navbar-nav > li > a { padding: 7px 14px; }
}

@media (max-width: 576px) {

    .maddos-infobar { font-size: 10.5px; padding: 5px 12px; }
    .maddos-nav-right { gap: 6px; padding: 4px 8px; }
    .maddos-search { width: 160px; }
    .maddos-search input[type="text"],
    .maddos-search input[type="search"] { font-size: 12px; padding-left: 10px; }

    #maddos-site-title, #maddos-site-title a { font-size: 22px; }
    #maddos-site-desc { font-size: 9px; letter-spacing: 3px; }
    .maddos-hero-inner { padding: 20px 16px; }
    .maddos-hero-section { min-height: 130px; }

    .maddos-header-banner-section .maddos-banner-rotator,
    .maddos-header-banner-section .maddos-banner-slide,
    .maddos-header-banner-section .maddos-banner-img {
        max-width: 300px;
        max-height: 50px;
    }

    .maddos-headline { font-size: 11.5px; padding: 6px 14px; }
    .maddos-copyright { font-size: 11px; padding: 10px 14px; }
    .maddos-banner-img { max-width: 160px; max-height: 36px; }
}