/*
Theme Name: SwissDelight Child
Theme URI: https://swissdelight.qodeinteractive.com
Description: A child theme of SwissDelight
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: swissdelight
Template: swissdelight
*/


@font-face {
    font-family: 'Coronet';
    src: url('/wp-content/themes/swissdelight-child/fonts/Coronet.woff') format('woff'),
        url('/wp-content/themes/swissdelight-child/fonts/Coronet.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.custom-font-family {
    font-family: 'Coronet', cursive;
    text-transform: capitalize !important;
}

#media_image-4 {
    text-align: start;
}

#nav_menu-2,
#nav_menu-3 {
    max-width: 250px;
    margin: auto;
    text-align: start;
    margin-left: 100px !important;

}

#swissdelight_core_contact_form_7-2 {
    text-align: start;
}


.qodef-header-navigation>ul>li.current-menu-ancestor>a,
.qodef-header-navigation>ul>li.current-menu-item>a {
    font-family: "Montserrat", Sans-serif;

}

.qodef-header-navigation>ul>li.current_page_item>a .qodef-menu-item-text {
    font-weight: 600;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
    background-color: #efe4cd;
}

/* ===== Layout / Carousel ===== */
.choco-carousel {
    --gap: 24px;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    overflow: hidden;
}

.cc-viewport {
    overflow: hidden;
    position: relative;
}

.cc-track {
    display: flex;
    gap: var(--gap);
    transition: transform .6s ease;
}

.cc-card {
    flex: 0 0 calc(25% - var(--gap) * 3 / 4);
    text-align: center;
}

@media (max-width: 1024px) {
    .cc-card {
        flex: 0 0 50%;
    }
}

/* ==== Mobile peek (δείξε λίγο από το επόμενο slide) ==== */
@media (max-width: 680px) {
    .choco-carousel {
        --peek: 70px;
    }

    .cc-card {
        flex: 0 0 calc(100% - var(--peek));
    }

    .cc-track {
        gap: 16px;
    }

    .cc-viewport::before,
    .cc-viewport::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 28px;
        pointer-events: none;
    }

    .cc-viewport::before {
        left: 0;
        /* background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); */
    }

    .cc-viewport::after {
        right: 0;
        /* background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); */
    }
}

/* ===== Οβάλ container 390×300 (χωρίς aspect-ratio) ===== */
.cc-oval {
    position: relative;
    width: 100%;
    padding-top: 76.923%;
    /* 300 / 390 * 100 → 390×300 ratio */
    /* border-radius: 50%; */
    overflow: hidden;
    /* background: #fff; */
    margin: 0 auto 12px;
}

.cc-oval>* {
    position: absolute;
    inset: 0;
}

/* ===== Compare slider visuals ===== */
.img-compare {
    --pos: 50;
    position: absolute;
    inset: 0;
}

/* σωστή στοίχιση & layering */
.img-compare__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* ή contain αν δεν θες crop */
    object-position: center;
    z-index: 1;
}

.img-compare__img--top {
    clip-path: polygon(0 0, calc(var(--pos)*1%) 0, calc(var(--pos)*1%) 100%, 0 100%);
    z-index: 2;
}

/* range πάνω από εικόνες */
.img-compare__range {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: ew-resize;
    touch-action: none;
    margin: 0;
    outline: none;
    z-index: 3;
}

.img-compare__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}

.img-compare__range::-moz-range-thumb {
    width: 0;
    height: 0;
    border: 0;
}

/* handle */
.img-compare__handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--pos)*1%);
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
}

.img-compare__handle::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: rgba(0, 0, 0, .35);
}

.img-compare__handle::after {
    content: "↔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: 700 13px/1 system-ui;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .5);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

/* ===== Τυπογραφία καρτών ===== */
.cc-title {
    font: 400 16px/1.2;
    font-family: "Montserrat", Sans-serif !important;
    margin: 0px;
}

.cc-sub {
    font-size: 15px;
    line-height: 16px;

    font-weight: 400;
    font-family: "Montserrat", Arial, sans-serif;
    color: #b98b6a;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.cc-desc {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    font-family: "Montserrat", Arial, sans-serif;
    color: #4b3f35;
    max-width: 26ch;
    margin: 0 auto;
}

/* ===== Πλοήγηση ===== */
.cc-nav {
    border: none;
    background: transparent;
}

.cc-nav:hover {
    cursor: pointer;
}

.description-container {
    width: 93%;
    height: 195px;
    background-color: #ffffff42;
    /* background-color: red; */
    border-bottom-left-radius: 180px;
    border-bottom-right-radius: 180px;
    clip-path: polygon(0 0, calc(var(--pos)*1%) 0, calc(var(--pos)*1%) 100%, 0 100%);
    position: relative;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
    padding-top: 30px;
}

.cc-card:nth-child(even) {
    margin-top: 25px;
}

.qodef-m-title.entry-title {
    font-family: "Cormorant", serif;
    font-size: 40px;
}

@media only screen and (min-width: 1441px) {
    .qodef-content-grid-1400 section.qodef-elementor-content-grid>.elementor-container {
        width: 1600px !important;
        max-width: 1600px !important;
    }

}

/* ===== Elementor section full-width on mobile ===== */
@media (max-width: 767px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 100%;
        width: 100%;
    }

    .cc-nav {
        display: none;
    }
}

@media only screen and (max-width: 480px) {

    section.qodef-elementor-content-grid>.elementor-container,
    section.qodef-elementor-content-grid>.elementor-element {
        width: 100%;
    }
}

@media only screen and (min-width: 1441px) {
    .qodef-content-grid-1400 .qodef-content-grid {
        width: 1600px;
    }
}