@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;

}

html{
    scroll-behavior:smooth;
    scroll-padding-top: 90px;
}

@media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
}

body{
    overscroll-behavior-y:none;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(251,228,1,0.38) rgba(255,255,255,0.06);
}

/* WebKit scrollbar */
body::-webkit-scrollbar{ width: 10px; }
body::-webkit-scrollbar-track{ background: rgba(255,255,255,0.06); }
body::-webkit-scrollbar-thumb{
    background: rgba(251,228,1,0.34);
    border-radius: 999px;
    border: 2px solid rgba(0,0,0,0.25);
}
body::-webkit-scrollbar-thumb:hover{ background: rgba(251,228,1,0.52); }

:root {
  --wdo-primary-color: #FBE401;
  --wdo-lighttheme-colour:#000000;
  --wdo-darktheme-colour:white;

}

a
{
        text-decoration: none !important;
}

.sr-only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}


.navigation-bar
{
    padding: 10px 18px;
    margin-left: 0;
    padding-bottom: 10px;
    background: #000;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.site-header{
    position: fixed;
    top: 0;
    left:0;
    right:0;
    z-index: 1000;
    background:transparent;
}

/* ========================= */
/* TOPBAR (Gallery UI) */
/* ========================= */
.topbar{
    height:64px;
    padding:0 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    font-size:17px;
    background:rgba(10,10,10,0.42);
    border-bottom:1px solid rgba(255,255,255,0.10);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
}

.topbar-left{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}

.topbar-brand{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-weight:900;
    font-size:22px;
}

.topbar-mark{
    width:34px;
    height:34px;
    border-radius:999px;
    background:var(--wdo-primary-color);
    color:#000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    overflow:hidden;
}

.topbar-logo-mark{
    width:22px;
    height:22px;
    display:block;
    object-fit:contain;
}

.topbar-wordmark{
    height:22px;
    width:auto;
    display:block;
}

.topbar-nav{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;
    margin:0;
    padding:0;
    flex:1 1 auto;
    min-width:0;
}

.topbar-nav a{
    color:rgba(255,255,255,0.62);
    font-weight:300;
    font-size:17px;
    transition:color 0.15s ease;
}

.topbar-nav a:hover{
    color:rgba(255,255,255,0.90);
}

.topbar-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex:0 0 auto;
}

.topbar-search{
    height:44px;
    width:min(360px, 44vw);
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 8px 0 16px;
    border-radius:999px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
}

.topbar-search input{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    color:rgba(255,255,255,0.72);
    font-size:17px;
    font-weight:300;
}

.topbar-search input::placeholder{
    color:rgba(255,255,255,0.38);
}

.topbar-search button{
    width:34px;
    height:34px;
    border:none;
    border-radius:999px;
    background:var(--wdo-primary-color);
    color:#000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
}

.topbar-search button:hover{
    opacity:0.92;
}

.topbar-search svg{
    width:18px;
    height:18px;
    display:block;
}

.topbar-icon{
    width:44px;
    height:44px;
    border-radius:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.06);
    color:rgba(255,255,255,0.55);
    cursor:pointer;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.topbar-icon i{
    opacity:0.75;
}

.topbar-icon:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.10);
    color:rgba(255,255,255,0.90);
}

.topbar-submit{
    height:44px;
    padding:0 18px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:none;
    border:none;
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    color:var(--wdo-primary-color);
    font-weight:300;
    font-size:17px;
    white-space:nowrap;
}

.topbar-submit-icon svg{
    width:18px;
    height:18px;
    display:block;
    color:var(--wdo-primary-color);
}

.topbar-submit:hover{
    color:#fff;
    background:rgba(251,228,1,0.26);
    border-color:rgba(251,228,1,0.42);
}

.topbar-auth-link{
    height:44px;
    padding:0 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:400;
    font-size:15px;
    color:rgba(255,255,255,0.78);
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    transition:background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    white-space:nowrap;
}

.topbar-auth-link:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.14);
    color:rgba(255,255,255,0.94);
}

.topbar-auth-btn{
    height:44px;
    padding:0 14px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:400;
    font-size:15px;
    color:#0a0b0f;
    background:var(--wdo-primary-color);
    border:1px solid rgba(251,228,1,0.55);
    transition:filter 0.16s ease, transform 0.16s ease;
    white-space:nowrap;
}

.topbar-auth-btn:hover{
    filter:brightness(1.05);
    transform: translateY(-1px);
}

.topbar-account{
    position:relative;
}

.topbar-account-btn{
    height:44px;
    padding:0 12px 0 8px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    color:#fff;
    cursor:pointer;
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
}

.topbar-account-btn:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.12);
}

.topbar-account-icon{
    width:34px;
    height:34px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--wdo-primary-color);
    color:#000;
    flex:0 0 auto;
}

.topbar-account-icon svg{
    width:18px;
    height:18px;
    display:block;
}

.topbar-account-burger{
    width:18px;
    height:12px;
    display:inline-flex;
    flex-direction:column;
    justify-content:space-between;
    flex:0 0 auto;
}

.topbar-account-burger span{
    height:2px;
    border-radius:2px;
    background:rgba(255,255,255,0.80);
    display:block;
}

.topbar-account-menu{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    min-width:210px;
    padding:8px;
    border-radius:14px;
    background:rgba(10,10,10,0.78);
    border:1px solid rgba(255,255,255,0.10);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
    box-shadow:0 18px 60px rgba(0,0,0,0.55);
    display:none;
}

.topbar-account.is-open .topbar-account-menu{
    display:block;
}

.topbar-account-menu a,
.topbar-account-menu .topbar-account-logout{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:10px 12px;
    border-radius:10px;
    color:rgba(255,255,255,0.88);
    background:transparent;
    border:0;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

.topbar-account-menu a:hover,
.topbar-account-menu .topbar-account-logout:hover{
    background:rgba(255,255,255,0.06);
    color:#fff;
}

.topbar-account-menu form{
    margin:0;
}

@media(max-width:900px){
    .topbar-nav{ display:none; }
    .topbar .hamburger{ display:block; }
    .topbar-submit{ display:none; }
    .topbar-auth-link{ display:none; }
    .topbar-auth-btn{ display:none; }
}

@media(max-width:600px){
    .topbar-search{
        width:auto;
        padding:0 8px;
    }
    .topbar-search input{
        display:none;
    }
}

.topbar .hamburger svg{
    opacity:1;
}

.topbar .hamburger,
.topbar .hamburger svg{
    color:#fff;
}

.topbar .hamburger svg path{
    fill:#fff !important;
}

.navigation-bar--hero{
    position:relative;
    background-color:rgba(10,10,10,0.14);
    background-image:linear-gradient(180deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.10) 60%, rgba(0,0,0,0) 100%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border-bottom:1px solid rgba(255,255,255,0.12);
    box-shadow:0 8px 26px rgba(0,0,0,0.18);
    padding:22px 44px;
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
    gap:18px;
}

.navigation-bar--hero .hero-left{
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.navigation-bar--hero .hero-nav{
    justify-content:center;
    gap:18px;
}

.navigation-bar--hero .hero-nav a{
    background:transparent !important;
    border-radius:0;
    height:auto;
    padding:0;
    font-size:12px;
    font-weight:900;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.88);
}

.navigation-bar--hero .hero-nav a:hover{
    background:transparent !important;
    color:#fff;
}

.navigation-bar--hero .hero-nav a.is-active{
    color:#fff;
}

.navigation-bar--hero .hero-nav a.is-active::after{
    display:none;
}

.navigation-bar--hero .hero-right{
    justify-content:flex-end;
    gap:10px;
}

.navigation-bar--hero .plex-icon-btn,
.navigation-bar--hero .plex-account-btn{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.22);
    color:#fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.navigation-bar--hero .plex-icon-btn:hover,
.navigation-bar--hero .plex-account-btn:hover{
    background:rgba(255,255,255,0.10);
}

/* Match reference (icons on the right, minimal text) */
.navigation-bar--hero .plex-account-name{
    display:none;
}

.navigation-bar--hero .hamburger svg path{
    fill:#fff;
}

.navigation-bar--plex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.plex-left{
    display:flex;
    align-items:center;
    gap:22px;
    min-width:0;
    flex:1 1 auto;
}

.plex-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex:0 0 auto;
}

.plex-logo{
    display:inline-flex;
    align-items:center;
    gap:0;
}

.plex-logo img{
    height:26px;
    width:auto;
    display:block;
}

.navigation-bar--plex .site-logo--light{
    display:none !important;
}

.navigation-bar--plex .site-logo--dark{
    display:inline-block !important;
}

.plex-nav{
    list-style:none;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:0;
    white-space:nowrap;
}

.plex-nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    height:34px;
    padding:0 10px;
    border-radius:999px;
    color:rgba(255,255,255,0.80);
    font-weight:700;
    font-size:13px;
    transition:color 0.15s ease, background-color 0.15s ease;
}

.plex-nav a:hover{
    color:#fff;
    background:rgba(255,255,255,0.06);
}

.plex-nav a.is-active{
    color:var(--wdo-primary-color);
}

.plex-nav a.is-active::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:-8px;
    height:2px;
    border-radius:2px;
    background:var(--wdo-primary-color);
}

.plex-search{
    display:flex;
    align-items:center;
    gap:8px;
    height:34px;
    width:340px;
    max-width:42vw;
    padding:0 12px;
    border-radius:12px;
    background:#141519;
    border:1px solid rgba(255,255,255,0.10);
}

.plex-search i{
    color:rgba(255,255,255,0.65);
    font-size:13px;
}

.plex-search input{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    color:#fff;
    font-size:12px;
}

.plex-search input::placeholder{
    color:rgba(255,255,255,0.55);
}

.plex-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 14px;
    border-radius:10px;
    background:var(--wdo-primary-color);
    color:#000;
    font-weight:900;
    font-size:12px;
    white-space:nowrap;
}

.plex-cta:hover{
    color:#000;
    opacity:0.95;
}

.plex-icon-btn{
    width:38px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.06);
    color:#fff;
    cursor:pointer;
}

.plex-icon-btn:hover{
    background:rgba(255,255,255,0.10);
}

.plex-account-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    height:34px;
    padding:0 10px 0 6px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.06);
    color:#fff;
    cursor:pointer;
}

.plex-account-btn:hover{
    background:rgba(255,255,255,0.10);
}

.plex-avatar{
    width:26px;
    height:26px;
    border-radius:999px;
    background:var(--wdo-primary-color);
    color:#000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:12px;
    line-height:1;
}

.plex-account-name{
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
}

.plex-account-menu{
    background:#0f1012;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:12px;
    padding:8px;
    min-width:200px;
}

.plex-account-menu .dropdown-item{
    color:rgba(255,255,255,0.90);
    border-radius:10px;
    font-weight:700;
}

.plex-account-menu .dropdown-item:hover,
.plex-account-menu .dropdown-item:focus{
    background:rgba(255,255,255,0.10);
    color:#fff;
}

.plex-account-menu .dropdown-divider{
    border-top-color:rgba(255,255,255,0.12);
}

.navigation-bar .row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:14px;
    margin-left:0;
    margin-right:0;
}

.navigation-bar .col-8{
    display:flex;
    align-items:center;
    gap:12px;
    flex:1 1 auto;
    min-width:0;
    width:auto;
    max-width:none;
}

.navigation-bar .col-4{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex:0 0 auto;
    width:auto;
    max-width:none;
    padding-left:0;
}

.img-container img{
    height: 34px;
    width: auto;
    display: block;
}

.input-text-icon svg
{
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}
.input-text-box
{
    display:flex;
    align-items:center;
    flex:1 1 360px;
    min-width:240px;
    max-width:460px;
    background-color: #EEECEC;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    margin-left: 0;

}

.input-container{
    flex:1 1 auto;
    min-width:0;
}

.input-text
{
    width: 100%;
    min-width:0;
    border: none;
    background: none;
    font-size: 12px;
    margin-left: 7px;
}
.input-text:focus{
    border: none !important;
    background: none;
    box-shadow: none;
    outline: none;
}
.links-list
{
    display:flex;
    align-items:center;
    gap:2px;
    margin-bottom:0;
    padding-left:0;
    white-space:nowrap;
}
.link-list
{
    display:block;
    margin: 0;
    font-weight: bold;
}

.link-list a {
    color: var(--wdo-lighttheme-colour);
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

.link-list a:hover {
    text-decoration: none;
    background: #f1f1f1;
    transform: translateY(-1px);
}

body.page-events .links-list a[href="events.html"],
body.page-articles .links-list a[href="Articles.html"],
body.page-experiences .links-list a[href="experiences.html"],
body.page-events .mobile-links a[href="events.html"],
body.page-articles .mobile-links a[href="Articles.html"],
body.page-experiences .mobile-links a[href="experiences.html"] {
    background: var(--wdo-primary-color);
    color: #000;
}

.partnerBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:700;
    border:none;
    background:none;
    color:black;
    padding:5px 12px;
    border-radius:10px;
    text-decoration:none;
}

.partnerBtn:hover{
    text-decoration:none;
    opacity:0.92;
}

.partnerBtn svg
{
    width: 15px;
    height: 15px;
}

.account-created-modal .modal-dialog{
    max-width:320px;
}
.account-created-modal .modal-content{
    border-radius:18px;
    background: rgba(14, 14, 14, 0.62);
    border: 1px solid rgba(255,255,255,0.14);
    overflow:hidden;
    box-shadow: 0 30px 90px rgba(0,0,0,0.55);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
    position: relative;
}
.account-created-modal .modal-content::before{
    content:"";
    display:block;
    height:4px;
    background: linear-gradient(90deg, rgba(251,228,1,0.95), rgba(255,245,150,0.85));
}
.account-created-modal .modal-body{
    padding:22px 22px 18px;
    color: rgba(255,255,255,0.84);
}
.account-created-modal .modal-body.text-center{
    text-align:center;
}
.account-created-modal .acm-icon{
    font-size:58px;
    color: var(--wdo-primary-color);
    margin-bottom:12px;
}
.account-created-modal .acm-title{
    font-weight:900;
    font-size:18px;
    line-height:1.2;
    margin:0 0 12px;
    color: rgba(255,255,255,0.94);
}
.account-created-modal .acm-divider{
    height:0;
    border-top:2px dashed rgba(255,255,255,0.16);
    margin:10px -22px 14px;
}
.account-created-modal .acm-btn{
    display:inline-block;
    background: var(--wdo-primary-color);
    color: #0a0b0f;
    border-radius:10px;
    padding:8px 14px;
    font-weight:800;
    text-decoration:none;
    box-shadow: 0 14px 36px rgba(0,0,0,0.35);
    transition: transform 0.16s ease, filter 0.16s ease;
}
.account-created-modal .acm-btn:hover{
    text-decoration:none;
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.col-4 .partnerBtn
{
    font-weight:700;
}

.col-4 .signUPbtn
{
    background-color: var(--wdo-lighttheme-colour);
    color: var(--wdo-primary-color);
    padding: 5px 12px;
    border-radius: 10px;
    border: none;
    margin-left: 0;
}


/* CONTAINER */
.carousel-container{
    max-width:1200px;
    margin:auto;
    position:relative;
    border-radius:20px;
    overflow:hidden;
}

/* ========================= */
/* HERO CAROUSEL (auto-fade) */
/* ========================= */
.hero-carousel{
    width:100%;
    position:relative;
    overflow:hidden;
    background:transparent;
    border-radius:0;
    height:100vh;
    min-height:560px;
    max-height:860px;
}

.hero-carousel .slide{
    height:100%;
    padding:0;
    justify-content:stretch;
    text-align:left;
    border-radius:0;
    background-image:none !important;
}

.hero-carousel .slide.active{
    position:absolute;
    z-index:1;
}

.hero-carousel .slide::before{
    border-radius:0;
    background:transparent;
}

.hero-carousel .slide-content{
    max-width:920px;
    margin:0 auto;
}

.hero-carousel .slide h1{
    color:rgba(255,255,255,0.96);
    font-weight:600;
    font-size:clamp(38px, 3.7vw, 82px);
    letter-spacing:-0.02em;
}

/* ========================= */
/* HOME BROWSE (Blogs) */
/* ========================= */
.browse-section{
    background:transparent;
    padding:0;
    margin-bottom: 80px;
}

.browse-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 32px;
}

.browse-controls{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:22px;
}

.browse-intro{
    margin-bottom:18px;
}

.browse-intro .browse-intro-title{
    color:#fff;
    font-weight:900;
    font-size:clamp(44px, 3.7vw, 86px);
    line-height:0.94;
    letter-spacing:-0.04em;
    margin:0;
    max-width:560px;
}

.browse-intro .browse-intro-title span{
    display:block;
}

.browse-intro p{
    margin:6px 0 0;
    color:rgba(255,255,255,0.62);
    font-size:16px;
    font-weight:300;
}

.browse-select,
.browse-search-input{
    height:44px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
    color:rgba(255,255,255,0.78);
    padding:0 14px;
    outline:none;
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
}

/* Dropdown list (native select menu) */
.browse-select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-color:rgba(18,18,18,0.55);
    border-color:rgba(255,255,255,0.12);
    color:#fff;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.70) 50%),
        linear-gradient(135deg, rgba(255,255,255,0.70) 50%, transparent 50%),
        linear-gradient(to right, rgba(255,255,255,0.00), rgba(255,255,255,0.00));
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px),
        0 0;
    background-size:6px 6px, 6px 6px, 100% 100%;
    background-repeat:no-repeat;
    padding-right:34px;
}

.browse-select:focus{
    border-color:rgba(251,228,1,0.45);
    box-shadow:0 0 0 3px rgba(251,228,1,0.14);
}

.browse-select option{
    background:#1a1b1f;
    color:#fff;
}

.browse-select{
    min-width:220px;
    padding-right:34px;
}

.browse-search{
    margin-left:auto;
}

.browse-search-input{
    width:min(250px, 44vw);
}

.browse-more{
    height:44px;
    padding:0 16px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.03);
    color:rgba(255,255,255,0.82);
    display:inline-flex;
    align-items:center;
    font-size:15px;
    font-weight:300;
}

.browse-more:hover{
    background:rgba(255,255,255,0.07);
    color:#fff;
}

.browse-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:26px;
}

.browse-card{
    display:block;
    color:inherit;
}

.browse-card-media{
    position:relative;
    border-radius:16px;
    overflow:hidden;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
}

.browse-card-media img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.browse-card-badge{
    position:absolute;
    top:12px;
    right:12px;
    background:rgba(0,0,0,0.55);
    border:1px solid rgba(255,255,255,0.14);
    color:#fff;
    padding:6px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:500;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.browse-card-badge--status{
    left:12px;
    right:auto;
    background:rgba(0,0,0,0.55);
    border-color:rgba(251,228,1,0.40);
    color:rgba(251,228,1,0.95);
}

.browse-card-body{
    margin-top:16px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.browse-card-title{
    color:#fff;
    font-weight:700;
    font-size:20px;
    line-height:1.25;
}

.browse-card-sub{
    margin-top:6px;
    color:rgba(255,255,255,0.60);
    font-size:16px;
    font-weight:300;
    line-height:1.5;
}

.browse-card-icon{
    width:40px;
    height:40px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    color:rgba(255,255,255,0.70);
    flex:0 0 auto;
    margin-top:2px;
}

.browse-card-icon svg{
    width:18px;
    height:18px;
    display:block;
}

.browse-card:hover .browse-card-icon{
    color:#fff;
    background:rgba(255,255,255,0.07);
    border-color:rgba(255,255,255,0.14);
}

/* ========================= */
/* NEWSLETTER PANEL (Home) */
/* ========================= */
.newsletter-panel{
    margin-top:26px;
}

.newsletter-panel-inner{
    display:grid;
    grid-template-columns: 1.15fr 1fr;
    gap:26px;
    padding:22px;
    border-radius:18px;
    background:rgba(255,255,255,0.035);
    border:1px solid rgba(255,255,255,0.10);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
}

.newsletter-media{
    border-radius:14px;
    overflow:hidden;
    background:rgba(255,255,255,0.03);
}

.newsletter-media img{
    width:100%;
    height:100%;
    min-height:260px;
    object-fit:cover;
    display:block;
}

.newsletter-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}

.newsletter-title{
    margin:0 0 16px;
    color:#fff;
    font-weight:600;
    font-size:clamp(28px, 2.5vw, 44px);
    letter-spacing:-0.03em;
    line-height:1.15;
}

.newsletter-rotate{
    display:inline-block;
    color:rgba(255,255,255,0.96);
}

.newsletter-form{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.newsletter-input{
    flex:1 1 320px;
    height:52px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
    color:rgba(255,255,255,0.86);
    padding:0 16px;
    outline:none;
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
}

.newsletter-input::placeholder{
    color:rgba(255,255,255,0.45);
}

.newsletter-btn{
    height:52px;
    padding:0 22px;
    border-radius:12px;
    border:0;
    background:#FBE401;
    color:#000;
    font-weight:600;
    font-size:16px;
    line-height:1;
}

.newsletter-btn:hover{
    opacity:0.95;
}

.newsletter-sub{
    margin-top:10px;
    color:rgba(255,255,255,0.62);
    font-size:16px;
    font-weight:300;
}

@media(max-width:992px){
    .newsletter-panel-inner{ grid-template-columns: 1fr; }
    .newsletter-media img{ min-height:220px; }
    .newsletter-form{ gap:12px; }
    .newsletter-form{ flex-wrap:nowrap; }
    .newsletter-input{ flex:1 1 auto; min-width:0; }
    .newsletter-btn{ width:auto; white-space:nowrap; }
}

/* ========================= */
/* EXPLORE LINKS */
/* ========================= */
.explore-section{
    padding:10px 0 8px;
    margin-bottom: 30px;
}

.explore-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:18px;
}

.explore-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:32px 22px;
    border-radius:8px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.10);
    color:#fff;
    margin-bottom: 0;
}

.explore-card:hover{
    background:rgba(255,255,255,0.06);
    border-color:rgba(255,255,255,0.14);
    color:#fff;
}

.explore-title{
    font-size:18px;
    font-weight:400;
    color:rgba(255,255,255,0.92);
}

.explore-card .browse-card-icon{
    margin-top:0;
    width:44px;
    height:44px;
}

@media(max-width:992px){
    .explore-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .explore-title{ font-size:20px; }
}

@media(max-width:992px){
    .browse-inner{ padding:0 20px; }
    .browse-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .browse-search{ margin-left:0; }
    .browse-search-input{ width:min(420px, 100%); }
}

@media(max-width:600px){
    .browse-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap:14px; }
    .browse-card-media img{ height:180px; }
    .browse-card-title{ font-size:16px; }
    .browse-card-sub{ font-size:13px; }
    .browse-search-input{ width:100%; }
    .browse-controls{
        display:grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap:10px;
        align-items:center;
    }
    .browse-filters,
    .browse-search{
        width:100%;
        margin-left:0;
    }
    .browse-select{ width:100%; min-width:0; }
    .browse-more{ width:100%; justify-content:center; grid-column:1 / -1; }
}

@media(max-width:360px){
    .browse-grid{ grid-template-columns: 1fr; }
}

/* ========================= */
/* HOME BRANDS */
/* ========================= */
body.page-home .ad-brands{
    background:#FBE401;
    padding:26px 0 40px;
}

body.page-home .ad-section-inner{
    max-width:920px;
    margin:0 auto;
    padding:0 16px;
}

body.page-home .ad-brands h3{
    text-align:center;
    font-weight:900;
    font-size:30px;
    margin:0 0 16px;
    color:#000;
}

@media(max-width:420px){
    .explore-grid{ gap:12px; }
    .explore-card{ padding:18px 14px; gap:12px; }
    .explore-title{ font-size:15px; }
    .explore-card .browse-card-icon{ width:38px; height:38px; }
}

body.page-home .ad-brand-row{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
}

body.page-home .ad-brand-logos{
    width:min(860px, 100%);
    max-height:92px;
    height:auto;
    object-fit:contain;
    display:block;
    filter:none;
}

body.page-home .ad-email{
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

body.page-home .ad-email a{
    display:inline-block;
    background:#000;
    color:#FBE401;
    font-weight:900;
    font-size:14px;
    padding:12px 22px;
    border-radius:12px;
    text-decoration:none;
    line-height:1.1;
}

body.page-home .ad-email a:hover{
    opacity:0.92;
    text-decoration:none;
}

@media(max-width:992px){
    body.page-home .ad-section-inner{ padding:0 16px; }
}

body.theme-dark.page-home .ad-email a{
    background:var(--wdo-lighttheme-colour);
    color:var(--wdo-primary-color);
}

/* Heading animation: fade in from right with motion blur (character-by-character) */
.hero-animated-heading .word{
    display:inline-block;
    white-space:nowrap;
}

.hero-animated-heading .space{
    display:inline-block;
    width:0.32em;
}

.hero-animated-heading .char{
    display:inline-block;
    opacity:0;
    transform:translateX(18px);
    filter:blur(10px);
    will-change:transform, opacity, filter;
}

.hero-animated-heading.is-running .char{
    animation:heroCharIn 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay:calc(var(--i) * 18ms);
}

@keyframes heroCharIn{
    0%{
        opacity:0;
        transform:translateX(18px);
        filter:blur(12px);
    }
    60%{
        opacity:1;
        transform:translateX(0);
        filter:blur(2px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

.hero-carousel .slide p{
    color: rgba(255, 255, 255, 0.82);
    font-size: 20px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0;
    font-weight: 300;
}

.hero-shell{
    height:100%;
    max-width:1200px;
    margin:0 auto;
    padding:clamp(88px, 11vh, 140px) 32px 56px;
    display:grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap:52px;
    align-items:center;
    position:relative;
    z-index:2;
}

.hero-copy{
    max-width: 640px;
    margin-left: -90px;
    margin-bottom: 60px;
    position:relative;
    z-index:3;
}

.hero-lede{
    margin-top:18px;
    color:rgba(255,255,255,0.76);
    font-size:18px;
    line-height:1.7;
}

.hero-subscribe{
    margin-top:28px;
    display:flex;
    gap:14px;
    align-items:center;
    max-width:560px;
}

.hero-subscribe input{
    flex:1 1 auto;
    height:52px;
    max-width:420px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
    color:#fff;
    padding:0 16px;
    outline:none;
}

.hero-subscribe input::placeholder{
    color:rgba(255,255,255,0.40);
}

.hero-subscribe button{
    height:52px;
    padding:0 22px;
    border:none;
    border-radius:12px;
    background:var(--wdo-primary-color);
    color:#000;
    font-weight:400;
    cursor:pointer;
}

.hero-subscribe button:hover{
    opacity:0.92;
}

.hero-note{
    margin-top:14px;
    color:rgba(255,255,255,0.55);
    font-size:14px;
}

.hero-card-wrap{
    display:flex;
    justify-content:flex-end;
}

.hero-card{
    width:min(720px, 100%);
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(0,0,0,0.45);
}

.hero-card-media{
    position:relative;
    padding:0;
}

.hero-card-media img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:0;
    display:block;
}

.hero-badge{
    position:absolute;
    top:14px;
    right:14px;
    background:rgba(0,0,0,0.55);
    border:1px solid rgba(255,255,255,0.14);
    color:#fff;
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.hero-card-body{
    padding:14px 18px 18px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
}

.hero-card-title{
    color:#fff;
    font-weight:900;
    font-size:20px;
    margin-top:4px;
}

.hero-card-sub{
    margin-top:6px;
    color:rgba(255,255,255,0.65);
    font-size:14px;
    line-height:1.5;
}

.hero-card-arrow{
    width:40px;
    height:40px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    color:#fff;
    flex:0 0 auto;
}

.hero-card-arrow:hover{
    background:rgba(255,255,255,0.10);
    color:#fff;
}

/* SLIDES */
.slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 0.8s ease-in-out;
    background-size:cover;
    background-position:center;
    height:420px;
    display:flex;
    align-items:center;
    padding:60px;
    color:white;
}

.slide.active{
    opacity:1;
    position:relative;
    z-index:1;
}

/* Dark overlay */
.slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    border-radius:20px;
    pointer-events:none;
}

.slide-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

/* Heading */
.slide h1{
    font-size:42px;
    font-weight:800;
    line-height:1.2;
    color:#FFD600;
}

.slide p{
    margin-top:18px;
    font-size:15px;
    color:#FFD600;
    max-width:700px;
}

/* Button */
.btn-slider{
    position:absolute;
    right:24px;
    bottom:24px;
    left:auto;
    background:#FFD600;
    color:#000;
    border:none;
    padding:14px 22px;
    font-weight:700;
    border-radius:8px;
    cursor:pointer;
    z-index:2;
    transition:0.3s ease;
    font-size: 12px;
    width:auto;
    max-width:calc(100% - 48px);
}

.btn-slider:hover{
    background:#ffcc00;
}

/* Navigation arrows */
.nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.5);
    color:white;
    border:none;
    padding:10px 14px;
    cursor:pointer;
    font-size:10px;
    border-radius:50%;
    z-index:3;
}

.prev{ left:15px; }
.next{ right:15px; }

/* Pagination dots */
.dots{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
    z-index:3;
}

.dot{
    width:5px;
    height:5px;
    background:rgba(255,255,255,0.5);
    border-radius:100%;
    cursor:pointer;
}

.dot.active{
    background:#FFD600;
}

/* ========================= */
/* RESPONSIVE DESIGN */
/* ========================= */

@media(max-width:992px){
    .navigation-bar--hero{
        padding:18px 18px;
        grid-template-columns: 1fr auto 1fr;
    }

    .navigation-bar--hero .hero-nav{
        gap:12px;
    }

    .navigation-bar--hero .hero-nav a{
        font-size:11px;
        letter-spacing:0.12em;
    }

    .hero-carousel{
        height:100vh;
        min-height:520px;
    }

    .hero-shell{
        grid-template-columns: 1fr;
        gap:34px;
        padding:clamp(90px, 10vh, 120px) 20px 44px;
    }

    .hero-copy{
        max-width:720px;
    }

    .hero-card-wrap{
        justify-content:flex-start;
    }

    .carousel-container{
        max-width:100%;
        padding:0 20px;
    }

    .slide{
        height:360px;
        padding:40px;
        width: 100%;
        border-radius:16px;
    }
    .slide h1{
        font-size:32px;
    }
    .btn-slider{
        right:16px;
        bottom:16px;
        max-width:calc(100% - 32px);
    }

    /* Header layout: keep all desktop navbar items on one row */
    .navigation-bar{
        margin-left:0;
        padding:15px;
    }
    .navigation-bar .row{
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:nowrap;
        gap:10px;
    }
    .navigation-bar .col-4{
        display:flex;
        align-items:center;
        gap:10px;
        justify-content:flex-end;
        flex:0 0 auto;
        width:auto;
        max-width:none;
    }
    .navigation-bar .col-8{
        display:flex;
        align-items:center;
        gap:12px;
        flex:1 1 auto;
        min-width:0;
        flex-wrap:nowrap;
        width:auto;
        max-width:none;
    }
    .img-container{
        display:flex;
        align-items:center;
        flex:0 0 auto;
    }
    .input-text-box{ max-width:320px; }
    .links-list{
        display:flex;
        gap:12px;
        padding-left:0;
    }
    .link-list{
        display:inline-block;
        margin:0;
    }
    .col-4 .signUPbtn{ margin-left:0; }
}

@media(max-width:600px){

    .navigation-bar--hero{
        grid-template-columns: 1fr auto;
        padding:16px 14px;
    }

    .navigation-bar--hero .hero-nav{
        display:none;
    }

    .hero-carousel{
        height:100svh;
        min-height:100svh;
        max-height:none;
    }

    .hero-shell{
        padding:86px 14px 28px;
        gap:26px;
        align-items:start;
    }

    .hero-copy{
        margin-left:0;
        margin-bottom:0;
    }

    .hero-subscribe{
        flex-direction:row;
        align-items:center;
        gap:10px;
        flex-wrap:nowrap;
        max-width:none;
    }

    .hero-subscribe input{
        max-width:none;
        min-width:0;
        height:44px;
        border-radius:12px;
        flex:1 1 auto;
    }

    .hero-subscribe button{
        height:44px;
        border-radius:12px;
        padding:0 16px;
        flex:0 0 auto;
        white-space:nowrap;
    }

    .hero-card-media img{
        height:240px;
    }

    .carousel-container{ padding:0 14px; }

    @supports (height: 100dvh) {
        .hero-carousel{
            height:100dvh;
            min-height:100dvh;
        }
    }

    .slide{
        height:320px;
        width: 100%;
        padding:30px 18px;
        align-items:flex-end;
    }
    .slide h1{
        font-size:24px;
    }
    .slide p{
        font-size:13px;
    }
    .btn-slider{
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
        margin-top:12px;
        display:inline-block;
        width:auto;
        min-width:190px;
        max-width:100%;
        font-size:8px;
        white-space:nowrap;
        padding:10px 14px;
    }
    .slide-content{
        width:100%;
        max-width:100%;
    }

    .slide h1,
    .slide p{
        max-width:100%;
    }

    .actions .btn{
        font-size:10px;
    }

    /* Cards: keep 2 columns on mobile but reduce image height */
    .card-img img{
        height: 250px !important;
    }
    .cards{ gap:12px; }

    /* Header small tweaks */
    .navigation-bar{ margin-left:0; padding:12px; }
    .img-container img{ height:38px; }
}

/* Hamburger button */
.hamburger{
    display:none;
    background:none;
    border:none;
    font-size:26px;
    cursor:pointer;
    padding:6px 10px;
}

.hamburger svg{
    width:50px;
    height:50px;
    display:block;
}

.hamburger svg path{
    fill:#ffffff;
}

/* Mobile sidebar & overlay */
.mobile-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.45);
    opacity:0;
    visibility:hidden;
    transition:opacity 0.25s ease, visibility 0.25s ease;
    z-index:9998;
}
.mobile-overlay.open{ opacity:1; visibility:visible; }

.mobile-sidebar{
    position:fixed;
    top:0;
    right:0;
    height:100%;
    width:300px;
    max-width:80%;
    background: radial-gradient(700px 500px at 20% 0%, rgba(255, 218, 106, 0.08), transparent 55%),
        radial-gradient(600px 420px at 90% 10%, rgba(110, 164, 255, 0.06), transparent 60%),
        #0b0c10;
    color:rgba(255,255,255,0.86);
    transform:translateX(100%);
    transition:transform 0.28s ease;
    z-index:9999;
    box-shadow:-10px 0 30px rgba(0,0,0,0.35);
    padding:22px;
    border-left:1px solid rgba(255,255,255,0.08);
}
.mobile-sidebar.open{ transform:translateX(0); }
.mobile-sidebar .close{
    position:absolute;
    top:14px;
    right:14px;
    width:40px;
    height:40px;
    border-radius:999px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.10);
    font-size:22px;
    cursor:pointer;
    color:rgba(255,255,255,0.86);
    display:flex;
    align-items:center;
    justify-content:center;
}
.mobile-sidebar .close:hover{
    background:rgba(255,255,255,0.07);
    border-color:rgba(255,255,255,0.16);
}
.mobile-sidebar .mobile-search{ margin-top:36px; }
.mobile-sidebar .mobile-sidebar-inner{ display:flex; flex-direction:column; gap:16px; }
.mobile-sidebar .mobile-links{ list-style:none; padding-left:0; margin:6px 0 0; display:flex; flex-direction:column; gap:6px; }
.mobile-sidebar .mobile-links .link-list a{
    display:block;
    padding:10px 12px;
    border-radius:12px;
    transition: background-color 0.18s ease, transform 0.18s ease, color 0.18s ease;
    color:rgba(255,255,255,0.82);
    text-decoration:none;
    border:1px solid transparent;
    background:transparent;
    font-weight:700;
    letter-spacing:0.01em;
}
.mobile-sidebar .mobile-links .link-list a:hover{
    background:rgba(255,255,255,0.06);
    transform: translateX(2px);
    border-color:rgba(255,255,255,0.10);
    color:#fff;
}
.mobile-sidebar .mobile-actions{ margin-top:20px; display:flex; gap:10px; flex-direction:column; }

@media(max-width:600px){
    .hamburger{ display:block; }
    .plex-nav,
    .plex-search,
    .plex-cta,
    .plex-icon-btn,
    .plex-account{ display:none !important; }
    
    /* Mobile sidebar content styling */
    .mobile-sidebar .input-text-box{
        background:rgba(255,255,255,0.04);
        padding:10px 12px;
        border-radius:12px;
        display:flex;
        align-items:center;
        gap:8px;
        border:1px solid rgba(255,255,255,0.10);
    }
    .mobile-sidebar .input-text{
        width:100%;
        font-size:14px;
        margin-left:0;
        padding:6px 4px;
        background:transparent;
        border:none;
        outline:none;
        color:rgba(255,255,255,0.86);
    }
    .mobile-sidebar .input-text-icon svg path{ stroke: rgba(255,255,255,0.7); }
    .mobile-sidebar .input-text:focus{ box-shadow:none; }

    /* Buttons in sidebar - match desktop appearance */
    .mobile-sidebar .partnerBtn{
        display:block;
        font-weight:700;
        background: rgba(255, 218, 106, 0.16);
        border:1px solid rgba(255, 218, 106, 0.38);
        padding:12px 12px;
        text-align:center;
        color: rgba(255, 255, 255, 0.94);
        border-radius:12px;
        cursor:pointer;
        text-decoration:none;
    }
    .mobile-sidebar .partnerBtn:hover{
        background: rgba(255, 218, 106, 0.22);
    }
    .mobile-sidebar .signUPbtn{
        display:block;
        background:rgba(255,255,255,0.06);
        color:rgba(255,255,255,0.9);
        padding:11px 12px;
        border-radius:12px;
        border:1px solid rgba(255,255,255,0.10);
        width:100%;
        text-align:center;
        font-weight:700;
        cursor:pointer;
        text-decoration:none;
    }

    .mobile-sidebar .signUPbtn:hover{
        background:rgba(255,255,255,0.08);
        border-color:rgba(255,255,255,0.16);
    }
    .mobile-sidebar .mobile-actions{ margin-top:16px; display:flex; flex-direction:column; gap:10px; }
    .mobile-sidebar .partnerBtn svg{ width:16px; height:16px; vertical-align:middle; margin-left:8px; }
}


/* Section Header */
.section-header{
    font-weight:700;
    font-size:25px;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:5px;
    margin-top: 50px;
    margin-left: 10px;
}

body.page-home .section-header{
    color:rgba(255,255,255,0.92);
}
.section-header svg{
    width:25px;
    height:25px;
}

.section-header span{
    font-size:14px;
}

.section-header .see-more-link{
    margin-left:auto;
    font-size:13px;
    font-weight:700;
    color:#111;
    border:1px solid #ddd;
    border-radius:999px;
    padding:6px 12px;
    line-height:1;
    background:#fff;
}

.section-header .see-more-link:hover{
    background:#f7f7f7;
    color:#000;
}

/* Grid Layout */
.cards{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:25px;
}

/* Card */
.card-list{
    background:white;
    border-radius:14px;
    cursor: pointer;
}

.card-list:hover{
    transform: none;
    box-shadow: none;
}

/* Image wrapper */
.card-img{
    position:relative;
    border-radius:14px;
    overflow:hidden;
}

.card-img img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    -moz-window-dragging: no-drag;
    transition: transform 0.35s ease;
}

.card-list:hover .card-img img{
    transform: scale(1.02);
}

/* Category Tag */
.tag{
    position:absolute;
    top:10px;
    left:10px;
    background:#FFD600;
    padding:5px 8px;
    font-size:11px;
    font-weight:700;
    border-radius:6px;
    color: black;
}

/* Title */
.card-title{
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    padding:10px 5px 0 5px;
    color: #000;
}

/* Tablet */
@media(min-width:768px){
    .cards{
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop */
@media(min-width:1024px){
    .cards{
        grid-template-columns: repeat(4, 1fr);
    }
}




/* Image wrapper */
.card-img-events{
    position:relative;
    border-radius:14px;
    overflow:hidden;
}

.card-img-events img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    -moz-window-dragging: no-drag;
    transition: transform 0.35s ease;
}

.card-list:hover .card-img-events img{
    transform: scale(1.02);
}

.event-detail{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px;
}

.event-detail .text-small{
    font-size:13px;
    color:#555;
    margin-top: 0;
    line-height:1.3;
}

.badge-detail
{
    margin-left: 0;
    font-size: 10px !important;
    line-height: 1;
    white-space: nowrap;
}
.badge
{
    background-color: var(--wdo-primary-color) !important;
}
.event-detail .badge-detail{
    margin-top:0 !important;
    position:static;
}

.text-location
{
    font-size: 13px;
    margin-left: 5px;
    color: black;

}

.location-detail svg
{
    width: 17px;
}




/* REMOVE default browser spacing */
body {
    margin: 0;
    padding: 0;
    padding-top:64px;
}

body.page-home{
    padding-top:0;
    color:rgba(255,255,255,0.88);
    background:
        radial-gradient(1200px 800px at 25% 35%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 60%),
        radial-gradient(900px 700px at 70% 55%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 60%),
        #07080a;
}

/* Align home sections with hero gutter */
body.page-home .carousel-container{
    padding-left:32px;
    padding-right:32px;
}

body.page-home .carousel-container.banner-container{
    padding-left:0;
    padding-right:0;
}

body.page-home .section-header{
    margin-left:0;
}

/* MAIN FOOTER */
.main-footer {
    .footer-link-pair {
        display: none;
    }

    @media (max-width: 768px) {
        .footer-link-pair {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-bottom: 12px;
        }
        .footer-link-pair a {
            font-size: 14px;
            font-weight: 600;
            color: #000;
            text-decoration: none;
            padding: 6px 12px;
            border-radius: 6px;
            background: #f4f4f4;
            border: 1px solid #e0e0e0;
        }
        .footer-right ul {
            margin-top: 0;
        }
    }
    /* Footer link pair for mobile */
    .footer-link-pair {
        display: none;
    }

    @media (max-width: 768px) {
        .footer-link-pair {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-bottom: 12px;
        }
        .footer-link-pair a {
            font-size: 14px;
            font-weight: 600;
            color: #000;
            text-decoration: none;
            padding: 6px 12px;
            border-radius: 6px;
            background: #f4f4f4;
            border: 1px solid #e0e0e0;
        }
        .footer-links-combined {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }
    }
    /* Responsive Footer Styles */
    @media (max-width: 768px) {
        .footer-container {
            flex-direction: column;
            gap: 32px;
            padding: 0 16px;
            align-items: stretch;
        }
        .footer-row {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .footer-left,
        .footer-links,
        .footer-right {
            flex: 1 1 100%;
            max-width: 100%;
            margin-bottom: 0;
        }
        .footer-logos img {
            height: 32px;
            margin-right: 8px;
        }
        .footer-social {
            margin-top: 18px;
        }
        .footer-links ul,
        .footer-right ul {
            text-align: left;
        }
        .newsletter-box {
            max-width: 100%;
        }
        .footer-bottom {
            margin: 32px 0 12px 0;
            font-size: 12px;
        }
        .footer-landmark img {
            width: 100%;
            margin: 0 auto;
        }
    }

    background: #ffffff;
    padding-top: 60px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

/* FLEX CONTAINER */
.footer-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 40px;
    gap: 80px; /* important */
}

/* FORCE PROPER COLUMN WIDTHS */
.footer-left {
    flex: 0 0 32%;
}

.footer-links {
    flex: 0 0 18%;
}

.footer-right {
    flex: 0 0 30%;
}

/* LEFT */
.footer-tagline {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-logos img {
    height: 40px;
    margin-right: 10px;
}

.footer-social {
    margin-top: 30px;
}

.footer-social p {
    font-weight: 600;
    margin-bottom: 10px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
    transform-origin: center;
}

.social-icons a:hover {
    transform: translateY(-2px) scale(1.2);
    opacity: 0.9;
}

.social-icons i {
    font-size: 16px;
}

/* LINKS */
.footer-links ul,
.footer-right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links ul li,
.footer-right ul li {
    margin-bottom: 12px;
}

.footer-links ul li a,
.footer-right ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.footer-links ul li a:hover,
.footer-right ul li a:hover {
    color: #444;
    padding-left: 4px;
}

/* NEWSLETTER */
.newsletter {
    margin-top: 30px;
}

.newsletter p {
    font-weight: 600;
    margin-bottom: 12px;
}

.newsletter-box {
    display: flex;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    max-width: 320px;
    background: #f4f4f4;
}

.newsletter-box input {
    flex: 1;
    padding: 14px;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
}

.newsletter-box button {
    width: 55px;
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    border-left: 1px solid #000;
}

/* COPYRIGHT */
.footer-bottom {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin: 50px 0 20px 0;
}

/* LANDMARK IMAGE FIX */
.footer-landmark {
    line-height: 0; /* removes tiny image gap */
    text-align: center;
}

.footer-landmark img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.black {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: rgba(0, 0, 0, 1); /* Adjust opacity as needed */
}

/* Footer layout tuning: keep link columns closer and side-by-side on mobile */
.footer-container {
    gap: 32px;
}

.footer-links {
    margin-left: auto;
}

@media (max-width: 768px) {
    .footer-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px 16px;
        align-items: start;
    }

    .footer-left {
        grid-column: 1 / -1;
    }

    .footer-links,
    .footer-right {
        flex: none;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
}

/* Desktop footer: keep both link columns on top-right, newsletter under both */
@media (min-width: 769px) {
    .footer-container {
        display: grid;
        grid-template-columns: minmax(320px, 1fr) auto auto;
        grid-template-areas:
            "left policies contacts"
            "left newsletter newsletter";
        column-gap: 48px;
        row-gap: 20px;
        align-items: start;
    }

    .footer-left {
        grid-area: left;
    }

    .footer-links {
        grid-area: policies;
        margin-left: 0;
        justify-self: start;
    }

    .footer-right {
        display: contents;
    }

    .footer-right > ul {
        grid-area: contacts;
        justify-self: end;
        margin: 0;
    }

    .footer-right > .newsletter {
        grid-area: newsletter;
        margin-top: 0;
        justify-self: stretch;
        width: auto;
    }

    .footer-right > .newsletter .newsletter-box {
        max-width: none;
    }
}

/* Final mobile footer override */
@media (max-width: 768px) {
    .main-footer {
        padding-top: 36px;
        overflow: hidden;
    }

    .footer-container {
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding: 0 14px;
        align-items: stretch;
    }

    .footer-left,
    .footer-links,
    .footer-right {
        width: 100%;
        max-width: 100%;
        flex: none;
    }

    .footer-right {
        display: block;
    }

    .footer-right > ul,
    .footer-links ul {
        margin-bottom: 0;
    }

    .footer-right > .newsletter {
        margin-top: 12px;
        width: 100%;
    }

    .footer-right > .newsletter .newsletter-box {
        max-width: 100%;
    }

    .footer-bottom {
        margin: 28px 0 12px 0;
        font-size: 12px;
        padding: 0 10px;
    }

    .footer-landmark {
        display: block !important;
        width: 100%;
        line-height: 0;
        margin-top: 8px;
    }

    .footer-landmark img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 180px;
        object-fit: cover;
    }

    .black {
        position: static;
        width: 100%;
        height: 24px;
    }
}

/* Framer-like footer refresh */
.main-footer {
    background: #0f0f10;
    color: rgba(255, 255, 255, 0.82);
    padding: 64px 0 24px;
    margin-top: 64px;
    position: relative;
    overflow-x: hidden;
}

.main-footer .footer-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: minmax(260px, 1.1fr) minmax(0, 2.2fr);
    gap: 40px;
    align-items: start;
    min-width: 0;
}

.main-footer .footer-brand,
.main-footer .footer-col {
    min-width: 0;
}

.main-footer .footer-logo img {
    height: 28px;
    width: auto;
    display: block;
    max-width: 100%;
}

.main-footer .footer-tagline {
    margin: 14px 0 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.66);
}

.main-footer .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.social-bubbles {
    --sb-border: rgba(255, 255, 255, 0.12);
    --sb-bg: rgba(255, 255, 255, 0.04);
    --sb-fg: rgba(255, 255, 255, 0.78);
    --sb-hover-bg: rgba(255, 255, 255, 0.08);
    --sb-hover-border: rgba(255, 255, 255, 0.22);
    --sb-hover-fg: #ffffff;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.social-bubbles.on-light {
    --sb-border: rgba(0, 0, 0, 0.14);
    --sb-bg: rgba(0, 0, 0, 0.04);
    --sb-fg: rgba(0, 0, 0, 0.74);
    --sb-hover-bg: rgba(0, 0, 0, 0.08);
    --sb-hover-border: rgba(0, 0, 0, 0.22);
    --sb-hover-fg: #000000;
}

.social-bubbles a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--sb-border);
    background: var(--sb-bg);
    color: var(--sb-fg);
    text-decoration: none;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.social-bubbles a:hover {
    transform: translateY(-2px);
    background: var(--sb-hover-bg);
    border-color: var(--sb-hover-border);
    color: var(--sb-hover-fg);
}

.main-footer .footer-social a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.main-footer .footer-social a:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.22);
    color: #ffffff;
}

.main-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(240px, 1.2fr);
    gap: 18px 40px;
    align-items: start;
    min-width: 0;
}

.main-footer .footer-col-title {
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 14px;
}

.main-footer .footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}

.main-footer .footer-list a,
.main-footer .footer-logout button {
    color: rgba(255, 255, 255, 0.66);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.18s ease, transform 0.18s ease;
}

.main-footer .footer-list a:hover,
.main-footer .footer-logout button:hover {
    color: #ffffff;
    transform: translateX(2px);
}

.main-footer .footer-logout {
    margin: 0;
}

.main-footer .footer-logout button {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.main-footer .footer-note {
    margin: 0 0 12px 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.56);
}

.main-footer .footer-newsletter {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
}

.main-footer .footer-newsletter input {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    outline: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
}

.main-footer .footer-newsletter input::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

.main-footer .footer-newsletter button {
    width: 48px;
    height: 42px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
    transition: background 0.18s ease;
}

.main-footer .footer-newsletter button:hover {
    background: rgba(255, 255, 255, 0.08);
}

.main-footer .footer-bottom {
    margin-top: 44px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.56);
}

@media (max-width: 1100px) {
    .main-footer .footer-shell {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .main-footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 24px;
    }

    .main-footer .footer-col-newsletter {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .main-footer {
        padding: 44px 0 18px;
        margin-top: 44px;
    }

    .main-footer .footer-shell {
        padding: 0 16px;
    }

    .main-footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-footer .footer-col-newsletter {
        grid-column: 1 / -1;
    }
}

.lower-banner
{
    width: 100%;
    height: 10vh;
    overflow: hidden;
    object-fit: contain;
}
.image-banner
{
    object-fit: contain;
}


.events-header {
    text-align: center;
    padding: 40px 20px 20px;
}

/* Title */
.events-title {
    font-size: 64px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

/* Navigation */
.events-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    font-size: 14px;
}

/* Nav Items */
.nav-item {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 20px;
    transition: all 0.3s ease;
}

/* Active Item */
.nav-item.active {
    background-color: #000;
    color: var(--wdo-primary-color);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Yellow AI icon */
.nav-icon {
    background-color: #fdd835;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Hover Effect */
.nav-item:hover {
    opacity: 0.7;
}

/* Responsive */
@media (max-width: 768px) {
    .events-title {
        font-size: 42px;
    }

    .events-nav {
        gap: 15px;
    }
}

/* ========================= */
/* LISTING SEARCH (Events/Experiences/Blogs) */
/* ========================= */
body.page-events .events-header,
body.page-experiences .events-header,
body.page-articles .events-header{
    padding:56px 16px 18px;
}

body.page-events .events-title,
body.page-experiences .events-title,
body.page-articles .events-title{
    color:var(--wdo-primary-color);
    font-size:clamp(42px, 4.2vw, 72px);
    letter-spacing:-0.03em;
    margin-bottom:18px;
}

.activity-search-form{
    max-width:1200px;
    margin:0 auto 18px;
    padding:0 16px;
}

.activity-search{
    display:flex;
    align-items:center;
    gap:0;
    padding:10px 10px;
    border-radius:999px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.10);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    box-shadow:0 18px 55px rgba(0,0,0,0.35);
}

.activity-field{
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 14px;
    min-width:0;
    flex:1 1 0;
}

.activity-icon{
    width:44px;
    height:44px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--wdo-primary-color);
    border:1px solid rgba(251,228,1,0.35);
    color:#000;
    flex:0 0 auto;
}

.activity-icon svg{
    width:20px;
    height:20px;
    display:block;
}

.activity-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
}

.activity-label{
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.12em;
    color:rgba(255,255,255,0.55);
    line-height:1.1;
}

.activity-input{
    border:0;
    outline:none;
    background:transparent;
    color:rgba(255,255,255,0.90);
    font-size:16px;
    font-weight:400;
    padding:3px 0 0;
    width:100%;
    min-width:0;
}

.activity-input[type="date"]{
    color-scheme: dark;
}

/* Calendar picker icon (WebKit/Chromium) */
body.page-events .activity-input[type="date"]::-webkit-calendar-picker-indicator,
body.page-experiences .activity-input[type="date"]::-webkit-calendar-picker-indicator,
body.page-articles .activity-input[type="date"]::-webkit-calendar-picker-indicator{
    opacity:1;
    cursor:pointer;
    filter: invert(1) brightness(1.15);
}

.activity-input::placeholder{
    color:rgba(255,255,255,0.38);
}

.activity-divider{
    width:1px;
    height:48px;
    background:rgba(255,255,255,0.10);
    flex:0 0 auto;
}

.activity-submit{
    height:52px;
    padding:0 26px;
    border-radius:999px;
    border:0;
    background:var(--wdo-primary-color);
    color:#000;
    font-weight:700;
    font-size:16px;
    line-height:1;
    margin-left:6px;
    flex:0 0 auto;
}

.activity-submit:hover{
    opacity:0.95;
}

body.page-events .events-nav,
body.page-experiences .events-nav,
body.page-articles .events-nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    gap:12px;
    padding:4px 6px 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width:none;
}

body.page-events .events-nav::-webkit-scrollbar,
body.page-experiences .events-nav::-webkit-scrollbar,
body.page-articles .events-nav::-webkit-scrollbar{
    display:none;
}

body.page-events .nav-item,
body.page-experiences .nav-item,
body.page-articles .nav-item{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.10);
    color:rgba(255,255,255,0.78);
    padding:9px 16px;
    border-radius:999px;
    white-space:nowrap;
}

body.page-events .nav-item.active,
body.page-experiences .nav-item.active,
body.page-articles .nav-item.active{
    background:var(--wdo-primary-color);
    border-color:rgba(251,228,1,0.55);
    color:#000;
}

body.page-events .nav-item:hover,
body.page-experiences .nav-item:hover,
body.page-articles .nav-item:hover{
    opacity:0.92;
}

body.page-events .list-controls,
body.page-experiences .list-controls,
body.page-articles .list-controls{
    margin-top:0;
}

body.page-events .per-page-form,
body.page-experiences .per-page-form,
body.page-articles .per-page-form{
    color:rgba(255,255,255,0.68);
}

body.page-events .per-page-form select,
body.page-experiences .per-page-form select,
body.page-articles .per-page-form select{
    border:1px solid rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.04);
    color:#fff;
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
}

body.page-events .card-list,
body.page-experiences .card-list,
body.page-articles .card-list{
    background:#000;
}

body.page-events .pagination-btn,
body.page-experiences .pagination-btn,
body.page-articles .pagination-btn{
    background:rgba(255,255,255,0.04);
    border-color:rgba(255,255,255,0.12);
    color:#fff;
}

body.page-events .pagination-current,
body.page-experiences .pagination-current,
body.page-articles .pagination-current{
    color:rgba(255,255,255,0.68);
}

@media (max-width: 900px){
    .activity-search{
        border-radius:18px;
        flex-wrap:wrap;
        padding:10px;
    }
    .activity-divider{ display:none; }
    .activity-field{ flex:1 1 100%; padding:10px 12px; }
    .activity-submit{ width:100%; margin:8px 0 0; }
}

/* ========================= */
/* SIGNUP PAGE */
/* ========================= */
body.page-signup .signup-shell{
    padding:110px 0 70px;
}

body.page-signup .signup-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 22px;
}

body.page-signup .signup-head{
    margin-bottom:24px;
}

body.page-signup .signup-title{
    margin:0;
    color:#fff;
    font-weight:900;
    font-size:clamp(40px, 4.2vw, 72px);
    letter-spacing:-0.03em;
    line-height:1.02;
}

body.page-signup .signup-sub{
    margin:12px 0 0;
    color:rgba(255,255,255,0.68);
    font-size:16px;
    font-weight:300;
}

body.page-signup .signup-divider{
    margin-top:22px;
    height:1px;
    background:rgba(255,255,255,0.10);
}

body.page-signup .signup-grid{
    display:grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap:28px;
    align-items:start;
}

body.page-signup .signup-media{
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.03);
}

body.page-signup .signup-media img{
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    display:block;
}

body.page-signup .signup-card{
    border-radius:18px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.10);
    padding:22px;
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    backdrop-filter: blur(16px) saturate(140%);
}

body.page-signup .signup-card label{
    display:block;
    margin:12px 0 6px;
    font-size:12px;
    font-weight:700;
    color:rgba(255,255,255,0.78);
}

body.page-signup .signup-card input,
body.page-signup .signup-card select{
    width:100%;
    height:46px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
    color:#fff;
    padding:0 14px;
    outline:none;
}

body.page-signup .signup-card input::placeholder{
    color:rgba(255,255,255,0.45);
}

body.page-signup .google-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:12px;
    padding:12px 14px;
    background:rgba(255,255,255,0.04);
    color:#fff;
    font-weight:800;
    text-decoration:none;
    margin-bottom:12px;
}

body.page-signup .google-btn:hover{
    background:rgba(255,255,255,0.06);
}

body.page-signup .auth-divider{
    display:flex;
    align-items:center;
    gap:10px;
    margin:10px 0 14px;
    color:rgba(255,255,255,0.55);
    font-size:12px;
}

body.page-signup .auth-divider:before,
body.page-signup .auth-divider:after{
    content:"";
    height:1px;
    background:rgba(255,255,255,0.10);
    flex:1;
}

body.page-signup .auth-btn{
    width:100%;
    height:48px;
    margin-top:8px;
    border:none;
    border-radius:12px;
    background:var(--wdo-primary-color);
    color:#000;
    font-weight:800;
    font-size:16px;
}

body.page-signup .auth-btn:hover{
    opacity:0.95;
}

body.page-signup .auth-help{
    color:rgba(255,255,255,0.62);
    font-size:12px;
    margin-top:8px;
}

body.page-signup .auth-help a{
    color:#fff;
    font-weight:700;
}

body.page-signup .auth-terms{
    margin-top:12px;
}

body.page-signup .auth-alt{
    margin-top:14px;
    font-size:13px;
    color:rgba(255,255,255,0.68);
    text-align:center;
}

body.page-signup .auth-alt a{
    color:var(--wdo-primary-color);
    font-weight:800;
    text-decoration:none;
}

body.page-signup .auth-errors{
    color:#ff5a5f;
    font-size:12px;
    margin-bottom:10px;
}

@media (max-width: 992px){
    body.page-signup .signup-grid{ grid-template-columns: 1fr; }
    body.page-signup .signup-media img{ min-height:300px; }
}


.banner .badge
{
    background-color: var(--wdo-primary-color) !important;
}

.logo-outside {
  max-width: 150px;
 height: 30px !important;
 }

 
.footer-tagline {
font-size: 1.25rem;
font-weight: 500;
}



            .container{
    max-width:1200px;
    margin:100px auto;
    display:grid;
    grid-template-columns: 2fr 1fr;
    gap:30px;
}

/* LEFT SIDE */
.left-section{
    background:#000000;
    padding:20px;
    border-radius:8px;
}

/* Banner */
.banner{
    position:relative;
    border-radius:10px;
    overflow:hidden;
}

.banner img{
    width:100%;
    height:200px;
    object-fit:cover;
}

.banner .badge{
    position:absolute;
    top:15px;
    left:15px;
    background:var(--wdo-primary-color);
    padding:6px 12px;
    font-size:12px;
    font-weight:600;
    border-radius:4px;
    color: black;
}

.event-info{
    display:flex;
    gap:20px;
    margin-top:20px;
}

.event-thumb{
    width:120px;
    height:120px;
    border-radius:10px;
    overflow:hidden;
}

.event-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.event-details h2{
    font-size:24px;
    margin-bottom:8px;
}

.meta{
    font-size:13px;
    color:var(--wdo-primary-color);
    margin-bottom:10px;
}

.meta-item{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.meta-icon{
    width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.meta-icon svg{
    width:16px;
    height:16px;
    display:block;
}

.event-meta-block{
    margin-bottom:10px;
}

.event-meta-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.event-meta-row .meta{
    margin-bottom:0;
}

.event-meta-row .badge-detail{
    margin-top:0 !important;
}

.actions{
    display:flex;
    gap:10px;
}

.btn{
    padding:8px 12px;
    font-size:13px;
    border-radius:4px;
    cursor:pointer;
    border:none;
    font-weight:600;
}

.btn-outline{
    border:1px solid #ccc;
    background:#fff;
}

.btn-primary{
    background:#000;
    color:#fff;
}

.btn-yellow{
    background:#ffe600;
    font-weight:700;
}

.site-messages{
    max-width:1200px;
    margin:16px auto 0;
    padding:0 16px;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.site-message{
    border-radius:8px;
    padding:10px 12px;
    font-size:13px;
    font-weight:600;
}

.site-message-success{
    background:#e8f7ed;
    border:1px solid #9fd4ae;
    color:#0c5a2a;
}

.site-message-error{
    background:#fdecec;
    border:1px solid #efb3b3;
    color:#8e1b1b;
}

.site-message-warning{
    background:#fff8e2;
    border:1px solid #f0d88e;
    color:#6b4f00;
}

.site-message-info{
    background:#ebf3ff;
    border:1px solid #b8d4ff;
    color:#144283;
}

/* About */
.section{
    margin-top:30px;
}

.section h3{
    margin-bottom:10px;
}

.section p{
    font-size:14px;
    color:#e0e0e0;
    line-height:1.6;
}

/* Ticket Packages Layout */
.ticket-packages-layout{
    display:grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap:20px;
    align-items:start;
}

.ticket-packages-right{
    border:1px solid #ddd;
    border-radius:8px;
    padding:12px;
}

.map-embed{
    width:100%;
    border-radius:8px;
    overflow:hidden;
}

.map-embed iframe{
    width:100%;
    min-height:320px;
    border:0;
    display:block;
}

.map-app-link{
    display:inline-block;
    margin-top:10px;
    font-size:13px;
    font-weight:600;
    color:#000;
    text-decoration:underline;
}

/* Tickets */
.ticket-box{
    border:1px solid #ddd;
    padding:15px;
    border-radius:8px;
    margin-bottom:10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.ticket-left{
    font-size:14px;
}

.ticket-price{
    font-weight:600;
}

.sold{
    color:red;
    font-size:12px;
    margin-top:4px;
}

.counter{
    display:flex;
    align-items:center;
    gap:10px;
}

.counter button{
    width:25px;
    height:25px;
    border:1px solid #ccc;
    background:#fff;
    cursor:pointer;
}

.total-box{
    background:#191919;
    color:#ffe600;
    padding:15px;
    border-radius:6px;
    font-weight:700;
    margin-top:15px;
}

/* Map */
.map{
    margin-top:20px;
}

.rsvp-modal .modal-content,
.booking-modal .modal-content{
    border-radius:22px;
    border:1px solid #1f1f1f;
    box-shadow:0 28px 80px rgba(0, 0, 0, 0.28);
    overflow:hidden;
    background: rgba(14, 14, 14, 0.58);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
}

.rsvp-modal .modal-dialog,
.booking-modal .modal-dialog{
    max-width:540px;
}

.rsvp-modal .modal-content::before,
.booking-modal .modal-content::before{
    content:"";
    display:block;
    height:4px;
    background:linear-gradient(90deg, #fbe401, #ffe95e);
}

.rsvp-modal .modal-header,
.booking-modal .modal-header{
    border-bottom:1px solid #2a2a2a;
    background:linear-gradient(120deg, #0f0f0f, #1e1e1e);
    color:#ffe600;
    padding:14px 20px;
}

.rsvp-modal .modal-title,
.booking-modal .modal-title{
    font-size:22px;
    font-weight:700;
    letter-spacing:0.01em;
}

.rsvp-modal .modal-body,
.booking-modal .modal-body{
    background:transparent;
    padding:22px;
}

.booking-modal .btn-close{
    filter: invert(1);
    opacity:0.9;
}

.booking-modal .btn-close:hover{
    opacity:1;
}

.booking-modal .rsvp-headline h5{
    color:rgba(255,255,255,0.92);
}

.booking-modal .rsvp-headline p{
    color:rgba(255,255,255,0.70);
}

.booking-modal .rsvp-meta span{
    color:rgba(255,255,255,0.82);
    border-color:rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.04);
}

.booking-modal .rsvp-form label{
    color:rgba(255,255,255,0.82);
}

.booking-modal .rsvp-input-wrap{
    border-color:rgba(255,255,255,0.14);
    background:rgba(0,0,0,0.28);
}

.booking-modal .rsvp-input-icon{
    color:rgba(255,255,255,0.70);
}

.booking-modal .rsvp-form .rsvp-input{
    background:transparent;
    color:rgba(255,255,255,0.90);
}

.booking-modal .rsvp-form .rsvp-input::placeholder{
    color:rgba(255,255,255,0.44);
}

.booking-modal .rsvp-submit{
    background:var(--wdo-primary-color);
    color:#101010;
    font-weight:900;
}

.rsvp-headline{
    margin-bottom:14px;
}

.rsvp-headline h5{
    margin:0 0 4px;
    font-size:19px;
    font-weight:700;
    color:#141414;
}

.rsvp-headline p{
    margin:0;
    font-size:14px;
    color:#5a5a5a;
}

.rsvp-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 14px;
}

.rsvp-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    color:#333;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid #dedede;
    background:#fff;
}

.rsvp-form .rsvp-field{
    margin-bottom:14px;
}

.rsvp-form label{
    display:block;
    font-size:12px;
    font-weight:700;
    margin-bottom:6px;
    text-transform:uppercase;
}

.rsvp-input-wrap{
    display:flex;
    align-items:center;
    width:100%;
    border:1px solid #d9d9d9;
    border-radius:12px;
    background:#fff;
    transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.rsvp-input-wrap:focus-within{
    border-color:#111;
    box-shadow:0 0 0 4px rgba(251, 228, 1, 0.23);
    transform:translateY(-1px);
}

.rsvp-input-icon{
    width:42px;
    text-align:center;
    color:#6e6e6e;
}

.rsvp-form .rsvp-input{
    width:100%;
    border:none;
    border-radius:12px;
    padding:11px 13px 11px 0;
    font-size:14px;
    background:#fff;
}

.rsvp-form .rsvp-input:focus{
    outline:none;
    box-shadow:none;
}

.rsvp-form .btn.btn-yellow{
    border-radius:12px;
    padding:12px 16px;
    font-size:14px;
    letter-spacing:0.01em;
    box-shadow:0 8px 20px rgba(0, 0, 0, 0.12);
    transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.rsvp-form .btn.btn-yellow:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 24px rgba(0, 0, 0, 0.18);
}

.rsvp-modal .btn-close{
    opacity:0.9;
}

.rsvp-modal .btn-close:hover{
    opacity:1;
}

.rsvp-error{
    margin-top:6px;
    font-size:12px;
    color:#b42318;
}

@media(max-width:600px){
    .rsvp-modal .modal-dialog{
        margin:12px;
    }

    .rsvp-modal .modal-body{
        padding:18px;
    }
}

.map img{
    width:100%;
    border-radius:10px;
}

/* Organizer */
.organizer{
    display:flex;
    gap:15px;
    margin-top:15px;
    align-items:center;
    flex-wrap:wrap;
}

.organizer img{
    width:80px;
    height:80px;
    border-radius:8px;
    object-fit:cover;
}

.contact-btn{
    margin-top:10px;
    padding:6px 10px;
    border:1px solid #ccc;
    background:#fff;
    font-size:12px;
    cursor:pointer;
}

.organizer-social{
    flex-basis:100%;
    margin-top:6px;
}

/* RIGHT SIDE */
.right-section{
    background:#000000;
    padding:20px;
    border-radius:8px;
}

.right-section h3{
    margin-bottom:15px;
}

.right-section .card-list{
    width:100%;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:18px;
}

.right-section .card-img-events img{
    height:180px;
}

.related-card{
    margin-bottom:20px;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #eee;
}

.related-card img{
    width:100%;
    height:120px;
    object-fit:cover;
}

.related-content{
    padding:10px;
}

.related-title{
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
}

.related-meta{
    font-size:12px;
    color:#666;
}

/* Responsive */
@media(max-width:992px){
    .cards.ml-5{
        margin-left:0 !important;
    }

    .text-location.ml-5{
        margin-left:0 !important;
    }

    .container{
        width:100%;
        max-width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:12px;
        padding-right:12px;
        grid-template-columns:1fr;
    }

    .right-section .card-list{
        max-width:100%;
    }

    .ticket-packages-layout{
        grid-template-columns:1fr;
    }

    .map-embed iframe{
        min-height:260px;
    }

    .event-meta-row{
        align-items:flex-start;
        gap:6px;
    }
}


/* WRAPPER */
.exp-wrapper{
    width:80%;
    max-width:1200px;
    background:rgb(20, 20, 20);
    border-radius:12px;
    padding:56px;
    margin:100px auto 0;
}

/* HERO */
.container-experience{
    padding-left:70px;
    padding-right:70px;
}

.exp-hero{
    width:100%;
    height:400px;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:20px;
}

.exp-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.exp-hero .exp-hero-img{
    transition: opacity 420ms cubic-bezier(0.22, 1, 0.36, 1), transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.exp-hero .exp-hero-img.is-fading{
    opacity:0;
    transform: scale(1.012);
}

/* TOP SECTION */
.exp-top{
    display:flex;
    gap:30px;
}

.exp-left{
    flex:2;
}

.exp-title{
    font-size:35px;
    font-weight:800;
    margin-bottom:6px;
}

.exp-location{
    font-size:15px;
    color:var(--wdo-primary-color);
    margin-bottom:6px;
}

.exp-location-row{
    display:flex;
    align-items:center;
    gap:8px;
}

.exp-location-row .exp-location{
    margin-bottom:0;
}

.exp-date{
    font-size:15px;
    color:var(--wdo-primary-color);
    margin-bottom:14px;
}

.exp-book-btn{
    display:block;
    width:fit-content;
    background:var(--wdo-primary-color);
    color:#000;
    border:none;
    padding:10px 16px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:20px;
}

.exp-info-row{
    display:flex;
    gap:1px;
    align-items:flex-start;
}

.exp-activities,
.exp-about{
    flex:1;
}

/* SECTION TITLES */
.exp-section-title{
    font-weight:700;
    font-size:25px;
    margin-bottom:10px;
    color:var(--wdo-primary-color);
}

/* ACTIVITIES */
.exp-activities ul{
    padding-left:18px;
}

.exp-activities li{
    font-size:13px;
    margin-bottom:5px;
}

/* ABOUT */
.exp-about{
    margin-top:0;
}

.exp-about p{
    font-size:20px;
    color:#dfdfdf;
    line-height:1.6;
}

/* RIGHT SIDE */
.exp-right{
    flex:1;
}

.exp-gallery{
    display:flex;
    gap:10px;
    margin-bottom:14px;
}

.exp-gallery img{
    width:200px;
    height:170px;
    border-radius:10px;
    object-fit:cover;
}

.exp-gallery .exp-gallery-thumb{
    cursor:pointer;
    border:1px solid rgba(255,255,255,0.10);
    transition: transform 200ms ease, border-color 200ms ease, filter 200ms ease;
}

.exp-gallery .exp-gallery-thumb:hover{
    transform: translateY(-2px);
    border-color: rgba(255,255,255,0.18);
    filter: brightness(1.04);
}

.exp-gallery .exp-gallery-thumb.is-active{
    border-color: rgba(251,228,1,0.75);
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
}

@media (prefers-reduced-motion: reduce){
    .exp-hero .exp-hero-img,
    .exp-gallery .exp-gallery-thumb{
        transition: none;
    }
}

.exp-rating{
    font-size:13px;
    margin-bottom:20px;
}

.exp-rating span{
    color:#888;
}

/* BOTTOM SECTION */
.exp-bottom{
    display:grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap:30px;
    margin-top:30px;
    align-items:start;
}

.exp-panel{
    border:1px solid rgba(255,255,255,0.12);
    border-radius:10px;
    padding:14px;
    background:rgba(0,0,0,0.32);
}

.exp-map-embed{
    margin-top:10px;
}

.exp-map-embed iframe{
    width:100%;
    min-height:220px;
    border:0;
    display:block;
}

.exp-author .contact-btn{
    margin-right:8px;
}

.exp-meeting-meta{
    font-size:13px;
    color:rgba(255,255,255,0.78);
}

.container-experience .map-app-link{
    color:#fff;
}

.container-experience .map-app-link:hover{
    opacity:0.92;
}

.left-section .map-app-link{
    color:#fff;
}

.left-section .map-app-link:hover{
    opacity:0.92;
}

.container-experience .contact-btn{
    border-color:rgba(255,255,255,0.18);
    background:rgba(255,255,255,0.06);
    color:rgba(255,255,255,0.90);
}

.container-experience .contact-btn:hover{
    background:rgba(255,255,255,0.10);
}

.container-experience .section-header svg path{
    stroke:rgba(255,255,255,0.86) !important;
}

/* HOST */
.exp-host{
    background:rgba(0,0,0,0.32);
}

.container-experience .exp-host.exp-panel{
    background:#0f0f0f;
    border-color:rgba(255,255,255,0.14);
    color:rgba(255,255,255,0.92);
}

.container-experience .exp-host.exp-panel strong{
    color:#fff;
}

.exp-host-card{
    background:#f5f5f5;
    padding:15px;
    border-radius:12px;
}

.exp-host-title{
    font-weight:700;
    margin-bottom:10px;
}

.exp-host-img{
    width:100%;
    height:140px;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:10px;
}

.exp-host-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.exp-host-name{
    font-weight:600;
    font-size:14px;
    margin-bottom:8px;
}

.exp-contact-btn{
    width:100%;
    padding:8px;
    border-radius:8px;
    border:1px solid #ccc;
    background:white;
    font-size:12px;
    margin-bottom:8px;
    cursor:pointer;
}

.exp-socials{
    display:flex;
    gap:8px;
    font-size:14px;
    color:#666;
}

@media (max-width: 992px){
    .exp-top,
    .exp-info-row,
    .exp-bottom{
        grid-template-columns:1fr;
        display:grid;
    }

    .container-experience{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
        padding-left:20px;
        padding-right:20px;
    }

    .exp-wrapper{
        width:100%;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (max-width: 600px){
    .container-experience{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
        padding-left:0;
        padding-right:0;
    }

    .exp-gallery{
        position:relative;
        display:block;
        width:100%;
        height:190px;
        overflow:hidden;
        border-radius:10px;
    }

    .exp-gallery img{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        opacity:0;
        animation:exp-gallery-fade 12s infinite;
    }

    .exp-gallery img:nth-child(1){ animation-delay:0s; }
    .exp-gallery img:nth-child(2){ animation-delay:4s; }
    .exp-gallery img:nth-child(3){ animation-delay:8s; }
}

@keyframes exp-gallery-fade{
    0%{ opacity:0; }
    8%{ opacity:1; }
    30%{ opacity:1; }
    38%{ opacity:0; }
    100%{ opacity:0; }
}



.bhp-container {
    max-width: 1150px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}

body.page-article-single .bhp-container{
    margin: 100px auto 30px;
}

/* ===== LEFT SIDE ARTICLE ===== */
.bhp-article-wrapper {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
}

.bhp-article-title {
    font-size: 31px;
    font-weight: 700;
    margin-bottom: 5px;
}

.bhp-article-meta {
    font-size: 12px;
    color: #777;
    margin-bottom: 15px;
}

.bhp-article-image {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 10px;
}

.bhp-article-caption {
    font-size: 11px;
    color: #666;
    margin-bottom: 15px;
}

.bhp-article-paragraph {
    font-size: 14px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 15px;
}

/* ===== RIGHT SIDE ===== */
.bhp-sidebar-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bhp-sidebar-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

/* CARD GRID */
.bhp-sidebar-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

/* Article single page: smaller related cards only on this page */
.page-article-single .bhp-sidebar-grid .card-img img{
    height:170px;
}

.page-article-single .bhp-sidebar-grid .card-title{
    font-size:13px;
    padding-top:8px;
}

.bhp-sidebar-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    font-size: 12px;
}

.bhp-sidebar-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.bhp-sidebar-card-content {
    padding: 8px;
}

.bhp-popular-tag {
    display: inline-block;
    background: #ffcc00;
    font-size: 10px;
    padding: 3px 6px;
    border-radius: 6px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* ===== GOOGLE ADS PLACEHOLDER ===== */
.bhp-google-ad {
    background: #e5e5e5;
    border-radius: 6px;
    text-align: center;
    padding: 30px 10px;
}

/* ===== NEWSLETTER ===== */
.bhp-newsletter-wrapper {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
}

.bhp-newsletter-title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

.bhp-newsletter-form {
    display: flex;
    gap: 5px;
}

.bhp-newsletter-input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.bhp-newsletter-button {
    padding: 8px 15px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.bhp-author-block{
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(0,0,0,0.08);
}

.bhp-author-title{
    font-weight: 800;
    font-size: 14px;
    margin: 0 0 10px;
    color: #111;
}

.bhp-author-row{
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

.bhp-author-avatar{
    width: 56px;
    height: 56px;
    border-radius: 10px;
    object-fit: cover;
    flex: 0 0 auto;
}

.bhp-author-name{
    font-weight: 800;
    color: #111;
}

.bhp-author-bio{
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    margin-top: 4px;
    max-width: 560px;
}

.bhp-author-social{
    flex-basis: 100%;
    margin-top: 10px;
}

/* Blog single page: author socials should read well on light background */
body:not(.theme-dark).page-article-single .bhp-author-social.social-bubbles{
    --sb-border: rgba(0, 0, 0, 0.14);
    --sb-bg: rgba(0, 0, 0, 0.04);
    --sb-fg: rgba(0, 0, 0, 0.74);
    --sb-hover-bg: rgba(0, 0, 0, 0.08);
    --sb-hover-border: rgba(0, 0, 0, 0.22);
    --sb-hover-fg: #000000;
}

/* Blog single page: dark theme overrides (keep layout) */
body.theme-dark.page-article-single .bhp-container{
    color:#fff;
}

body.theme-dark.page-article-single .bhp-article-wrapper{
    background:#0f0f0f;
    border:1px solid rgba(255,255,255,0.10);
}

body.theme-dark.page-article-single .bhp-article-title{
    color:var(--wdo-primary-color);
}

body.theme-dark.page-article-single .bhp-article-meta{
    color:rgba(255,255,255,0.62);
}

body.theme-dark.page-article-single .bhp-article-caption{
    color:rgba(255,255,255,0.60);
}

body.theme-dark.page-article-single .bhp-article-paragraph{
    color:rgba(255,255,255,0.82);
}

body.theme-dark.page-article-single .bhp-sidebar-title{
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-article-single .bhp-newsletter-wrapper{
    background:#0f0f0f;
    border:1px solid rgba(255,255,255,0.10);
}

body.theme-dark.page-article-single .bhp-newsletter-title{
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-article-single .bhp-newsletter-input{
    background:#000;
    border-color:rgba(255,255,255,0.18);
    color:rgba(255,255,255,0.88);
}

body.theme-dark.page-article-single .bhp-newsletter-input::placeholder{
    color:rgba(255,255,255,0.46);
}

body.theme-dark.page-article-single .bhp-author-block{
    border-top-color:rgba(255,255,255,0.10);
}

body.theme-dark.page-article-single .bhp-author-title{
    color:var(--wdo-primary-color);
}

body.theme-dark.page-article-single .bhp-author-name{
    color:#fff;
}

body.theme-dark.page-article-single .bhp-author-bio{
    color:rgba(255,255,255,0.70);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .bhp-container {
        grid-template-columns: 1fr;
    }
}

/* Event Create Page */
.event-create-shell{
    max-width:1160px;
    margin:24px auto 56px;
    padding:0 16px;
}

body.page-event-create .event-create-shell{
    margin:110px auto 56px;
}

body.page-experience-create .event-create-shell{
    margin:110px auto 56px;
}

.event-create-grid{
    display:grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap:24px;
    align-items:start;
}

.event-image-card{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    background:#111;
    border:1px solid #1f1f1f;
}

.event-image-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
}

.image-upload-fab{
    position:absolute;
    right:12px;
    bottom:12px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #d9d9d9;
    background:#fff;
    color:#1b1b1b;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.event-create-right{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.event-create-left #ticket-packages-card{
    margin-top:12px;
}

#gallery-card{
    margin-top:12px;
}

.field-card{
    border-radius:12px;
    border:1px solid #e5e5e5;
    background:#fff;
    padding:12px 14px;
}

.field-card-flat{
    padding:10px 0 0;
    border:none;
    background:transparent;
}

.field-card label{
    font-size:13px;
    font-weight:700;
    color:#3a3a3a;
    margin-bottom:8px;
    display:block;
    text-transform:uppercase;
    letter-spacing:0.03em;
}

.event-name-input,
.field-card input,
.field-card select,
.field-card textarea{
    width:100%;
    border:1px solid #dedede;
    background:#fff;
    border-radius:10px;
    color:#242424;
    padding:10px 12px;
    font-size:15px;
}

.event-name-input{
    font-size:32px;
    font-weight:700;
    line-height:1.15;
}

.event-name-input::placeholder{
    color:#9a9a9a;
}

.event-name-input:focus,
.field-card input:focus,
.field-card select:focus,
.field-card textarea:focus,
.datetime-row input:focus{
    outline:none;
    border-color:#000;
}

.event-datetime-wrap{
    margin:0;
}

.datetime-block{
    border-radius:12px;
    border:1px solid #e5e5e5;
    background:#fff;
    overflow:hidden;
}

.datetime-row{
    display:grid;
    grid-template-columns: minmax(140px, 1fr) 1fr 1fr;
    align-items:center;
    border-bottom:1px solid #ececec;
}

.datetime-row:last-child{
    border-bottom:none;
}

.row-label{
    padding:12px 14px;
    font-size:14px;
    font-weight:600;
    color:#2f2f2f;
    display:flex;
    gap:8px;
    align-items:center;
}

.dot-filled,
.dot-outline{
    font-size:10px;
    color:#737373;
}

.datetime-row input{
    border:none;
    border-left:1px solid #ececec;
    padding:12px;
    font-size:14px;
}

.event-two-col{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
}

.event-form-errors{
    margin-top:8px;
    color:#b42318;
    font-size:12px;
}

.submission-note{
    border:1px dashed #d9d9d9;
    background:#fafafa;
    border-radius:10px;
    padding:10px 12px;
    font-size:13px;
    color:#444;
}

.ticket-packages-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}

.ticket-add-btn{
    border:1px solid #d9d9d9;
    background:#fff;
    color:#222;
    border-radius:8px;
    padding:6px 10px;
    font-size:12px;
    font-weight:600;
}

.gallery-help-text{
    font-size:12px;
    color:#666;
    margin:4px 0 10px;
}

.gallery-preview-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:8px;
}

.gallery-preview-card{
    border:1px solid #e5e5e5;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.gallery-preview-card img{
    width:100%;
    height:96px;
    object-fit:cover;
    display:block;
}

.gallery-preview-name{
    display:block;
    font-size:11px;
    color:#555;
    padding:6px 8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.article-content-full{
    grid-column:1 / -1;
}

.article-editor-shell{
    border:1px solid #dedede;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.article-editor .ql-toolbar.ql-snow{
    border:0;
    border-bottom:1px solid #ececec;
}

.article-editor .ql-container.ql-snow{
    border:0;
}

.article-editor .ql-editor{
    min-height:520px;
    font-size:16px;
    line-height:1.6;
}

.rich-article-content p{
    margin:0 0 14px;
}

.rich-article-content h1,
.rich-article-content h2,
.rich-article-content h3{
    margin:16px 0 10px;
}

.rich-article-content blockquote{
    border-left:3px solid #e0e0e0;
    padding:8px 12px;
    color:#444;
    margin:12px 0;
    background:#fafafa;
}

.rich-article-content pre{
    background:#111;
    color:#f7f7f7;
    border-radius:8px;
    padding:12px;
    overflow:auto;
    margin:12px 0;
}

.rich-article-content img{
    max-width:100%;
    height:auto;
    border-radius:8px;
    margin:10px 0;
}


.ticket-rows{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.ticket-row{
    display:grid;
    grid-template-columns: 1.3fr 0.8fr 0.8fr;
    gap:8px;
    align-items:start;
}

.event-create-left .ticket-row{
    grid-template-columns: 1fr;
}

.ticket-field input{
    width:100%;
    border:1px solid #dedede;
    background:#fff;
    border-radius:10px;
    color:#242424;
    padding:10px 12px;
    font-size:14px;
}

.create-event-btn{
    margin-top:4px;
    width:100%;
    border:none;
    border-radius:12px;
    background:#000;
    color:var(--wdo-primary-color);
    font-size:16px;
    font-weight:700;
    padding:12px 16px;
}

/* Event Create Page (dark theme polish) */
body.theme-dark.page-event-create .event-create-shell{
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-event-create .event-image-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.03);
}

body.theme-dark.page-event-create .image-upload-fab{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.38);
    color:rgba(255,255,255,0.90);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    backdrop-filter: blur(10px) saturate(150%);
}

body.theme-dark.page-event-create .image-upload-fab:hover{
    background:rgba(0,0,0,0.52);
}

body.theme-dark.page-event-create .field-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
}

body.theme-dark.page-event-create .field-card-flat{
    background:transparent;
}

body.theme-dark.page-event-create .field-card label{
    color:rgba(255,255,255,0.66);
}

body.theme-dark.page-event-create .event-name-input,
body.theme-dark.page-event-create .field-card input,
body.theme-dark.page-event-create .field-card select,
body.theme-dark.page-event-create .field-card textarea{
    border-color:rgba(255,255,255,0.14);
    background:rgba(0,0,0,0.32);
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-event-create .event-name-input::placeholder,
body.theme-dark.page-event-create .field-card input::placeholder,
body.theme-dark.page-event-create .field-card textarea::placeholder{
    color:rgba(255,255,255,0.40);
}

body.theme-dark.page-event-create .event-name-input:focus,
body.theme-dark.page-event-create .field-card input:focus,
body.theme-dark.page-event-create .field-card select:focus,
body.theme-dark.page-event-create .field-card textarea:focus,
body.theme-dark.page-event-create .datetime-row input:focus{
    border-color:rgba(251,228,1,0.70);
}

body.theme-dark.page-event-create .datetime-block{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
}

body.theme-dark.page-event-create .datetime-row{
    border-bottom-color:rgba(255,255,255,0.08);
}

body.theme-dark.page-event-create .row-label{
    color:rgba(255,255,255,0.80);
}

body.theme-dark.page-event-create .dot-filled,
body.theme-dark.page-event-create .dot-outline{
    color:rgba(251,228,1,0.75);
}

body.theme-dark.page-event-create .datetime-row input{
    color:rgba(255,255,255,0.88);
    background:transparent;
    border-left-color:rgba(255,255,255,0.08);
}

body.theme-dark.page-event-create .submission-note{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.28);
    color:rgba(255,255,255,0.70);
}

body.theme-dark.page-event-create .ticket-add-btn{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.28);
    color:rgba(255,255,255,0.86);
}

body.theme-dark.page-event-create .ticket-add-btn:hover{
    background:rgba(0,0,0,0.40);
}

body.theme-dark.page-event-create .ticket-field input{
    border-color:rgba(255,255,255,0.14);
    background:rgba(0,0,0,0.32);
    color:rgba(255,255,255,0.90);
}

body.theme-dark.page-event-create .event-form-errors{
    color:#ffb4b4;
}

body.theme-dark.page-event-create .create-event-btn{
    background:var(--wdo-primary-color);
    color:#101010;
    box-shadow:0 14px 36px rgba(0,0,0,0.35);
    transition:transform 0.16s ease, filter 0.16s ease;
}

body.theme-dark.page-event-create .create-event-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
}

/* Experience Create Page (dark theme polish) */
body.theme-dark.page-experience-create .event-create-shell{
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-experience-create .event-image-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.03);
}

body.theme-dark.page-experience-create .image-upload-fab{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.38);
    color:rgba(255,255,255,0.90);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    backdrop-filter: blur(10px) saturate(150%);
}

body.theme-dark.page-experience-create .image-upload-fab:hover{
    background:rgba(0,0,0,0.52);
}

body.theme-dark.page-experience-create .field-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
}

body.theme-dark.page-experience-create .field-card-flat{
    background:transparent;
}

body.theme-dark.page-experience-create .field-card label{
    color:rgba(255,255,255,0.66);
}

body.theme-dark.page-experience-create .event-name-input,
body.theme-dark.page-experience-create .field-card input,
body.theme-dark.page-experience-create .field-card select,
body.theme-dark.page-experience-create .field-card textarea{
    border-color:rgba(255,255,255,0.14);
    background:rgba(0,0,0,0.32);
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-experience-create .event-name-input::placeholder,
body.theme-dark.page-experience-create .field-card input::placeholder,
body.theme-dark.page-experience-create .field-card textarea::placeholder{
    color:rgba(255,255,255,0.40);
}

body.theme-dark.page-experience-create .event-name-input:focus,
body.theme-dark.page-experience-create .field-card input:focus,
body.theme-dark.page-experience-create .field-card select:focus,
body.theme-dark.page-experience-create .field-card textarea:focus,
body.theme-dark.page-experience-create .datetime-row input:focus{
    border-color:rgba(251,228,1,0.70);
}

/* Article Create/Edit Page (dark theme polish) */
body.theme-dark.page-article-create .event-create-shell{
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-article-create .event-image-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.03);
}

body.theme-dark.page-article-create .image-upload-fab{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.38);
    color:rgba(255,255,255,0.90);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    backdrop-filter: blur(10px) saturate(150%);
}

body.theme-dark.page-article-create .image-upload-fab:hover{
    background:rgba(0,0,0,0.52);
}

body.theme-dark.page-article-create .field-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
}

body.theme-dark.page-article-create .field-card-flat{
    background:transparent;
}

body.theme-dark.page-article-create .field-card label{
    color:rgba(255,255,255,0.66);
}

body.theme-dark.page-article-create .event-name-input,
body.theme-dark.page-article-create .field-card input,
body.theme-dark.page-article-create .field-card select,
body.theme-dark.page-article-create .field-card textarea{
    border-color:rgba(255,255,255,0.14);
    background:rgba(0,0,0,0.32);
    color:rgba(255,255,255,0.92);
}

body.theme-dark.page-article-create .event-name-input::placeholder,
body.theme-dark.page-article-create .field-card input::placeholder,
body.theme-dark.page-article-create .field-card textarea::placeholder{
    color:rgba(255,255,255,0.40);
}

body.theme-dark.page-article-create .event-name-input:focus,
body.theme-dark.page-article-create .field-card input:focus,
body.theme-dark.page-article-create .field-card select:focus,
body.theme-dark.page-article-create .field-card textarea:focus{
    border-color:rgba(251,228,1,0.70);
}

body.theme-dark.page-article-create .submission-note{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.28);
    color:rgba(255,255,255,0.70);
}

body.theme-dark.page-article-create .event-form-errors{
    color:#ffb4b4;
}

body.theme-dark.page-article-create .create-event-btn{
    background:var(--wdo-primary-color);
    color:#101010;
    box-shadow:0 14px 36px rgba(0,0,0,0.35);
    transition:transform 0.16s ease, filter 0.16s ease;
}

body.theme-dark.page-article-create .create-event-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
}

/* Quill editor (dark) */
body.theme-dark.page-article-create .article-editor-shell{
    background:rgba(255,255,255,0.02);
    border-color:rgba(255,255,255,0.12);
}

body.theme-dark.page-article-create .article-editor .ql-toolbar.ql-snow,
body.theme-dark.page-article-create .article-editor .ql-container.ql-snow{
    border-color:rgba(255,255,255,0.12);
}

body.theme-dark.page-article-create .article-editor .ql-toolbar.ql-snow{
    background:rgba(255,255,255,0.04);
}

body.theme-dark.page-article-create .article-editor .ql-container.ql-snow{
    background:rgba(255,255,255,0.02);
}

body.theme-dark.page-article-create .article-editor .ql-editor{
    color:rgba(255,255,255,0.88);
}

body.theme-dark.page-article-create .ql-snow .ql-stroke{
    stroke:rgba(255,255,255,0.82);
}

body.theme-dark.page-article-create .ql-snow .ql-fill{
    fill:rgba(255,255,255,0.82);
}

body.theme-dark.page-article-create .ql-snow .ql-picker{
    color:rgba(255,255,255,0.84);
}

body.theme-dark.page-article-create .ql-snow .ql-picker-options{
    background:rgba(18,20,26,0.98);
    border-color:rgba(255,255,255,0.12);
}

body.theme-dark.page-article-create .ql-snow .ql-tooltip{
    background:rgba(18,20,26,0.98);
    border-color:rgba(255,255,255,0.12);
    color:rgba(255,255,255,0.86);
}

body.theme-dark.page-experience-create .datetime-block{
    border-color:rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
}

body.theme-dark.page-experience-create .datetime-row{
    border-bottom-color:rgba(255,255,255,0.08);
}

body.theme-dark.page-experience-create .row-label{
    color:rgba(255,255,255,0.80);
}

body.theme-dark.page-experience-create .dot-filled,
body.theme-dark.page-experience-create .dot-outline{
    color:rgba(251,228,1,0.75);
}

body.theme-dark.page-experience-create .datetime-row input{
    color:rgba(255,255,255,0.88);
    background:transparent;
    border-left-color:rgba(255,255,255,0.08);
}

body.theme-dark.page-experience-create .submission-note{
    border-color:rgba(255,255,255,0.16);
    background:rgba(0,0,0,0.28);
    color:rgba(255,255,255,0.70);
}

body.theme-dark.page-experience-create .gallery-help-text{
    color:rgba(255,255,255,0.60);
}

body.theme-dark.page-experience-create .gallery-preview-card{
    border-color:rgba(255,255,255,0.10);
    background:rgba(0,0,0,0.28);
}

body.theme-dark.page-experience-create .gallery-preview-name{
    color:rgba(255,255,255,0.68);
}

body.theme-dark.page-experience-create .event-form-errors{
    color:#ffb4b4;
}

body.theme-dark.page-experience-create .create-event-btn{
    background:var(--wdo-primary-color);
    color:#101010;
    box-shadow:0 14px 36px rgba(0,0,0,0.35);
    transition:transform 0.16s ease, filter 0.16s ease;
}

body.theme-dark.page-experience-create .create-event-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
}

@media (max-width: 980px){
    .event-create-grid{
        grid-template-columns: 1fr;
    }

    .event-image-card img{
        height:320px;
    }

}

@media (max-width: 680px){
    .event-name-input{
        font-size:26px;
    }

    .event-two-col{
        grid-template-columns: 1fr;
    }

    .ticket-row{
        grid-template-columns: 1fr;
    }

    .gallery-preview-grid{
        grid-template-columns: 1fr;
    }

    .article-editor .ql-editor{
        min-height:360px;
    }


    .datetime-row{
        grid-template-columns: 1fr;
    }

    .datetime-row input{
        border-left:none;
        border-top:1px solid #ececec;
    }
}

/* Admin Dashboard */
.admin-dashboard-layout{
    max-width:1240px;
    margin:24px auto 56px;
    padding:0 16px;
    display:grid;
    grid-template-columns:260px minmax(0, 1fr);
    gap:14px;
}

.admin-sidebar{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    padding:12px;
    height:fit-content;
}

.admin-sidebar-profile{
    border:1px solid #ececec;
    border-radius:12px;
    padding:12px;
    text-align:center;
    background:#fafafa;
}

.admin-sidebar-profile h3{
    margin:0 0 4px;
    font-size:16px;
}

.admin-sidebar-profile p{
    margin:0;
    font-size:12px;
    color:#666;
}

.admin-sidebar-nav{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.admin-sidebar-nav a{
    border:1px solid #e5e5e5;
    border-radius:9px;
    padding:8px 10px;
    font-size:13px;
    font-weight:600;
    color:#222;
    background:#fff;
}

.admin-sidebar-nav a.is-active{
    background:#111;
    color:var(--wdo-primary-color);
    border-color:#111;
}

.admin-dashboard-shell{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    padding:12px;
}

.admin-dashboard-head h1{
    margin:0;
    font-size:32px;
    line-height:1.1;
}

.admin-dashboard-head p{
    margin:8px 0 0;
    color:#666;
}

.admin-alert-wrap{
    margin-top:12px;
}

.admin-alert{
    border:1px solid #e5e5e5;
    background:#fff;
    border-radius:10px;
    padding:10px 12px;
    font-size:13px;
    margin-bottom:8px;
}

.admin-stats-grid{
    margin-top:14px;
    display:grid;
    grid-template-columns:repeat(7, minmax(0, 1fr));
    gap:10px;
}

.admin-stat-card{
    border:1px solid #e5e5e5;
    background:#fff;
    border-radius:12px;
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.admin-stat-card span{
    font-size:12px;
    color:#666;
}

.admin-stat-card strong{
    font-size:24px;
    line-height:1;
}

.admin-stat-card.pending{
    background:#fffceb;
    border-color:#f1e39c;
}

.admin-quick-links{
    margin-top:12px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.admin-quick-links a{
    border:1px solid #ddd;
    background:#fff;
    color:#222;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:600;
}

.admin-content-grid{
    margin-top:12px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.admin-panel{
    border:1px solid #e5e5e5;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
}

.admin-panel-head{
    padding:12px 14px;
    border-bottom:1px solid #ececec;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.admin-panel-head h2{
    margin:0;
    font-size:18px;
}

.admin-panel-head span{
    border:1px solid #ddd;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    padding:4px 10px;
}

.admin-list{
    padding:10px;
}

.admin-list-item{
    border:1px solid #efefef;
    border-radius:10px;
    padding:10px;
    margin-bottom:8px;
    display:flex;
    justify-content:space-between;
    gap:10px;
}

.admin-list-main h3{
    margin:0;
    font-size:15px;
}

.admin-list-main p{
    margin:4px 0 0;
    color:#666;
    font-size:12px;
}

.admin-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    justify-content:flex-end;
}

.admin-actions form{
    margin:0;
}

.admin-actions button{
    border:none;
    border-radius:8px;
    padding:6px 10px;
    font-size:12px;
    font-weight:600;
    background:#111;
    color:var(--wdo-primary-color);
}

.admin-actions button.alt{
    background:#efefef;
    color:#222;
}

.admin-actions button.danger{
    background:#b42318;
    color:#fff;
}

.admin-empty{
    margin:4px 0;
    font-size:13px;
    color:#666;
}

.admin-users-panel{
    grid-column:1 / -1;
}

.admin-newsletter-form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.admin-newsletter-form .field-card{
    margin:0;
}

.admin-newsletter-form .article-editor .ql-editor{
    min-height:220px;
}

.admin-newsletter-actions{
    display:flex;
    justify-content:flex-end;
}

.admin-newsletter-actions button{
    border:none;
    border-radius:10px;
    padding:10px 14px;
    font-size:13px;
    font-weight:700;
    background:#111;
    color:var(--wdo-primary-color);
}

.admin-help{
    display:block;
    margin-top:6px;
    font-size:12px;
    color:#666;
}

.admin-send-to-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    font-size:13px;
}

.admin-send-to-row label{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
}

.admin-local-emails{
    display:none;
}

.list-controls{
    max-width:1200px;
    margin:8px auto 10px ;
    padding:0 16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom: 40px;
}

.list-create-btn{
    display:inline-flex;
    align-items:center;
    border:none;
    border-radius:10px;
    margin-bottom: 10px;
    padding:8px 12px;
    font-size:13px;
    font-weight:700;
    background:#111;
    color:var(--wdo-primary-color);
    white-space:nowrap;
}

.list-create-btn:hover{
    color:var(--wdo-primary-color);
    background:#1f1f1f;
}

.per-page-form{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    color:#444;
}

.per-page-form select{
    border:1px solid #ddd;
    border-radius:8px;
    padding:6px 10px;
    font-size:13px;
    background:#fff;
}

body.theme-dark .per-page-form{
    color:rgba(255,255,255,0.72);
}

body.theme-dark .per-page-form label{
    color:rgba(255,255,255,0.66);
}

body.theme-dark .per-page-form select{
    border:1px solid rgba(255,255,255,0.14);
    border-radius:12px;
    padding:8px 40px 8px 12px;
    font-size:13px;
    font-weight:600;
    background: rgba(0,0,0,0.45);
    color: rgba(255,255,255,0.90);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    box-shadow: 0 16px 40px rgba(0,0,0,0.32);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='rgba(255,255,255,0.85)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
}

body.theme-dark .per-page-form select:focus{
    border-color: rgba(251,228,1,0.70);
    box-shadow: 0 0 0 3px rgba(251,228,1,0.12), 0 16px 40px rgba(0,0,0,0.32);
}

body.theme-dark .per-page-form select option{
    background: #0b0c10;
    color: rgba(255,255,255,0.92);
}

@media (max-width: 680px){
    .list-controls{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:8px;
    }

    .list-create-btn{
        width:auto;
        padding:6px 9px;
        font-size:12px;
        border-radius:8px;
    }

    .per-page-form{
        flex-wrap:nowrap;
        justify-content:flex-end;
        gap:6px;
        font-size:12px;
    }

    .per-page-form select{
        padding:5px 8px;
        font-size:12px;
    }
}

.author-dashboard-shell{
    max-width:1240px;
    margin:24px auto 56px;
    padding:0 16px;
    display:grid;
    grid-template-columns:280px minmax(0, 1fr);
    gap:14px;
}

.author-sidebar{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    padding:12px;
    height:fit-content;
}

.author-profile-card{
    border:1px solid #ececec;
    border-radius:12px;
    padding:12px;
    text-align:center;
    background:#fafafa;
}

.author-profile-card img{
    width:88px;
    height:88px;
    border-radius:999px;
    object-fit:cover;
    margin-bottom:8px;
}

.author-profile-card h3{
    margin:0 0 4px;
    font-size:16px;
}

.author-profile-card p{
    margin:0;
    font-size:12px;
    color:#666;
}

.author-sidebar-nav{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.author-sidebar-nav a{
    border:1px solid #e5e5e5;
    border-radius:9px;
    padding:8px 10px;
    font-size:13px;
    font-weight:600;
    color:#222;
    background:#fff;
}

.author-main{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    padding:12px;
}

.author-head-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.author-head-row h1{
    margin:0;
    font-size:24px;
}

.author-create-btn{
    border:none;
    border-radius:10px;
    background:#111;
    color:var(--wdo-primary-color);
    font-size:13px;
    font-weight:700;
    padding:8px 12px;
}

.author-stat-grid{
    margin-top:12px;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
}

.author-stat-card{
    border:1px solid #e8e8e8;
    border-radius:10px;
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.author-stat-card span{
    color:#666;
    font-size:12px;
}

.author-stat-card strong{
    font-size:24px;
    line-height:1;
}

.author-filter-row{
    margin-top:12px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
    gap:8px;
    align-items:end;
}

.author-filter-item label{
    display:block;
    font-size:12px;
    font-weight:700;
    margin-bottom:5px;
}

.author-filter-item select,
.author-filter-item input{
    width:100%;
    border:1px solid #ddd;
    border-radius:9px;
    padding:8px 10px;
    font-size:13px;
}

.author-filter-btn{
    border:none;
    border-radius:9px;
    background:#111;
    color:var(--wdo-primary-color);
    font-size:13px;
    font-weight:700;
    padding:9px 12px;
}

.author-table-wrap{
    margin-top:12px;
    overflow:auto;
    border:1px solid #ececec;
    border-radius:10px;
}

.author-table{
    width:100%;
    border-collapse:collapse;
    min-width:860px;
}

.author-table th,
.author-table td{
    border-bottom:1px solid #f0f0f0;
    padding:10px 12px;
    font-size:13px;
    text-align:left;
}

.author-table th{
    background:#fafafa;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.04em;
}

.author-actions{
    display:flex;
    gap:8px;
}

.author-actions a{
    border:1px solid #ddd;
    border-radius:7px;
    padding:5px 8px;
    color:#222;
    font-size:12px;
    font-weight:600;
}

@media (max-width: 1024px){
    .author-dashboard-shell{
        grid-template-columns:1fr;
    }

    .author-sidebar{
        position:static;
    }
}

@media (max-width: 680px){
    .author-dashboard-shell{
        margin:12px auto 28px;
        padding:0 10px;
        gap:10px;
    }

    .author-sidebar,
    .author-main{
        border-radius:10px;
        padding:10px;
    }

    .author-profile-card{
        padding:10px;
    }

    .author-profile-card img{
        width:70px;
        height:70px;
    }

    .author-sidebar-nav{
        margin-top:10px;
        gap:6px;
    }

    .author-sidebar-nav a{
        font-size:12px;
        padding:8px;
    }

    .author-head-row{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }

    .author-head-row h1{
        font-size:20px;
    }

    .author-stat-grid{
        grid-template-columns:1fr 1fr;
        gap:6px;
    }

    .author-stat-card{
        padding:8px;
    }

    .author-stat-card strong{
        font-size:20px;
    }

    .author-filter-row{
        grid-template-columns:1fr;
        gap:6px;
    }

    .author-filter-item label{
        margin-bottom:4px;
    }

    .author-filter-item select,
    .author-filter-item input{
        font-size:12px;
        padding:8px 9px;
    }

    .author-create-btn{
        width:100%;
        text-align:center;
        justify-content:center;
    }

    .author-filter-btn{
        width:100%;
    }

    .author-table-wrap{
        margin-top:10px;
        border-radius:8px;
    }

    .author-table{
        min-width:700px;
    }

    .author-table th,
    .author-table td{
        padding:8px 9px;
        font-size:12px;
    }

    .author-actions a{
        padding:4px 7px;
        font-size:11px;
    }
}

.pagination-wrap{
    max-width:1200px;
    margin:14px auto 36px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.pagination-btn{
    border:1px solid #d9d9d9;
    border-radius:8px;
    background:#fff;
    color:#222;
    padding:6px 10px;
    font-size:13px;
    font-weight:600;
}

.pagination-current{
    font-size:13px;
    color:#555;
    padding:0 4px;
}

@media (max-width: 980px){
    .admin-dashboard-layout{
        grid-template-columns:1fr;
    }

    .admin-stats-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .admin-content-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 680px){
    .admin-stats-grid{
        grid-template-columns:1fr 1fr;
    }

    .admin-list-item{
        flex-direction:column;
    }

    .admin-actions{
        justify-content:flex-start;
    }

    .page-admin-dashboard .admin-panel.admin-collapsible .admin-list{
        display:none;
    }

    .page-admin-dashboard .admin-panel.admin-collapsible.is-open .admin-list{
        display:block;
    }

    .page-admin-dashboard .admin-panel.admin-collapsible .admin-panel-head{
        cursor:pointer;
        position:relative;
        padding-right:34px;
    }

    .page-admin-dashboard .admin-panel.admin-collapsible .admin-panel-head::after{
        content:"+";
        position:absolute;
        right:12px;
        top:50%;
        transform:translateY(-50%);
        font-size:18px;
        font-weight:700;
        color:#333;
    }

    .page-admin-dashboard .admin-panel.admin-collapsible.is-open .admin-panel-head::after{
        content:"-";
    }
}

/* -----------------------------
   Theme toggle (dark mode)
------------------------------ */

.theme-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:0;
    background:#000;
    color:var(--wdo-primary-color);
    padding:10px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    line-height:1;
}

.theme-toggle:hover{
    opacity:0.92;
}

.theme-toggle:focus{
    outline:2px solid rgba(0,0,0,0.25);
    outline-offset:2px;
}

.theme-toggle .theme-toggle-text{
    display:inline-block;
}

body.theme-dark{
    background:#000;
    color:#fff;
}

body.theme-dark .theme-toggle{
    background:#fff;
    color:#000;
}

body.theme-dark .navigation-bar{
    background:#000;
}

body.theme-dark .links-list a,
body.theme-dark .mobile-links a{
    color:var(--wdo-primary-color) !important;
}

body.theme-dark .link-list a:hover{
    background:rgba(251, 228, 1, 0.14);
}

.site-logo--light{
    display:inline-block !important;
}

.site-logo--dark{
    display:none !important;
}

body.theme-dark .site-logo--light{
    display:none !important;
}

body.theme-dark .site-logo--dark{
    display:inline-block !important;
}

body.theme-dark .input-text-box{
    background-color:#000;
    border:1px solid rgba(255,255,255,0.22);
}

body.theme-dark .input-text{
    color:#fff;
}

body.theme-dark .input-text::placeholder{
    color:rgba(255,255,255,0.7);
}

body.theme-dark .hamburger svg{
    filter:none;
}

body.theme-dark .input-text-icon svg{
    filter:invert(1);
}

body.theme-dark .signUPbtn{
    background:#fff !important;
    color:#000 !important;
}

body.theme-dark .partnerBtn{
    background:transparent !important;
    color:var(--wdo-primary-color) !important;
    border:none !important;
}

body.theme-dark .partnerBtn:hover{
    opacity:0.92;
}

/* Display cards (dark mode) */
body.theme-dark .card-list{
    background:#000;
    border:none;
}

body.theme-dark .card-title{
    color:var(--wdo-primary-color);
}

body.theme-dark .card-list .text-muted,
body.theme-dark .event-detail .text-small,
body.theme-dark .text-location{
    color:#fff !important;
}

body.theme-dark .location-detail svg path{
    stroke:var(--wdo-primary-color) !important;
}

  .page-advertise .ad-brands{
      background: var(--ad-brand-bg);
      padding: 26px 0 40px;
    }

    .page-advertise .ad-brands h3{
      text-align: center;
      font-weight: 900;
      font-size: 30px;
      margin: 0 0 16px;
      color: #000;
    }

/* Dashboard refresh (all roles) */
body.page-dashboard {
    background: radial-gradient(1200px 600px at 20% 0%, rgba(255, 218, 106, 0.08), transparent 60%),
        radial-gradient(900px 600px at 90% 10%, rgba(110, 164, 255, 0.07), transparent 55%),
        #0a0b0f;
    color: rgba(255, 255, 255, 0.82);
}

body.page-dashboard .site-messages {
    max-width: 1240px;
    margin: 12px auto 0;
    padding: 0 16px;
}

body.page-dashboard .admin-dashboard-layout,
body.page-dashboard .author-dashboard-shell {
    max-width: 1240px;
    margin: 18px auto 56px;
    padding: 16px;
    gap: 18px;
    background: rgba(18, 20, 26, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 26px;
}

body.page-dashboard .admin-sidebar,
body.page-dashboard .author-sidebar {
    background: rgba(18, 20, 26, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    max-height: calc(100vh - 36px);
    overflow: auto;
    position: sticky;
    top: 18px;
}

body.page-dashboard .dash-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 14px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

body.page-dashboard .dash-brand img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

body.page-dashboard .dash-brand span {
    font-weight: 900;
    letter-spacing: 0.01em;
}

body.page-dashboard .admin-sidebar-profile,
body.page-dashboard .author-profile-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.88);
}

body.page-dashboard .admin-sidebar-profile p,
body.page-dashboard .author-profile-card p {
    color: rgba(255, 255, 255, 0.58);
}

body.page-dashboard .author-profile-card img {
    border: 1px solid rgba(255, 255, 255, 0.14);
}

body.page-dashboard .admin-sidebar-nav a,
body.page-dashboard .author-sidebar-nav a {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    gap: 10px;
}

body.page-dashboard .admin-sidebar-nav a i,
body.page-dashboard .author-sidebar-nav a i {
    width: 18px;
    opacity: 0.9;
}

body.page-dashboard .admin-sidebar-nav a span,
body.page-dashboard .author-sidebar-nav a span {
    flex: 1;
    min-width: 0;
}

body.page-dashboard .admin-sidebar-nav a:hover,
body.page-dashboard .author-sidebar-nav a:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.92);
}

body.page-dashboard .admin-sidebar-nav a.is-active,
body.page-dashboard .author-sidebar-nav a.is-active {
    background: rgba(255, 218, 106, 0.14);
    border-color: rgba(255, 218, 106, 0.35);
    color: #fff;
}

body.page-dashboard .dash-sidebar-bottom {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.page-dashboard .dash-sidebar-bottom form {
    margin: 0;
}

body.page-dashboard .dash-logout {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.82);
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 800;
}

body.page-dashboard .dash-logout:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.18);
}

body.page-dashboard .admin-dashboard-shell,
body.page-dashboard .author-main {
    background: transparent;
    border: 0;
    padding: 0;
    min-width: 0;
}

body.page-dashboard .dash-topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 18px;
    border-radius: 18px;
    background: rgba(18, 20, 26, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.page-dashboard .dash-topbar-copy h1 {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.94);
}

body.page-dashboard .dash-topbar-copy p {
    margin: 6px 0 0 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
}

body.page-dashboard .dash-topbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.page-dashboard .dash-icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.86);
}

body.page-dashboard .dash-icon-btn:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.18);
}

body.page-dashboard .dash-primary-btn {
    border-radius: 999px;
    padding: 10px 12px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 13px;
    border: 1px solid rgba(255, 218, 106, 0.38);
    background: rgba(255, 218, 106, 0.16);
    color: rgba(255, 255, 255, 0.94);
}

body.page-dashboard .dash-primary-btn:hover {
    background: rgba(255, 218, 106, 0.22);
}

body.page-dashboard .dash-primary-btn i {
    width: 16px;
    text-align: center;
}

/* KPI cards */
body.page-dashboard .admin-stats-grid,
body.page-dashboard .author-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

body.page-dashboard .admin-stats-grid {
    margin-top: 14px;
}

body.page-dashboard .admin-stat-card,
body.page-dashboard .author-stat-card {
    background: rgba(18, 20, 26, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
    border-radius: 18px;
    padding: 14px 14px;
    position: relative;
    overflow: hidden;
}

body.page-dashboard .admin-stat-card::after,
body.page-dashboard .author-stat-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 218, 106, 0.75), rgba(110, 164, 255, 0.75));
    opacity: 0.22;
}

body.page-dashboard .admin-stat-card span,
body.page-dashboard .author-stat-card span {
    color: rgba(255, 255, 255, 0.6);
}

body.page-dashboard .admin-stat-card strong,
body.page-dashboard .author-stat-card strong {
    color: rgba(255, 255, 255, 0.95);
    font-size: 26px;
}

body.page-dashboard .admin-stat-card.pending {
    background: rgba(255, 218, 106, 0.12);
    border-color: rgba(255, 218, 106, 0.3);
}

body.page-dashboard .admin-stats-grid .admin-stat-card:first-child,
body.page-dashboard .author-stat-grid .author-stat-card:first-child {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(255, 255, 255, 0.78);
    color: #0a0b0f;
}

body.page-dashboard .admin-stats-grid .admin-stat-card:first-child span,
body.page-dashboard .author-stat-grid .author-stat-card:first-child span {
    color: rgba(10, 11, 15, 0.66);
}

body.page-dashboard .admin-stats-grid .admin-stat-card:first-child strong,
body.page-dashboard .author-stat-grid .author-stat-card:first-child strong {
    color: #0a0b0f;
}

/* Cards + tables */
body.page-dashboard .admin-alert,
body.page-dashboard .admin-panel,
body.page-dashboard .author-table-wrap {
    background: rgba(18, 20, 26, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
}

body.page-dashboard .admin-panel-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.page-dashboard .admin-panel-head h2 {
    color: rgba(255, 255, 255, 0.9);
}

body.page-dashboard .admin-panel-head span {
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.78);
}

body.page-dashboard .admin-list-item {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

body.page-dashboard .admin-list-main p {
    color: rgba(255, 255, 255, 0.6);
}

body.page-dashboard .admin-actions button.alt {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.86);
}

body.page-dashboard .admin-quick-links a,
body.page-dashboard .author-actions a {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.78);
}

body.page-dashboard .admin-quick-links a:hover,
body.page-dashboard .author-actions a:hover {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.94);
}

body.page-dashboard .author-filter-item label {
    color: rgba(255, 255, 255, 0.75);
}

body.page-dashboard .author-filter-item select,
body.page-dashboard .author-filter-item input {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

body.page-dashboard .author-filter-item input[type="date"] {
    color-scheme: dark;
}

body.page-dashboard .author-filter-btn {
    background: rgba(255, 218, 106, 0.16);
    border: 1px solid rgba(255, 218, 106, 0.36);
    color: rgba(255, 255, 255, 0.92);
}

body.page-dashboard .author-table th {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.72);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.page-dashboard .author-table td {
    color: rgba(255, 255, 255, 0.78);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.page-dashboard .dash-table {
    min-width: 860px;
}

/* Host profile edit */
body.page-dashboard .dash-form-card{
    margin-top: 14px;
    background: linear-gradient(180deg, rgba(18, 20, 26, 0.72), rgba(12, 13, 18, 0.78));
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 22px 60px rgba(0,0,0,0.40);
    -webkit-backdrop-filter: blur(12px) saturate(150%);
    backdrop-filter: blur(12px) saturate(150%);
    position: relative;
    overflow: hidden;
}

body.page-dashboard .dash-form-card::before{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(700px 260px at 0% 0%, rgba(251,228,1,0.10), transparent 55%),
        radial-gradient(520px 260px at 100% 0%, rgba(110,164,255,0.10), transparent 55%);
    pointer-events:none;
    opacity:0.9;
}

body.page-dashboard .dash-form-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    position: relative;
}

body.page-dashboard .dash-form-field{
    min-width: 0;
}

body.page-dashboard .dash-form-field-wide{
    grid-column: 1 / -1;
}

body.page-dashboard .dash-form-field label{
    display:block;
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.7);
}

body.page-dashboard .dash-form-field input,
body.page-dashboard .dash-form-field textarea,
body.page-dashboard .dash-form-field select{
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.26);
    color: rgba(255, 255, 255, 0.9);
    padding: 12px 14px;
    outline: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

body.page-dashboard .dash-form-field input[type="file"]{
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.22);
}

body.page-dashboard .dash-form-field input[type="file"]::file-selector-button{
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.92);
    border-radius: 999px;
    padding: 8px 12px;
    margin-right: 10px;
    font-weight: 800;
    cursor: pointer;
}

body.page-dashboard .dash-form-field input[type="file"]::file-selector-button:hover{
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.22);
}

body.page-dashboard .dash-form-field input:disabled{
    opacity: 0.7;
    cursor: not-allowed;
}

body.page-dashboard .dash-form-field textarea{
    resize: vertical;
}

body.page-dashboard .dash-form-field input:focus,
body.page-dashboard .dash-form-field textarea:focus,
body.page-dashboard .dash-form-field select:focus{
    border-color: rgba(251, 228, 1, 0.55);
    box-shadow: 0 0 0 4px rgba(251, 228, 1, 0.14);
    background: rgba(0, 0, 0, 0.34);
    transform: translateY(-1px);
}

body.page-dashboard .dash-form-error{
    margin-top: 6px;
    font-size: 12px;
    color: #ffb4b4;
}

body.page-dashboard .dash-form-submit{
    margin-top: 12px;
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 12px 14px;
    background: linear-gradient(90deg, rgba(251,228,1,1), rgba(255,242,140,1));
    color: #0a0b0f;
    font-weight: 900;
    letter-spacing: 0.01em;
    box-shadow: 0 16px 40px rgba(0,0,0,0.38);
    transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
}

body.page-dashboard .dash-form-submit:hover{
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 20px 48px rgba(0,0,0,0.46);
}

@media (max-width: 820px){
    body.page-dashboard .dash-form-grid{
        grid-template-columns: 1fr;
    }
}

/* Admin newsletter page layout + form fields */
body.page-dashboard.page-admin-newsletter .admin-newsletter-grid {
    grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr);
    gap: 14px;
    align-items: start;
}

@media (max-width: 980px) {
    body.page-dashboard.page-admin-newsletter .admin-newsletter-grid {
        grid-template-columns: 1fr;
    }
}

body.page-dashboard.page-admin-newsletter .admin-newsletter-panel-send{
    grid-column: 1 / -1;
}

body.page-dashboard.page-admin-newsletter .admin-newsletter-panel-upload{
    justify-self: end;
    width: min(520px, 100%);
}

body.page-dashboard.page-admin-newsletter .admin-newsletter-row{
    display:grid;
    grid-template-columns: 1fr;
    gap:10px;
}

@media (max-width: 980px) {
    body.page-dashboard.page-admin-newsletter .admin-newsletter-row{
        grid-template-columns: 1fr;
    }
}

body.page-dashboard.page-admin-newsletter .admin-newsletter-send-btn{
    background:#FBE401;
    color:#000;
    font-weight:400;
}

body.page-dashboard.page-admin-newsletter .admin-newsletter-send-btn:hover{
    opacity:0.95;
}

body.page-dashboard .field-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

body.page-dashboard .field-card label {
    color: rgba(255, 255, 255, 0.72);
}

body.page-dashboard .field-card input,
body.page-dashboard .field-card select,
body.page-dashboard .field-card textarea {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

body.page-dashboard .field-card input[type="file"] {
    padding: 8px 10px;
    color: rgba(255, 255, 255, 0.8);
}

body.page-dashboard .field-card input:focus,
body.page-dashboard .field-card select:focus,
body.page-dashboard .field-card textarea:focus {
    border-color: rgba(255, 218, 106, 0.5);
}

body.page-dashboard .admin-help {
    color: rgba(255, 255, 255, 0.58);
}

body.page-dashboard .article-editor-shell {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.12);
}

/* Quill (newsletter) tweaks for dark dashboard */
body.page-dashboard.page-admin-newsletter .ql-toolbar.ql-snow,
body.page-dashboard.page-admin-newsletter .ql-container.ql-snow {
    border-color: rgba(255, 255, 255, 0.12);
}

body.page-dashboard.page-admin-newsletter .ql-toolbar.ql-snow {
    background: rgba(255, 255, 255, 0.04);
}

body.page-dashboard.page-admin-newsletter .ql-container.ql-snow {
    background: rgba(255, 255, 255, 0.02);
}

body.page-dashboard.page-admin-newsletter .ql-editor {
    color: rgba(255, 255, 255, 0.86);
}

body.page-dashboard.page-admin-newsletter .ql-snow .ql-stroke {
    stroke: rgba(255, 255, 255, 0.8);
}

body.page-dashboard.page-admin-newsletter .ql-snow .ql-fill {
    fill: rgba(255, 255, 255, 0.8);
}

body.page-dashboard.page-admin-newsletter .ql-snow .ql-picker {
    color: rgba(255, 255, 255, 0.82);
}

body.page-dashboard.page-admin-newsletter .ql-snow .ql-picker-options {
    background: rgba(18, 20, 26, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

body.page-dashboard.page-admin-newsletter .ql-snow .ql-tooltip {
    background: rgba(18, 20, 26, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.86);
}

/* Search (Framer-like gallery) */
body.page-search {
    background:
        radial-gradient(1200px 800px at 25% 20%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 55%),
        radial-gradient(900px 700px at 70% 60%, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0) 60%),
        #0b0c10;
    color: rgba(255, 255, 255, 0.82);
}

.search-page {
    max-width: 1240px;
    margin: 28px auto 64px;
    padding: 0 22px;
}

.search-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}
.search-filters {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.search-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.search-select:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16);
}

.search-select:focus-within {
    border-color: rgba(255, 218, 106, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 218, 106, 0.12);
}

.search-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    padding: 10px 46px 10px 14px;
    outline: none;
    min-width: 180px;
    color-scheme: dark;
    background-color: rgba(18, 20, 26, 0.9);
}

body.page-search .search-select select option,
body.page-search .search-select select optgroup {
    background-color: #0f1014;
    color: rgba(255, 255, 255, 0.86);
}

.search-select i {
    position: absolute;
    right: 16px;
    color: rgba(255, 255, 255, 0.62);
    pointer-events: none;
    font-size: 12px;
}

.search-input {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    padding: 10px 14px;
    min-width: 320px;
    max-width: 440px;
    flex: 0 1 440px;
}

.search-input:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16);
}

.search-input:focus-within {
    border-color: rgba(255, 218, 106, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 218, 106, 0.12);
}

.search-input i {
    color: rgba(255, 255, 255, 0.62);
}

.search-input input {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

.search-input input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-meta {
    margin: 4px 0 20px;
}

.search-meta h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.94);
}

.search-meta p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 13px;
}

.search-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.search-section {
    margin-top: 22px;
}

.search-section:first-child {
    margin-top: 0;
}

.search-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px 0;
}

.search-section-head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.92);
}

.search-section-head p {
    margin: 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.56);
}

.search-card {
    text-decoration: none;
    color: inherit;
    display: block;
    min-width: 0;
}

.search-card-media {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.search-card-media img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.search-card:hover .search-card-media img {
    transform: scale(1.02);
}

.search-card-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.66);
    color: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.search-card-body {
    padding: 12px 2px 0;
}

.search-card-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.search-card-title {
    font-size: 16px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.9);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-card-title-row i {
    color: rgba(255, 255, 255, 0.55);
    flex: 0 0 auto;
}

.search-card-title-row .browse-card-icon {
    width: 28px;
    height: 28px;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
}

.search-card-desc {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    line-height: 1.4;
}

.search-empty {
    grid-column: 1 / -1;
    padding: 18px 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.search-empty h3 {
    margin: 0;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
}

.search-empty p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
}

@media (max-width: 1024px) {
    .search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .search-input {
        min-width: 260px;
        flex-basis: 360px;
    }
}

@media (max-width: 820px) {
    body.page-search .search-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.page-search .search-input {
        max-width: none;
        min-width: 0;
        width: 100%;
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        height: 44px;
        padding: 0 12px;
    }

    body.page-search .search-input input {
        height: 100%;
        font-size: 14px;
    }

    body.page-search .search-input i {
        line-height: 1;
    }

    body.page-search .search-select {
        width: 100%;
    }

    body.page-search .search-select select {
        min-width: 0 !important;
        width: 100% !important;
        padding-right: 44px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body.page-search .search-filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.page-search .search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-search .search-card-media img {
        height: 210px;
    }
}

@media (max-width: 420px) {
    .search-filters {
        grid-template-columns: 1fr;
    }

    .search-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    body.page-dashboard .admin-dashboard-layout,
    body.page-dashboard .author-dashboard-shell {
        grid-template-columns: 1fr;
    }

    body.page-dashboard .admin-sidebar,
    body.page-dashboard .author-sidebar {
        position: static;
        max-height: none;
    }
}

@media (max-width: 680px) {
    body.page-dashboard .dash-topbar {
        flex-direction: column;
        align-items: flex-start;
    }

    body.page-dashboard .dash-topbar-actions {
        width: 100%;
        justify-content: flex-start;
    }
}


.svg-inline--fa
{
    margin: 5px !important;
}