/* =====================================================
   PAIDIA HOME TOP V5
   Event Bar + Premium Header + Slider Alignment
   ===================================================== */


/* ---------- EVENT BAR ---------- */

#paidiaEventBar{
    width:100%;
    background:#21483f;
    color:#fff;
    direction:rtl;
    position:relative;
    z-index:50;
}

#paidiaEventBar[hidden]{
    display:none !important;
}

.paidia-event-inner{
    width:min(94%,1440px);
    min-height:72px;
    margin:0 auto;

    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:28px;

    padding:12px 0;
}

.paidia-event-content{
    min-width:0;

    display:flex;
    align-items:center;
    gap:18px;
}

.paidia-event-badge{
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:38px;
    padding:0 16px;

    border-radius:12px;

    background:rgba(255,255,255,.12);

    font-size:13px;
    font-weight:800;

    white-space:nowrap;
}

.paidia-event-text{
    min-width:0;
}

.paidia-event-title{
    margin:0;

    font-size:18px;
    line-height:1.7;
    font-weight:900;

    color:#fff;
}

.paidia-event-subtitle{
    margin:1px 0 0;

    font-size:12px;
    line-height:1.7;

    color:rgba(255,255,255,.75);
}

.paidia-event-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;

    white-space:nowrap;
}

.paidia-event-countdown{
    direction:ltr;

    display:flex;
    align-items:center;
    gap:6px;
}

.paidia-event-time{
    min-width:48px;
    min-height:42px;

    padding:5px 8px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:rgba(255,255,255,.10);

    color:#fff;
}

.paidia-event-time strong{
    font-size:15px;
    line-height:1.1;
}

.paidia-event-time span{
    margin-top:3px;

    font-size:9px;
    opacity:.72;
}

.paidia-event-cta{
    min-height:44px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 22px;

    border-radius:12px;

    background:#fff;
    color:#21483f !important;

    text-decoration:none !important;

    font-size:14px;
    font-weight:900;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

@media (hover:hover) and (pointer:fine){
    .paidia-event-cta:hover{
        transform:translateY(-1px);
        opacity:.92;
    }
}


/* ---------- MAIN HEADER ---------- */

body > header,
.v4-header,
.site-header{
    background:#fff !important;

    border-bottom:1px solid rgba(25,62,54,.10) !important;

    box-shadow:none !important;

    position:relative;
    z-index:40;
}


/*
   Brand System قبلی لوگو را عمودی می‌کرد.
   فقط در Header صفحه اصلی آن را افقی می‌کنیم.
*/

header .paidia-brand-logo-host,
.v4-header .paidia-brand-logo-host,
.site-header .paidia-brand-logo-host{

    flex-direction:row !important;

    justify-content:flex-start !important;
    align-items:center !important;

    gap:12px !important;

    width:auto !important;
    min-width:max-content !important;
}

header .paidia-brand-logo-image,
.v4-header .paidia-brand-logo-image,
.site-header .paidia-brand-logo-image{

    width:68px !important;
    height:68px !important;

    flex:0 0 68px !important;

    object-fit:contain !important;

    background:transparent !important;
}

header .paidia-brand-tagline,
.v4-header .paidia-brand-tagline,
.site-header .paidia-brand-tagline{

    font-size:14px !important;
    line-height:1.5 !important;

    font-weight:800 !important;

    color:#21483f !important;

    white-space:nowrap !important;

    text-align:right !important;
}


/* Header navigation */

header nav,
.v4-header nav,
.site-header nav{
    font-weight:700;
}

header nav a,
.v4-header nav a,
.site-header nav a{
    text-decoration:none;

    transition:
        color .18s ease,
        opacity .18s ease;
}


/* ---------- SLIDER ---------- */

.paidia-slider-section{
    margin-top:0 !important;

    padding-top:28px !important;
}

.paidia-slider{
    width:min(96%,1600px) !important;

    margin-left:auto !important;
    margin-right:auto !important;

    overflow:hidden !important;

    border-radius:18px !important;
}

.paidia-slide{
    border-radius:18px !important;
    overflow:hidden !important;
}

.paidia-slider-arrow{
    width:46px !important;
    height:46px !important;

    border-radius:50% !important;

    backdrop-filter:blur(8px);
}

.paidia-slider-dots{
    margin-top:14px !important;
}


/* ---------- MOBILE ---------- */

@media (max-width:900px){

    .paidia-event-inner{
        width:min(92%,720px);

        grid-template-columns:1fr;

        gap:10px;

        padding:11px 0;
    }

    .paidia-event-content{
        gap:10px;
    }

    .paidia-event-title{
        font-size:15px;
    }

    .paidia-event-subtitle{
        display:none;
    }

    .paidia-event-actions{
        justify-content:space-between;
    }

    .paidia-event-time{
        min-width:42px;
    }


    header .paidia-brand-logo-image,
    .v4-header .paidia-brand-logo-image,
    .site-header .paidia-brand-logo-image{

        width:52px !important;
        height:52px !important;

        flex-basis:52px !important;
    }

    header .paidia-brand-tagline,
    .v4-header .paidia-brand-tagline,
    .site-header .paidia-brand-tagline{

        font-size:12px !important;
    }


    .paidia-slider-section{
        padding-top:16px !important;
    }

    .paidia-slider{
        width:calc(100% - 24px) !important;

        border-radius:14px !important;
    }

    .paidia-slide{
        border-radius:14px !important;
    }
}


@media (max-width:520px){

    .paidia-event-countdown{
        display:none;
    }

    .paidia-event-cta{
        min-height:40px;

        padding:0 14px;

        font-size:12px;
    }

    header .paidia-brand-logo-host,
    .v4-header .paidia-brand-logo-host,
    .site-header .paidia-brand-logo-host{

        gap:8px !important;
    }

    header .paidia-brand-logo-image,
    .v4-header .paidia-brand-logo-image,
    .site-header .paidia-brand-logo-image{

        width:46px !important;
        height:46px !important;

        flex-basis:46px !important;
    }

    header .paidia-brand-tagline,
    .v4-header .paidia-brand-tagline,
    .site-header .paidia-brand-tagline{

        font-size:10px !important;
    }
}

/* END PAIDIA HOME TOP V5 */