/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body, html{
	overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0000001C;
}
::-webkit-scrollbar-thumb {
  background: #05284E;
}

::selection {
    background: #05284E;
    color: white;
}

::-moz-selection {
    background: #05284E;
    color: white;
}







/* ================================================================
   hera-coverflow.css  v2.2
   ================================================================ */
:root {
    /* ── Desktop ── */
    --cf-card-h: min(85vh, 51vw);
    --cf-card-w: calc(var(--cf-card-h) / 1.4);
    --cf-radius: clamp(16px, 2vw, 36px);
    --cf-n1-x:   26vw;
    --cf-n2-x:   47vw;
    --cf-n1-z:  -14vw;
    --cf-n2-z:  -26vw;
    --cf-stage-h: calc(var(--cf-card-h) + 80px);
}

/* ── 1400px ──────────────────────────────────────────────────────── */
@media (max-width: 1400px) {
    :root {
        --cf-card-h: min(70vh, 42vw);
        /* card-w = 42vw / 1.4 = 30vw
           Η n1 κάρτα ξεκινά στα 22vw και εκτείνεται 15vw → φτάνει στα 37vw (κοντά στην άκρη)
           overlap: η active φτάνει ±15vw, η n1 ξεκινά στα 22vw → 7vw overlap ✓ */
        --cf-n1-x:   22vw;
        --cf-n2-x:   40vw;
        --cf-n1-z:  -14vw;
        --cf-n2-z:  -26vw;
    }
}

/* ── 1024px ──────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    :root {
        --cf-card-h: min(65vh, 52vw);
        /* card-w ≈ 37vw → half = 18.5vw
           n1-x = 28vw → n1 φτάνει 28+18.5 = 46.5vw (άκρη οθόνης)
           overlap: 18.5vw - 28vw = -9.5vw → overlap 9.5vw ✓ */
        --cf-n1-x:   28vw;
        --cf-n2-x:   50vw;
        --cf-n1-z:  -16vw;
        --cf-n2-z:  -28vw;
    }
}

/* ── 768px ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    :root {
        --cf-card-h: min(60vh, 70vw);
        /* card-w = 50vw → half = 25vw
           n1-x = 34vw → n1 φτάνει 34+25 = 59vw (ξεπερνά λίγο → φτάνει άκρη)
           overlap: 25vw - 34vw → -9vw overlap ✓ */
        --cf-n1-x:   34vw;
        --cf-n2-x:   62vw;
        --cf-n1-z:  -18vw;
        --cf-n2-z:  -32vw;
    }
    .hera-cf-slide[data-state="next-2"],
    .hera-cf-slide[data-state="prev-2"] {
        opacity: 0;
        pointer-events: none;
    }
}

/* ── 600px ───────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    :root {
        --cf-card-h: min(58vh, 86vw);
        /* card-w ≈ 61vw → half = 30.5vw
           n1-x = 40vw → n1 φτάνει 40+30.5 = 70.5vw
           overlap: 30.5vw - 40vw → -9.5vw overlap ✓ */
        --cf-n1-x:   40vw;
        --cf-n2-x:   72vw;
        --cf-n1-z:  -18vw;
        --cf-n2-z:  -32vw;
    }
}
/* ── Wrapper ─────────────────────────────────────────────────────── */
.hera-coverflow-wrap {
    width: 100%;
    padding: 40px 0 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}

/* ── 3D Stage ────────────────────────────────────────────────────── */
.hera-cf-track {
    position: relative;
    width: 100%;
    height: var(--cf-stage-h);
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 120vw;
    transform-style: preserve-3d;
}

/* ── Cards ───────────────────────────────────────────────────────── */
.hera-cf-slide {
    position: absolute;
    width:  var(--cf-card-w);
    height: var(--cf-card-h);
    border-radius: var(--cf-radius);
    overflow: hidden;
    cursor: pointer;
    transition:
        transform  0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        opacity    0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        filter     0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center center;
    will-change: transform, opacity, filter;
}

.hera-cf-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
    user-select: none;
}

/* ── Caption ─────────────────────────────────────────────────────── */
.hera-cf-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8vw 3vw 3vw;
    background: linear-gradient(to top, rgba(255,255,255,0.94) 0%, transparent 100%);
    color: #1a3760;
    font-size: var(--e-global-typography-6e7be50-font-size);
    font-family: var(--e-global-typography-3c55805-font-family);
    font-weight: 600;
    text-align: center;
    line-height: 1.45;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* ── Active ──────────────────────────────────────────────────────── */
.hera-cf-slide[data-state="active"] {
    transform: translateX(0) translateZ(0) rotateY(0deg) scale(1);
    opacity:   1;
    filter:    none;
    z-index:   10;
    box-shadow: 0 3px 6px rgba(0,0,0,0.11);
}
.hera-cf-slide[data-state="active"] .hera-cf-caption {
    opacity: 1;
}

/* ── 1st neighbours ──────────────────────────────────────────────── */
.hera-cf-slide[data-state="next-1"] {
    transform: translateX(var(--cf-n1-x)) translateZ(var(--cf-n1-z)) rotateY(-34deg) scale(0.84);
    opacity:   1;
    filter:    blur(6px) brightness(0.60);
    z-index:   8;
    box-shadow: none;
}
.hera-cf-slide[data-state="prev-1"] {
    transform: translateX(calc(-1 * var(--cf-n1-x))) translateZ(var(--cf-n1-z)) rotateY(34deg) scale(0.84);
    opacity:   1;
    filter:    blur(6px) brightness(0.60);
    z-index:   8;
    box-shadow: none;
}

/* ── 2nd neighbours ──────────────────────────────────────────────── */
.hera-cf-slide[data-state="next-2"] {
    transform: translateX(var(--cf-n2-x)) translateZ(var(--cf-n2-z)) rotateY(-48deg) scale(0.66);
    opacity:   1;
    filter:    blur(12px) brightness(0.42);
    z-index:   6;
    box-shadow: none;
}
.hera-cf-slide[data-state="prev-2"] {
    transform: translateX(calc(-1 * var(--cf-n2-x))) translateZ(var(--cf-n2-z)) rotateY(48deg) scale(0.66);
    opacity:   1;
    filter:    blur(12px) brightness(0.42);
    z-index:   6;
    box-shadow: none;
}

.hera-cf-slide[data-state="hidden"] {
    opacity:        0;
    pointer-events: none;
    z-index:        1;
    transform:      translateX(0) translateZ(-60vw) scale(0.5);
}

/* ── Arrows ──────────────────────────────────────────────────────── */
.hera-cf-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:  clamp(32px, 3vw, 48px);
    height: clamp(32px, 3vw, 48px);
    background: transparent !important;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    padding: 0;
    opacity: 0.9;
    transition: transform 0.15s, opacity 0.2s;
}
.hera-cf-btn svg {
    width:  clamp(20px, 2vw, 32px);
    height: clamp(20px, 2vw, 32px);
    fill: #ffffff;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.7));
}
.hera-cf-btn:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.12);
}
.hera-cf-prev { left: 2vw; }
.hera-cf-next { right: 2vw; }


@media (max-width:1200px) {
	.hera-cf-btn {
    background: #936f42 !important;
}
}
@media (max-width:767px) {
	.hera-cf-btn {
    background: transparent !important;
}
}