/* =========================================================
   CFTECOURSES — SITE ANNOUNCEMENTS V2
   ========================================================= */

.cfte-site-announcement{
    position:relative;
    z-index:999;

    width:100%;

    border-bottom:1px solid rgba(255,255,255,.14);

    font-family:"Cairo",sans-serif;
    direction:rtl;
}

.cfte-announcement-inner{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;

    min-height:58px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;

    padding:10px 0;
}

.cfte-announcement-copy{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 13px;

    min-width:0;
}

.cfte-announcement-copy strong{
    font-size:14px;
    font-weight:900;
    line-height:1.7;
}

.cfte-announcement-copy span{
    font-size:13px;
    font-weight:600;
    line-height:1.8;
    opacity:.94;
}

.cfte-announcement-actions{
    display:flex;
    align-items:center;
    gap:9px;

    flex:0 0 auto;
}

.cfte-announcement-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    min-height:38px;
    padding:7px 15px;

    border-radius:10px;

    background:#fff;
    color:#0f172a !important;

    text-decoration:none !important;

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

    box-shadow:0 5px 18px rgba(0,0,0,.12);
}

.cfte-announcement-cta:hover{
    transform:translateY(-1px);
}

.cfte-announcement-close{
    width:36px;
    height:36px;

    display:grid;
    place-items:center;

    border:1px solid rgba(255,255,255,.28);
    border-radius:10px;

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

    cursor:pointer;

    font-size:23px;
    line-height:1;
}

.cfte-announcement-info{
    background:
        linear-gradient(90deg,#172554,#1d4ed8);
    color:#fff;
}

.cfte-announcement-success{
    background:
        linear-gradient(90deg,#064e3b,#059669);
    color:#fff;
}

.cfte-announcement-warning{
    background:
        linear-gradient(90deg,#78350f,#d97706);
    color:#fff;
}

.cfte-announcement-important{
    background:
        linear-gradient(90deg,#450a0a,#b91c1c);
    color:#fff;
}

@media(max-width:720px){

    .cfte-announcement-inner{
        width:min(100% - 24px,1180px);

        align-items:flex-start;
        gap:10px;

        padding:11px 0;
    }

    .cfte-announcement-copy{
        display:block;
    }

    .cfte-announcement-copy strong,
    .cfte-announcement-copy span{
        display:block;
    }

    .cfte-announcement-copy strong{
        margin-bottom:2px;
        font-size:13px;
    }

    .cfte-announcement-copy span{
        font-size:12px;
    }

    .cfte-announcement-actions{
        gap:6px;
    }

    .cfte-announcement-cta{
        min-height:34px;
        padding:6px 10px;

        font-size:11px;
        white-space:nowrap;
    }

    .cfte-announcement-close{
        width:32px;
        height:32px;
    }
}