:root { --kedesa-native-header-h: 76px; }

body:not(.page-template-template-dashboard) .kedesa-native-nav { display:block; position:relative; z-index:2147480000; }
body:not(.page-template-template-dashboard) .mobile-navigation-wrapper,
body:not(.page-template-template-dashboard) #header-container.kedesa-public-header,
body:not(.page-template-template-dashboard) #header.cloned { display:none !important; }

.kedesa-native-header { position:sticky; top:0; z-index:2147480100; height:var(--kedesa-native-header-h); background:#242424; border-bottom:1px solid rgba(255,255,255,.07); box-shadow:0 4px 18px rgba(0,0,0,.2); }
body.admin-bar .kedesa-native-header { top:32px; }
.kedesa-native-header__inner { height:100%; max-width:1500px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:18px; }
.kedesa-native-logo { display:flex; align-items:center; flex:0 0 auto; }
.kedesa-native-logo img { width:52px; height:52px; object-fit:contain; display:block; }
.kedesa-native-action { width:48px; height:48px; border:0; border-radius:10px; background:#303030; color:#fff; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer; flex:0 0 48px; }
.kedesa-native-action:hover { background:#383838; color:#ffd400; }
.kedesa-native-menu-toggle { display:none; }
.kedesa-native-hamburger { width:24px; display:flex; flex-direction:column; gap:5px; align-items:stretch; }
.kedesa-native-hamburger span { display:block; width:24px; height:3px; border-radius:999px; background:#fff; }

.kedesa-native-desktop-links { display:flex; align-items:center; gap:8px; min-width:0; }
.kedesa-native-top-link,
.kedesa-native-dropdown__toggle { min-height:46px; padding:0 13px; border:0; border-radius:9px; background:transparent; color:#eee; display:inline-flex; align-items:center; gap:7px; font-size:15px; font-weight:700; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer; }
.kedesa-native-top-link:hover,
.kedesa-native-dropdown__toggle:hover,
.kedesa-native-dropdown.is-open > .kedesa-native-dropdown__toggle { color:#ffd400; background:#303030; }
.kedesa-native-dropdown { position:relative; }
.kedesa-native-dropdown__toggle b { font-size:16px; font-weight:700; }
.kedesa-native-dropdown__menu { position:absolute; top:calc(100% + 10px); left:0; min-width:260px; padding:10px; border:1px solid rgba(255,212,0,.26); border-radius:12px; background:#1e1e1e; box-shadow:0 20px 50px rgba(0,0,0,.42); opacity:0; visibility:hidden; transform:translateY(-5px); transition:.18s ease; }
.kedesa-native-dropdown.is-open > .kedesa-native-dropdown__menu { opacity:1; visibility:visible; transform:translateY(0); }
.kedesa-native-dropdown__link { min-height:44px; padding:0 12px; border-radius:8px; color:#eee; display:flex; align-items:center; gap:10px; text-decoration:none; font-size:14px; font-weight:600; }
.kedesa-native-dropdown__link:hover { color:#ffd400; background:#2b2b2b; }
.kedesa-native-dropdown__link.is-logout { color:#ffb4b4; }

.kedesa-native-icon { width:19px; height:19px; flex:0 0 19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.kedesa-native-dropdown__link .kedesa-native-icon { color:#ffd400; }
.kedesa-native-dropdown__link:hover .kedesa-native-icon { color:#ffd400; }

.kedesa-native-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.kedesa-native-main-menu__toggle { background:transparent; }
.kedesa-native-main-menu .kedesa-native-dropdown__menu { left:auto; right:0; }
.kedesa-native-mega-menu { width:min(650px, calc(100vw - 36px)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px; }
.kedesa-native-mega-menu section { min-width:0; }
.kedesa-native-mega-menu h3 { margin:0 0 8px; padding:0 8px 8px; border-bottom:1px solid rgba(255,255,255,.1); color:#ffd400; font-size:14px; }
.kedesa-native-create { font-size:34px; font-weight:300; line-height:1; color:#111; background:#ffd400; }
.kedesa-native-create:hover { color:#111; background:#ffe03c; }

.kedesa-native-notifications { min-width:48px; height:48px; display:flex; align-items:center; justify-content:center; }
.kedesa-native-notifications .kedesa-notification-trigger { width:auto !important; min-width:48px; height:48px; padding:0 4px !important; display:flex !important; align-items:center; justify-content:center; gap:3px; background:transparent !important; border-radius:10px !important; position:relative; }
.kedesa-native-notifications .kedesa-notification-trigger:hover,
.kedesa-native-notifications .kedesa-notification-trigger:focus,
.kedesa-native-notifications .kedesa-notification-trigger[aria-expanded="true"],
.kedesa-native-notifications .kedesa-notification-trigger.is-active { background:#303030 !important; }
.kedesa-native-notifications .kedesa-notification-bell { position:relative !important; margin:0 2px 0 0 !important; }
.kedesa-native-notifications .kedesa-notification-count { position:static !important; transform:none !important; min-width:21px !important; height:21px !important; padding:0 5px !important; border-radius:999px !important; display:inline-flex !important; align-items:center; justify-content:center; font-size:11px !important; line-height:21px !important; color:#fff !important; border:2px solid #242424; }
.kedesa-native-notifications .kedesa-notification-red { background:#e53935 !important; }
.kedesa-native-notifications .kedesa-notification-yellow { background:#e4b900 !important; color:#111 !important; }
.kedesa-native-notifications .kedesa-notification-green { background:#22a559 !important; }
.kedesa-native-notifications .kedesa-notification-dropdown { z-index:2147480300 !important; }

.kedesa-native-tablet-links { display:none; }
.kedesa-native-overlay,
.kedesa-native-drawer { display:none; }

@media (max-width:1279px) {
    :root { --kedesa-native-header-h:72px; }
    .kedesa-native-header__inner { max-width:1400px; padding:0 22px; }
    .kedesa-native-menu-toggle { display:inline-flex; }
    .kedesa-native-desktop-links,
    .kedesa-native-main-menu { display:none; }
    .kedesa-native-tablet-links { display:flex; align-items:center; gap:10px; min-width:0; }
    .kedesa-native-tablet-links a { color:#eee; font-size:15px; font-weight:600; line-height:44px; padding:0 11px; border-radius:8px; white-space:nowrap; text-decoration:none; display:flex; align-items:center; gap:7px; }
    .kedesa-native-tablet-links a img { width:25px; height:25px; object-fit:contain; }
    .kedesa-native-tablet-links a:hover { color:#ffd400; background:#303030; }

    .kedesa-native-overlay { display:block; position:fixed; inset:0; z-index:2147480200; background:rgba(0,0,0,.68); backdrop-filter:blur(2px); }
    .kedesa-native-drawer { position:fixed; inset:0 auto 0 0; width:min(390px,88vw); z-index:2147480250; background:#202020; color:#fff; box-shadow:18px 0 45px rgba(0,0,0,.45); transform:translateX(-105%); transition:transform .24s ease; overflow:hidden; display:flex; flex-direction:column; }
    .kedesa-native-drawer.is-open { transform:translateX(0); }
    .kedesa-native-drawer__head { flex:0 0 78px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.08); background:#191919; }
    .kedesa-native-drawer__brand { display:flex; align-items:center; gap:12px; color:#ffd400; text-decoration:none; font-size:21px; font-weight:700; }
    .kedesa-native-drawer__brand img { width:50px; height:50px; object-fit:contain; }
    .kedesa-native-drawer__close { width:44px; height:44px; border:0; border-radius:8px; background:#303030; color:#fff; font-size:31px; line-height:1; cursor:pointer; }
    .kedesa-native-drawer__body { position:relative; flex:1 1 auto; min-height:0; overflow-y:auto; padding:16px; }
    .kedesa-native-back { position:sticky; top:0; z-index:3; width:100%; min-height:46px; margin:0 0 12px; padding:0 14px; border:1px solid rgba(255,212,0,.5); border-radius:8px; background:#292929; color:#ffd400; text-align:left; font-weight:700; cursor:pointer; }
    .kedesa-native-panel { display:none; }
    .kedesa-native-panel.is-active { display:block; }
    .kedesa-native-panel h3 { color:#ffd400; font-size:18px; margin:4px 0 12px; }
    .kedesa-native-row { width:100%; min-height:52px; padding:0 12px; border:0; border-bottom:1px solid rgba(255,255,255,.08); background:transparent; color:#eee; display:flex; align-items:center; gap:11px; text-align:left; font-size:16px; text-decoration:none; cursor:pointer; }
    .kedesa-native-row:hover { color:#ffd400; background:#292929; }
    .kedesa-native-row.is-logout { color:#ffb4b4; }
    .kedesa-native-row > span { flex:1 1 auto; }
    .kedesa-native-row b { margin-left:auto; font-size:25px; font-weight:400; }
    .kedesa-native-row .kedesa-native-icon { color:#ffd400; }
    body.kedesa-native-menu-open { overflow:hidden !important; }
}

@media (max-width:782px) { body.admin-bar .kedesa-native-header { top:46px; } }

@media (max-width:767px) {
    :root { --kedesa-native-header-h:66px; }
    .kedesa-native-header__inner { padding:0 14px; justify-content:space-between; gap:12px; }
    .kedesa-native-logo,
    .kedesa-native-tablet-links { display:none; }
    .kedesa-native-actions { margin-left:0; display:contents; }
    .kedesa-native-menu-toggle { order:1; }
    .kedesa-native-notifications { order:2; margin-left:auto; margin-right:auto; }
    .kedesa-native-create { order:3; }
    .kedesa-native-action { width:46px; height:46px; flex-basis:46px; }
    .kedesa-native-notifications .kedesa-notification-trigger { min-width:46px; height:46px; }
    .kedesa-native-notifications .kedesa-notification-dropdown { position:fixed !important; left:10px !important; right:10px !important; top:76px !important; width:auto !important; max-width:none !important; }
    body.admin-bar .kedesa-native-notifications .kedesa-notification-dropdown { top:122px !important; }
}

@media (max-width:1100px) and (min-width:768px) {
    .kedesa-native-logo img { width:46px; height:46px; }
    .kedesa-native-tablet-links a { padding:0 8px; font-size:14px; }
}

/* Menu descriptions: compact, readable supporting text. */
.kedesa-native-dropdown__menu--small { min-width:330px; }
.kedesa-native-dropdown__link {
    min-height:58px;
    padding:8px 12px;
    align-items:flex-start;
    border-left:2px solid transparent;
    transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}
.kedesa-native-dropdown__link:hover,
.kedesa-native-dropdown__link:focus {
    border-left-color:#ffd400;
}
.kedesa-native-dropdown__link .kedesa-native-icon {
    margin-top:2px;
}
.kedesa-native-menu-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    line-height:1.15;
}
.kedesa-native-menu-title {
    color:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
}
.kedesa-native-menu-description {
    display:block;
    margin:0;
    color:#b9b9b9;
    font-size:10.5px;
    font-weight:400;
    line-height:1.3;
    letter-spacing:.01em;
    white-space:normal;
}
.kedesa-native-dropdown__link:hover .kedesa-native-menu-description,
.kedesa-native-dropdown__link:focus .kedesa-native-menu-description {
    color:#dedede;
}
.kedesa-native-mega-menu {
    width:min(780px, calc(100vw - 36px));
}

@media (max-width:1279px) {
    .kedesa-native-row:not(.has-submenu) {
        min-height:64px;
        padding-top:8px;
        padding-bottom:8px;
        align-items:flex-start;
    }
    .kedesa-native-row:not(.has-submenu) .kedesa-native-icon {
        margin-top:3px;
    }
    .kedesa-native-row .kedesa-native-menu-copy {
        flex:1 1 auto;
    }
    .kedesa-native-row .kedesa-native-menu-title {
        font-size:15px;
    }
    .kedesa-native-row .kedesa-native-menu-description {
        font-size:10.5px;
        color:#bdbdbd;
    }
}

/* Mobile header: brand left, notification/create/menu actions right. */
@media (max-width:767px) {
    .kedesa-native-header__inner {
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
        padding:0 12px;
    }
    .kedesa-native-logo {
        display:flex;
        order:1;
        flex:0 0 auto;
        margin-right:auto;
    }
    .kedesa-native-logo img {
        width:44px;
        height:44px;
        object-fit:contain;
    }
    .kedesa-native-actions { display:contents; }
    .kedesa-native-notifications {
        order:2;
        margin:0;
        min-width:44px;
        height:44px;
    }
    .kedesa-native-create {
        order:3;
    }
    .kedesa-native-menu-toggle {
        order:4;
    }
    .kedesa-native-action {
        width:44px;
        height:44px;
        flex-basis:44px;
    }
    .kedesa-native-notifications .kedesa-notification-trigger {
        min-width:44px;
        height:44px;
    }
}

/* Desktop sticky behavior. JS adds is-stuck only after the header reaches the viewport top. */
@media (min-width:1280px) {
    .kedesa-native-nav.is-stuck {
        padding-top:var(--kedesa-native-header-h);
    }
    .kedesa-native-nav.is-stuck .kedesa-native-header {
        position:fixed;
        left:0;
        right:0;
        top:0;
        width:100%;
    }
    body.admin-bar .kedesa-native-nav.is-stuck .kedesa-native-header {
        top:32px;
    }
}

/* Mobile interaction fix: a closed drawer overlay must never blur or block the page. */
.kedesa-native-overlay[hidden] {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}

@media (max-width:1279px) {
    .kedesa-native-overlay {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }
    .kedesa-native-drawer[aria-hidden="true"] {
        pointer-events:none !important;
    }
    .kedesa-native-drawer[aria-hidden="false"] {
        pointer-events:auto !important;
    }
}


/* Header menu icons and device-specific Create control. */
.kedesa-native-top-link > .kedesa-native-icon,
.kedesa-native-dropdown__toggle > .kedesa-native-icon,
.kedesa-native-tablet-link > .kedesa-native-icon {
    width:17px;
    height:17px;
    flex:0 0 17px;
    color:#ffd400;
}

/* Desktop and tablet already expose Post a Deal; reserve + for phones. */
@media (min-width:768px) {
    .kedesa-native-create { display:none !important; }
}