/*
Theme Name: Astra Child
Template: astra
*/
/* =================================================
   STOPKA — CLEAN VERSION
   ================================================= */

/* ===== TŁO + TYPOGRAFIA ===== */
/* ukryj nazwę strony */
.site-branding .site-title{display:none}
ul#ast-hf-menu-1{ 
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-size: 15px;
    font-weight: 600;
	padding: 0 0.8em;
}


ul#ast-hf-menu-1 li a{ 
	padding: 0.8em 0.8em;
}
header{
	 position: sticky!important;
	 top: 0;
    z-index: 10;
    background: white;
}
.site-footer{
    position:relative;
    background:linear-gradient(180deg,#0e2a47 0%,#0b223a 60%,#091a2b 100%);
    color:#c7d6e5;
    font-size:15px;
    line-height:1.7;
}

/* usuwa tła astry */
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap{
    background:transparent;
}

/* nagłówki */
.site-footer .widget-title,
.footer-contact h3{
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin-bottom:18px;
}

/* linki */
.site-footer a{
    color:#c7d6e5;
    text-decoration:none;
    transition:.25s;
}
.site-footer a:hover{color:#6cc04a}

/* listy */
.site-footer .widget-area ul{
    list-style:none;
    margin:0;
    padding:0;
}


/* =================================================
   KOLUMNY
   ================================================= */

.site-primary-footer-wrap .ast-builder-footer-grid-columns{
    display:flex;
    align-items:flex-end!important;
    column-gap:70px;
	justify-content: space-between;
}

.site-footer-section{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:0;
	
}

/* =================================================
   LOGO BLOK
   ================================================= */

.footer-logo{max-width:170px;margin-bottom:16px}

.footer-tagline{
    font-size:22px;
    font-weight:600;
    color:#fff;
    margin-bottom:12px;
}

.footer-desc{margin-bottom:22px}

/* social */
.footer-social{display:flex;gap:12px}

.footer-social a{
    width:38px;height:38px;border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
}
.footer-social a:hover{background:#6cc04a;color:#0b223a}

/* =================================================
   KONTAKT
   ================================================= */

.footer-contact{max-width:260px;margin-top:auto}

.footer-contact .fc-label{
    color:#fff;
    font-weight:600;
    margin-bottom:4px;
}

.footer-contact .fc-address{margin-bottom:18px;line-height:1.6}

.footer-contact .fc-row{margin:0 0 14px}

.footer-contact .fc-row a{
    display:flex;align-items:center;gap:14px;
}

.footer-contact .fc-row i{
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
    color:#6cc04a;
}

.footer-contact .fc-row a:hover i{
    background:#6cc04a;color:#0b223a;
}

/* =================================================
   DOLNY PASEK
   ================================================= */

.site-below-footer-wrap{
    position:relative;
    z-index:2;
}

/* układ */
.site-below-footer-wrap .ast-builder-footer-grid-columns{
    max-width:1200px;
    margin:auto;
    padding:22px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* tekst */
.ast-footer-copyright{
    font-size:14px;
    color:#c7d6e5;
}

/* menu */
.site-footer-below-section-2 ul{
    display:flex;
    gap:26px;
}

/* =================================================
   EFEKT GŁĘBI
   ================================================= */

.site-footer:after{
    content:"";
    position:absolute;
    bottom:0;left:0;right:0;
    height:120px;
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.55));
    pointer-events:none;
}

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

@media(max-width:921px){
    .site-primary-footer-wrap .ast-builder-footer-grid-columns{
        flex-wrap:wrap;
        row-gap:40px;
    }
}

@media(max-width:768px){
    .site-below-footer-wrap .ast-builder-footer-grid-columns{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
}
.site-below-footer-wrap .ast-builder-footer-grid-columns {
	padding: 0px 0px;
}
/* tylko menu w stopce */
.footer-nav-wrap .ast-nav-menu li {
    position: relative;
    padding-left: 18px;
}

/* zielona kropka */
.footer-nav-wrap .ast-nav-menu li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #6cc04a; 
	opacity: .7;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.8em;
}

/* usuń strzałki dropdown */
.footer-nav-wrap .ast-header-navigation-arrow {
    display: none !important;
}
@media (max-width: 921px) {
    #astra-footer-menu .menu-item > a {
     
         padding-left: 0px; 
    
    }
}
/* =================================================
   UJEDNOLICONE IKONY (telefon, mail, social)
   ================================================= */

:root{
    --footer-icon-size:38px;
    --footer-icon-bg:rgba(255,255,255,.08);
    --footer-icon-color:#6cc04a;
    --footer-icon-hover-bg:#6cc04a;
    --footer-icon-hover-color:#0b223a;
}

/* wspólny wygląd */
.footer-contact .fc-row i,
.footer-social a{
    width:var(--footer-icon-size);
    height:var(--footer-icon-size);
    border-radius:50%;
    background:var(--footer-icon-bg);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--footer-icon-color);
    transition:.25s;
}

/* hover identyczny */
.footer-contact .fc-row a:hover i,
.footer-social a:hover{
    background:var(--footer-icon-hover-bg);
    color:var(--footer-icon-hover-color);
}

/* usuwa stare style które się gryzą */
.footer-social a{
    text-decoration:none;
}

/* wyrównanie optyczne ikon fontawesome */
.footer-social a i{
    font-size:16px;
    line-height:1;
}

/* odstęp między ikoną a tekstem w kontakcie */
.footer-contact .fc-row a{
    gap:12px;
}
.hero-benefits{
    list-style:none;
    padding:0;
    margin:25px 0 0 0;
}

.hero-benefit{
    display:flex;
    align-items:center;
    gap:14px;
    color:#fff;
    font-size:20px;
    margin-bottom:14px;
    font-weight:500;
}

.hero-benefit i{
    color:#6cc04a;    
    font-size:22px;
    min-width:22px;
}
.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:28px;
}

/* ===== HALO WOKÓŁ TEKSTU ===== */
.hero-content h1,
.hero-content li,
.hero-content span{
    color:#fff;
    text-shadow:
        0 0 2px rgba(0,0,0,.9),
        0 0 4px rgba(0,0,0,.85),
        0 1px 6px rgba(0,0,0,.85);
}

/* ===== RESET ASTRA / LINK ===== */
a.ast-button,
a.ast-button-secondary{
    text-decoration:none !important;
    box-shadow:none !important;
}

/* ===== BAZA PRZYCISKÓW ===== */
.ast-button,
.ast-button-secondary{
    display:inline-block;
    padding:14px 26px;
    font-size:18px;
    font-weight:600;
    border-radius:6px;
    transition:all .25s ease;
    border:2px solid transparent;
    line-height:1.2;
}

/* ===== PRIMARY — NIEBIESKI ===== */
.ast-button{
    background:#2f6fb5;
    border-color:#2f6fb5;
    color:#fff !important;
}

/* ===== SECONDARY — ZIELONY ===== */
.ast-button-secondary{
    background:#6cc04a;
    border-color:#6cc04a;
    color:#0e2a47 !important;
}

/* ===== HOVER — ZAMIANA KOLORÓW ===== */
.ast-button:hover{
    background:#6cc04a;
    border-color:#6cc04a;
    color:#0e2a47 !important;
}

.ast-button-secondary:hover{
    background:#2f6fb5;
    border-color:#2f6fb5;
    color:#fff !important;
}
.stats-section{
    margin-top:-90px;
    position:relative;
    z-index:5;
}

.stats-section .e-con-inner{
    background:#fff;
    border-radius:16px;
    box-shadow:0 25px 60px rgba(15,40,70,.15);
    padding:35px 20px;
}







/* biała karta */
.stats-section{
    margin-top:-90px;
    z-index:5;
    position:relative;
}

.stats-section > .e-con-inner{
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 60px rgba(13,38,76,.15);
    padding:45px 20px;
}

/* kolumna */
.stats-section .e-con{
    align-items:center;
    text-align:center;
}

/* IKONA */
.stats-section .elementor-icon{
    margin-bottom:10px;
}
.stats-section .elementor-icon i{
    font-size:28px;
    color:#2f6fb5;
}

/* LICZBA */
.stats-section .elementor-counter-number{
    font-size:40px;
    font-weight:700;
    color:#1e3a5f;
    line-height:1.1;
}


.stats-section{
    margin-top:-110px;
    position:relative;
    z-index:5;
}
/* kolor strzałki */
.about-btn .elementor-button-icon svg{
    fill:#6CC04A;   

}



/* ===============================
   OFERTA — PRAWDZIWE KARTY
   =============================== */

/* pojedyncza karta */
.offer-section .e-con-inner > .e-con > .e-con{
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 60px rgba(13,38,76,.15);
    overflow:hidden;
    transition:all .25s ease;
    height:100%;
}



.offer-section img{
    width:100%;
    height:210px;
    object-fit:cover;
    transition:transform .35s ease;
}
/* ===============================
   SEKCJA KWALIFIKACJI (bez hero stylu)
   =============================== */

.qualifications p{
    color:#1e293b;
    font-size:17px;
    line-height:1.7;
    margin-bottom:18px;
}

/* usuwa biały tekst i glow z hero */
.qualifications .hero-benefit,
.qualifications .hero-benefit span{
    color:#1e293b !important;
    text-shadow:none !important;
    font-weight:500;
}

/* zielone checki */
.qualifications .hero-benefit i{
    color:#6cc04a !important;
}

/* lepsze odstępy */
.qualifications .hero-benefit{
    margin-bottom:10px;
    gap:12px;
    font-size:17px;
}

.strong-view.wpmtst-default .wpmtst-testimonial-heading{
background:url("https://cel.edu.pl/wp-content/uploads/2026/02/cudzyslow.png") no-repeat left top!important;
}
.strong-view.wpmtst-default .wpmtst-testimonial {
    border: none!important;
}
/* uniwersalna biała karta */
.card-box{
background:#ffffff;
border-radius:16px!important;
padding:36px 38px;
box-shadow:
0 8px 24px rgba(16,24,40,.06),
0 20px 48px rgba(16,24,40,.08);
position:relative;
	transition:all .25s ease;
}
.strong-view.pager-style-buttons .wpmslider-pager-link:before {

    background: #1e293b!important;
}
.wp-block-uagb-scroll-to-top,
.uagb-scroll-to-top,
#ast-scroll-top {
    display: none !important;
}
.site-content{
	background-color:white!important;
}
/* ====== kontener ====== */
.single-event .tabs {
    margin-top: 30px;
}

/* ====== nagłówki kart ====== */
.single-event .tab-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--wp--preset--color--contrast, #e5e5e5);
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    gap: 6px;
}

.single-event .tab-nav li {
    margin: 0;
}

/* przyciski */
.single-event .tab-nav a {
    display: block;
    padding: 12px 18px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
    background: color-mix(in srgb, currentColor 8%, transparent);
    color: inherit;
    transition: all .2s ease;
}

/* hover */
.single-event .tab-nav a:hover {
    background: color-mix(in srgb, currentColor 14%, transparent);
}

/* aktywna karta */
.single-event .tab-nav .ui-tabs-active a {
    background: var(--wp--preset--color--base, #fff);
    border: 2px solid var(--wp--preset--color--contrast, #e5e5e5);
    border-bottom: none;
    position: relative;
    top: 2px;
}

/* ====== zawartość kart ====== */
.single-event .tab-content {
    display: none;
    padding: 20px 10px;
    border: 2px solid var(--wp--preset--color--contrast, #e5e5e5);
    border-radius: 0 8px 8px 8px;
    background: var(--wp--preset--color--base, #fff);
}

/* pierwsza aktywna */
.single-event .tab-content:first-of-type {
    display: block;
}

/* nagłówki modułów */
.single-event .tab-content h5 {
    margin-top: 20px;
    font-size: 1.1em;
}

/* listy */
.single-event .tab-content ul {
    margin: 10px 0 20px 18px;
}

/* divider */
.single-event .divider {
    height: 1px;
    background: color-mix(in srgb, currentColor 15%, transparent);
    margin: 25px 0;
}



/* =================================================
   PRZYCISK ZE STAREJ STRONY → NATYWNY ASTRA BUTTON
   ================================================= */

.single-event a.btn.btn-info{
    /* udawaj przycisk astry */
    display:inline-block;
    font:inherit;
    text-decoration:none!important;
    cursor:pointer;
    border-radius:6px;
    padding:14px 26px;
    font-weight:600;
    line-height:1.2;
    transition:all .25s ease;
    border:2px solid transparent;

    /* PRIMARY ASTRA */
    background:#2f6fb5;
    border-color:#2f6fb5;
    color:#fff!important;
}

/* hover identyczny jak ast-button */
.single-event a.btn.btn-info:hover{
    background:#6cc04a;
    border-color:#6cc04a;
    color:#0e2a47!important;
}

/* active */
.single-event a.btn.btn-info:active{
    transform:translateY(1px);
}

/* focus accessibility jak Astra */
.single-event a.btn.btn-info:focus-visible{
    outline:2px solid #6cc04a;
    outline-offset:2px;
}
/* usuń ostatnią linię w sekcji */
.single-event .tab-content .divider:last-child{
    display:none;
}



/* =======================
   GÓRNY NIEBIESKI PASEK
   ======================= */



/* kontener nagłówka */
.ela-heading{
    position:relative;
    display:inline-block;
    padding: 22px 40px 60px 0px;
    z-index:1;
}

/* granatowe tło z zanikiem */
.ela-heading::before{
    content:"";
    position:absolute;
    inset:-20px -60px -30px -40px;
    z-index:-1;

    background:linear-gradient(90deg,#0e2a47 0%,#163e66 60%,rgba(14,42,71,0) 100%);

    filter:blur(0.3px);

    -webkit-mask-image:linear-gradient(to right, black 65%, transparent 100%);
    mask-image:linear-gradient(to right, black 65%, transparent 100%);

    border-radius:18px;
}

/* pomarańczowy akcent z fade */
.ela-heading::after{
    content:"";
    position:absolute;
    left:-30px;
    right:-120px;
    bottom:18px;
    height:28px;

    background:linear-gradient(90deg,#ff6200 0%,#ff8a1f 60%,rgba(255,98,0,0) 100%);

    border-radius:60px;
    transform:rotate(-1.5deg);

    -webkit-mask-image:linear-gradient(to right, black 60%, transparent 100%);
    mask-image:linear-gradient(to right, black 60%, transparent 100%);
}

@media (max-width:768px){
	.ela-heading::after{
    right: 0;
}

/* kolor tekstu */
.ela-heading,
.ela-heading *{
    color:#fff!important;
}










/* =======================
   NIEBIESKA KARTA TEKSTU
   ======================= */

.ela-box{
    background:linear-gradient(140deg,#0c3d73,#1f5faa);
    color:#fff;
    border-radius:14px;
    box-shadow:0 25px 70px rgba(0,0,0,.18);
}



.ela-btn span {
	text-shadow: none!important;
}
/* ===== MOBILE: usuń zdjęcie ===== */
@media (max-width:767px){

    .hero-sekcja-2{
        background-image:none !important;
        background:#ffffff !important;
        min-height:auto;
    }

    /* usuń maski i gradienty od zdjęcia */
    .hero-sekcja-2::before,
    .hero-sekcja-2::after{
        display:none !important;
    }

}




/* nagłówek zamknięty */
.elementor-element-1faacdb .e-n-accordion-item > summary{
    border-radius:10px !important;
   padding-left: 30px;
}


/* ===== KONTENER ===== */
.cel-post-list{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
}

/* ===== KAFEL ===== */
.cel-post-box{
    flex:1 1 calc(33.333% - 24px);
    max-width:calc(33.333% - 24px);

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

    padding:20px 22px;
    min-height:120px;

    border-radius:14px;
    background:#fff;
    border:1px solid rgba(13,38,76,.08);
    text-decoration:none !important;

    box-shadow:0 12px 34px rgba(13,38,76,.10);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* ===== TABLET ===== */
@media (max-width: 1024px){
    .cel-post-box{
        flex:1 1 calc(50% - 24px);
        max-width:calc(50% - 24px);
    }
}

/* ===== MOBILE ===== */
@media (max-width: 640px){
    .cel-post-box{
        flex:1 1 100%;
        max-width:100%;
    }
}


/* ===== TYTUŁ ===== */
.cel-post-title{
    margin:0;
    font-size:20px;
    line-height:1.35;
    color:#1e3a5f;
    font-weight:600;
}

/* akcent */
.cel-post-title:after{
    content:"";
    display:block;
    width:36px;
    height:3px;
    background:#6cc04a;
    margin:12px auto 0;
    border-radius:3px;
    transition:width .25s ease;
}

/* ===== HOVER ===== */
.cel-post-box:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 65px rgba(13,38,76,.20);
    border-color:rgba(47,111,181,.35);
}

.cel-post-box:hover .cel-post-title{
    color:#0e2a47;
}

.cel-post-box:hover .cel-post-title:after{
    width:70px;
}