/*
Theme Name: Leader Hellas Hero Slider Child
Theme URI:
Description: Child theme για τη Leader Hellas. Προσθέτει διαχειρίσιμο full Hero Slider χωρίς να τροποποιεί το parent theme ή τα υπάρχοντα δεδομένα του site.
Author: Leader Hellas
Template: leader-hellas-professional-v32
Version: 1.0.0
Text Domain: leader-hellas-child
*/

/*
 * Το parent stylesheet φορτώνεται από το functions.php.
 * Εδώ υπάρχουν μόνο οι νέες ρυθμίσεις του Hero Slider.
 */

.hero-full-slider{
    position:relative;
    min-height:575px;
}
.hero-full-slides{
    position:relative;
    min-height:575px;
}
.hero-full-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(18px);
    transition:opacity .55s ease, transform .55s ease, visibility .55s ease;
}
.hero-full-slide.is-active{
    position:relative;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
    z-index:2;
}
.hero-full-slide .hero-product-photo{
    width:560px;
    max-width:100%;
    max-height:420px;
    object-fit:contain;
    margin:0 auto;
}
.hero-full-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:8;
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgba(8,113,201,.20);
    background:rgba(255,255,255,.88);
    color:var(--navy);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(17,43,78,.10);
    backdrop-filter:blur(8px);
}
.hero-full-arrow:hover{
    background:#fff;
    color:var(--blue);
}
.hero-full-arrow svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hero-full-prev{left:18px}
.hero-full-next{right:18px}
.hero-full-dots{
    position:absolute;
    left:50%;
    bottom:22px;
    transform:translateX(-50%);
    z-index:9;
    display:flex;
    gap:8px;
}
.hero-full-dot{
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(8,113,201,.28);
    cursor:pointer;
}
.hero-full-dot.is-active{
    width:26px;
    border-radius:10px;
    background:var(--blue);
}
@media(max-width:850px){
    .hero-full-slider,
    .hero-full-slides{min-height:930px}
    .hero-full-arrow{top:60%}
}
@media(max-width:600px){
    .hero-full-slider,
    .hero-full-slides{min-height:760px}
    .hero-full-arrow{width:38px;height:38px}
    .hero-full-prev{left:8px}
    .hero-full-next{right:8px}
    .hero-full-slide .hero-product-photo{max-height:300px}
}


/* Child v2 — image-only full hero slides
   Αν μια διαφάνεια έχει μόνο εικόνα και κανένα κείμενο/κουμπί,
   η εικόνα καταλαμβάνει ολόκληρο το Hero slider. */
.hero-full-slide.is-image-only{
    overflow:hidden;
}
.hero-image-only-wrap{
    width:100%;
    height:575px;
    min-height:575px;
    display:block;
    position:relative;
    background:#eef6fd;
}
.hero-image-only{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}
.hero-full-slide.is-image-only .hero-inner,
.hero-full-slide.is-image-only .hero-copy,
.hero-full-slide.is-image-only .hero-products{
    display:none!important;
}
@media(max-width:850px){
    .hero-full-slider,
    .hero-full-slides,
    .hero-image-only-wrap{
        min-height:575px!important;
        height:575px!important;
    }
}
@media(max-width:600px){
    .hero-full-slider,
    .hero-full-slides,
    .hero-image-only-wrap{
        min-height:420px!important;
        height:420px!important;
    }
}


/* Child v3 — Image-only slide fits inside the same Hero bounds as slide 1 */
.hero-full-slide.is-image-only{
    background:linear-gradient(118deg,#fbfdff 0%,#eef6fd 55%,#f8fbff 100%);
}
.hero-image-only-container{
    min-height:575px;
    height:575px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}
.hero-image-only-wrap{
    width:100%;
    height:100%;
    min-height:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    background:transparent;
}
.hero-image-only{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    display:block;
    object-fit:contain!important;
    object-position:center center!important;
}
.hero-full-slide.is-image-only .hero-inner,
.hero-full-slide.is-image-only .hero-copy,
.hero-full-slide.is-image-only .hero-products{
    display:none!important;
}

/* Keep arrows inside the visible Hero area */
.hero-full-prev{left:max(18px,calc((100vw - 1240px)/2 - 56px));}
.hero-full-next{right:max(18px,calc((100vw - 1240px)/2 - 56px));}

/* Tablet */
@media(max-width:850px){
    .hero-full-slider,
    .hero-full-slides{
        min-height:650px!important;
    }
    .hero-image-only-container{
        min-height:650px!important;
        height:650px!important;
    }
    .hero-image-only{
        object-fit:contain!important;
    }
    .hero-full-arrow{
        top:50%!important;
    }
}

/* Mobile */
@media(max-width:600px){
    .hero-full-slider,
    .hero-full-slides{
        min-height:460px!important;
    }
    .hero-image-only-container{
        min-height:460px!important;
        height:460px!important;
        width:94%;
    }
    .hero-image-only{
        object-fit:contain!important;
    }
}