/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Version: 1.0
*/

/* Stiluri personalizate */
body {
  /* Poți adăuga stiluri globale aici */
}

/* Forțează cursor pointer pe toate itemele de meniu */
.dkmenu_btn,
.hover-text,
.ap-menu-item-1,
.ap-menu-item-2,
.ap-menu-login,
.dkmenu_btn *,
.hover-text *,
.ap-menu-item-1 *,
.ap-menu-item-2 *,
.ap-menu-login * {
    cursor: pointer !important;
    user-select: none !important;
}



#wpadminbar {
  display: none !important;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Înălțime header mobil + ajustare pentru bara de admin */
:root {
  --header-h: 30px; /* înălțimea reală a headerului mobil */
}

@media (min-width: 1280px) {
  .wp-site-blocks {
    padding-top: 150px;
  }
}

@media (max-width: 1279px) {
  .wp-site-blocks {
    padding-top: 40px; /* sau cât vrei tu */
  }
}

@media (max-width: 767px) { 
    .wp-site-blocks { 
        padding-top: 20px; 
    } 
}

/* HEADER MOBIL FIX */
.mobile-header {
  position: fixed !important;
  top: 0 !important;   /* desktop admin bar */
  left: 0;
  width: 100%;
  z-index: 10000;
}

/* Împinge tot site-ul normal */
html.admin-bar body {
  margin-top: 32px; /* desktop */
}

@media (max-width: 782px) {
  html.admin-bar body {
    margin-top: 46px; /* mobil */
  }
}

/* Ajustează doar elementele fixed */
html.admin-bar .mobile-header {
  top: 32px !important; /* desktop */
}

@media (max-width: 782px) {
  html.admin-bar .mobile-header {
    top: 46px !important; /* mobil */
  }
}



.mobile-header .is-position-sticky {
  position: static !important; /* sau inherit */
  top: auto !important;
}


/* PANOURI DE MENIU (submenu1, submenu2 etc.) */
.menu-panel,
.menu-panel > .wp-block-group,
.menu-panel > .gs-container,
.menu-panel > div {
  position: fixed !important;
  top: var(--header-h) !important;
  right: 0 !important;
  margin-left: 55px !important;   /* spațiu liber în stânga */
  width: calc(100% - 55px) !important;
  height: calc(100vh - var(--header-h)) !important;
  background: #fff !important;
  transform: translateX(120%) !important; /* nu 100%, ca să existe diferență */
  transition: transform 0.8s ease-in-out !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

/* PANOU ACTIV → glisează în ecran */ 
.menu-panel.active, 
.menu-panel.active > .wp-block-group, 
.menu-panel.active > .gs-container, 
.menu-panel.active > div { 
    transform: translateX(0) !important; 
    pointer-events: auto !important; 
    
}



/* Ieșire oglindă, doar când nu mai e activ */
.menu-panel.closing:not(.active),
.menu-panel.closing:not(.active) > .wp-block-group,
.menu-panel.closing:not(.active) > .gs-container,
.menu-panel.closing:not(.active) > div {
  transform: translateX(100%) !important;
  pointer-events: none !important;
}

.submenu1.closing { z-index: 1000 !important; }
.submenu-about.closing { z-index: 1001 !important; }
.submenu-our-collections.closing { z-index: 1002 !important; }
.submenu-inspiration.closing { z-index: 1003 !important; }
.submenu-events.closing { z-index: 1004 !important; }
.submenu-trade.closing { z-index: 1005 !important; }


/* Z-INDEX PE NIVELURI DE SUBMENIU (stacking) */
.submenu1.active { z-index: 1000 !important; }
.submenu-about.active { z-index: 1001 !important; }
.submenu-our-collections.active { z-index: 1002 !important; }
.submenu-inspiration.active { z-index: 1003 !important; }
.submenu-events.active { z-index: 1004 !important; }
.submenu-trade.active { z-index: 1005 !important; }

/* Adaugă mai sus dacă ai mai multe nivele */

/* OPȚIONAL: eliminare spacing vertical pe landscape mobile */
@media (max-width: 767.98px) and (orientation: landscape) {
  .menu-panel div[id^="gspb_col-id"],
  .menu-panel .gspb_row__col--12 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    row-gap: 0 !important;
    gap: 0 !important;
  }
}

/* Ascuns implicit */
.back-btn {
  display: none !important;
}

/* Apare doar când panoul e activ */
.menu-panel.active .back-btn {
  display: block !important;
  position: fixed;   /* îl scoatem din fluxul flex */
  bottom: 90px;
  left: 16px;
  cursor: pointer;
  z-index: 10001;
}

.menu-panel {
  clip-path: inset(0 0 0 60px); /* taie 60px din stânga */
}


.fara-gap {
    gap: 0 !important;
}

/* Breakpoint pentru ecrane la bara de meniu */
@media (max-width: 915px) {
  .gap-redus {
    gap: 20px; /* spacing redus */
  }
}

@media (max-width: 1538px) {
  .gap-redus {
    gap: 80px; /* spacing redus */
  }
}

@media (max-width: 1138px) {
  .gap-redus {
    gap: 60px; /* spacing redus */
  }
}

@media (max-width: 1118px) {
  .gap-redus {
    gap: 45px; /* spacing redus */
  }
}

@media (max-width: 1025px) {
  .gap-redus {
    gap: 30px; /* spacing redus */
  }
}

.no-shrink {
  min-width: 60px;
}



/* Desktop menu sets */

.dropdown-section {
  position: fixed !important;
  background: #fff;
  padding: 2px;
  min-width: 200px;
  z-index: 110000;
  opacity: 0;
  transform: translateY(0); /* default */
  visibility: hidden;
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s;
}

.dropdown-section.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0px); /* sau invers, dar clar definit */
}

.overlay {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(245, 243, 238, 0.4); /* maroniu transparent */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 100000; /* mai mare decât restul site-ului */
}

.overlay.on {
  opacity: 1;
  pointer-events: auto;
}


.dkmenu_btn {
  cursor: pointer;
}



/* padding footer */
.padding-fot-varib {
  padding-left: 10px; /* sau ce valoare vrei implicit */
}

/* >=300px */
@media (min-width: 300px) {
  .padding-fot-varib {
    padding-left: 30px;
  }
}

/* >=350px */
@media (min-width: 350px) {
  .padding-fot-varib {
    padding-left: 50px;
  }
}

/* >=400px */
@media (min-width: 400px) {
  .padding-fot-varib {
    padding-left: 70px;
  }
}



/* H1 */
.h1s {
    font-family: "the-seasons", serif;
    font-size: clamp(40px, calc(40px + (100 - 40) * ((100vw - 375px) / (1440 - 375))), 100px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: capitalize;
}

/* Clasă suplimentară pentru reducerea fontului pe mobile mici */
.h1s--mobilefix {
    /* doar pe ecrane foarte mici */
}

@media (max-width: 300px) {
    .h1s.h1s--mobilefix {
        font-size: calc( (clamp(40px, calc(40px + (100 - 40) * ((100vw - 375px) / (1440 - 375))), 100px)) - 5px );
    }
}

.captioncarusel1s {
    font-family: "the-seasons", serif;
}

.captioncarusel1sailec {
    font-family: Sailec, sans-serif;
}

.caption1s {
    font-family: "the-seasons", serif;
    font-size: clamp(30px, calc(30px + (40 - 30) * ((100vw - 768px) / (950 - 768))), 40px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .caption1s {
        font-size: 40px;
    }
}

@media (max-width: 350px) and (min-width: 260px) {
    .caption1s {
        font-size: clamp(30px, calc(30px + (40 - 30) * ((100vw - 260px) / (350 - 260))), 40px);
    }
}

@media (max-width: 260px) {
    .caption1s {
        font-size: 30px;
    }
}

/* Poziționează textul în partea de jos a slide-ului real */
/* 1. Slide-ul devine referință pentru poziționare */
.gspb_slider-id-gsbp-8c6b741 .swiper-slide-inner {
    position: relative !important;
}

/* 2. Zona de content coboară jos în slide */
.gspb_slider-id-gsbp-8c6b741 .slider-content-zone {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 20px; /* aici e “padding bottom” dorit */
}

/* 3. Stil pentru textul din carusel */
#gspb_text-id-gsbp-b17e65c {
    margin: 0;
    padding: 0 10px;
    max-width: 90%;
    text-align: center;
    white-space: normal; /* să nu mai fie pe un singur rând */
    color: #fff;
    font-size: var(--wp--preset--font-size--medium);
}

/* Tipografie fluidă pentru toate caption-urile */
#gspb_text-id-gsbp-b17e65c,
#gspb_text-id-gsbp-b1d8447,
#gspb_text-id-gsbp-51939f6 {
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.2;
    white-space: normal !important;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
}

/* Sub 767px – fixăm la 28px */
@media (max-width: 767px) {
    #gspb_text-id-gsbp-b17e65c,
    #gspb_text-id-gsbp-b1d8447,
    #gspb_text-id-gsbp-51939f6 {
        font-size: 28px;
    }
}

/* Tipografie fluidă pentru textele din caruselul mobil */
.gspb_slider-id-gsbp-bc81433 .swiper-slide-inner {
    position: relative !important;
}
.gspb_slider-id-gsbp-bc81433 .slider-content-zone {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 20px;
}
#gspb_text-id-gsbp-efbb654,
#gspb_text-id-gsbp-4d44e39,
#gspb_text-id-gsbp-a234f54 {
    font-size: 20px;
    line-height: 1.2;
    white-space: normal !important;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 10px;
    color: #fff;
}




/* H2 */
.h2s {
    font-family: "the-seasons", serif;
    font-size: clamp(32px, calc(32px + (40 - 32) * ((100vw - 375px) / (1440 - 375))), 40px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: capitalize;
}

/* Interval 350px → 260px (16px → 12px) */
@media (max-width: 350px) {
    .texttradepic {
        font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 260px) / (350 - 260))), 16px) !important;
    }
}

/* Sub 260px → rămâne 12px */
@media (max-width: 260px) {
    .texttradepic {
        font-size: 12px;
    }
}

@media (max-width: 768px) and (min-width: 400px) {
    .gs-limited {
        max-width: 370px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* h3 seasons font */
.h3s {
    font-family: "the-seasons", serif;
    font-size: clamp(32px, calc(32px + (40 - 32) * ((100vw - 375px) / (1440 - 375))), 40px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: capitalize;
}

/* Clasă suplimentară pentru reducerea fontului pe mobile mici */
.h3s--mobilefix {
    /* doar pe ecrane foarte mici */
}

@media (max-width: 300px) {
    .h3s.h3s--mobilefix {
        font-size: calc( (clamp(28px, calc(28px + (36 - 28) * ((100vw - 375px) / (1440 - 375))), 36px)) - 5px );
    }
}


.dkheadrow-max {
  max-width: 1200px; /* sau cât vrei tu */
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}


.slider1280 {
    max-width: 1150px;
    overflow: visible !important;
}


.slider-wrapper-1280 {
  max-width: 1150px;
}


/* Eliminăm padding-ul impus de GreenShift */
.gspb_slider-id-gsbp-8c6b741 > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Sliderul folosește exact același container ca restul secțiunilor */
.home-hero-slider {
    max-width: 1150px;
    margin: 0 auto;
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: border-box;
overflow: hidden !important;
padding-bottom: 40px; /* rezervăm spațiu pentru bullets */
}


.slider1280 .swiper-slide {
    width: 100% !important;
}

.slider1280 .swiper-wrapper {
    width: auto !important;
}


/* Bulleturi identice pentru sliderul mare */
.gspb_slider-id-gsbp-8c6b741 .swiper-pagination .swiper-pagination-bullet,
.gspb_slider-id-gsbp-8c6b741 .swiper-pagination .swiper-pagination-bullet-active {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}



/* Bulleturi identice pentru sliderul mic */
.gspb_slider-id-gsbp-bc81433 .swiper-pagination .swiper-pagination-bullet,
.gspb_slider-id-gsbp-bc81433 .swiper-pagination .swiper-pagination-bullet-active {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}


.slider-mic { margin-right: 15px; }


/* Normalizează letter-spacing în footer */
footer.wp-block-template-part * {
    letter-spacing: 0.52px !important;
    font-kerning: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}



/*grid responsive contact us page photos */
/* 1. Setăm max-width pe box container */
.box-contact-us-centered {
    width: auto !important;        /* anulăm width:100% */
    margin-left: auto !important;  /* centrare */
    margin-right: auto !important; /* centrare */
}

/* 2. Imaginea rămâne fluidă în interior */
.box-contact-us-centered img {
    width: 100%;
    height: auto;
    display: block;
}



/* Shadow pe text la hover */
.gs-accordion-item__title:hover .gs-accordion-item__heading {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    transition: text-shadow 0.25s ease;
}

/* Shadow pe text când accordionul este deschis */
.gs-accordion-item.gsopen .gs-accordion-item__heading {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}


/* scos chenar negru la click  */
a:focus,
a:focus-visible,
a:active,
button:focus,
button:focus-visible,
button:active,
div:focus,
div:focus-visible,
div:active {
    outline: none !important;
    box-shadow: none !important;
}


/* responsive pentru contact us  */

#gspb_col-id-gsbp-741f89b > .wp-block-group {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* responsive pentru contact us top image */
@media (min-width: 768px) and (max-width: 1024px) {
    #gspb_col-id-gsbp-09767e8 {
        width: 65% !important;
    }
    #gspb_col-id-gsbp-2fc1edb {
        width: 35% !important;
    }
}



.min-max-dk-trade-image img {
    min-height: 550px !important;
    max-height: 650px !important;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    display: block;
}

#gspb_image-id-gsbp-26253fe .gspb_image__wrap {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
}
#gspb_image-id-gsbp-26253fe img {
    width: 320px !important;
    height: auto !important;
}


/* OVERLAY */
.ap-login-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 999998;
}


/* POPUP BASE */
.ap-login-popup {
    display: none; /* 🔥 singurul display */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    width: 100%;
    max-width: 420px;
    max-height: 630px;
    background: #fff;
    overflow: visible;
    box-sizing: border-box;
    padding-bottom: 40px;
}


/* MOBILE DESIGN */
.ap-login-mobile .ap-login-inner {
    background: #fff;
    padding-top: 15px;
    border-radius: 0;
    max-width: 420px;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}



.ap-close-btn {
    position: absolute;
    top: 15px;   /* 🔥 exact cum ai cerut */
    right: 15px; /* 🔥 exact cum ai cerut */
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #000;
}


.ap-login-logo {
    display: block;
    width: 175px;
    margin: 70px auto 48px auto;
}

.ap-label {
    padding-left: 24px;
    color: #000;
    font-family: Sailec, sans-serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.44px;
}

.ap-input {
    display: flex;
    width: calc(100% - 48px);      /* 24px stânga + 24px dreapta */
    max-width: 100%;
    padding: 8px 8px 8px 24px;     /* top right bottom left */
    margin: 4px 24px 0 24px;       /* 🔥 aliniere cu label-ul */
    border-radius: 8px;
    border: 0.852px solid #FFF;
    background: #FFF;
    box-shadow:
        -1px 1px 2px rgba(0, 0, 0, 0.25) inset,
        -1px 1px 2px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    box-sizing: border-box;
}




.ap-field-group {
    margin-bottom: 10px;
}

.ap-login-btn {
    display: flex;
    width: calc(100% - 48px);   /* 24px stânga + 24px dreapta */
    height: 36px;
    padding: 8px;
    margin: 30px 24px 0 24px;   /* 🔥 aliniere perfectă cu input-urile */
    border-radius: 8px;
    border: 0.852px solid rgba(92, 79, 8, 0.80);
    background: #5C4F0899;
    box-shadow:
        -1px 1px 2px rgba(0, 0, 0, 0.25) inset,
        -1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-align: center;
    font-family: Sailec, sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.ap-forgot {
    display: block;
    margin: 10px auto 0 auto;
    text-align: left;
    padding-left: 24px;
    color: #5C4F0899;
    font-family: Sailec, sans-serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.44px;
    text-decoration: none;
}

.ap-create-btn {
    display: flex;
    width: calc(100% - 66px);
    height: 18px;
    padding: 8px;
    margin: 100px 24px 0 24px;
    border-radius: 8px;
    border: 0.852px solid rgba(92, 79, 8, 0.80);
    background: #5C4F0899;
    box-shadow:
        -1px 1px 2px rgba(0, 0, 0, 0.25) inset,
        -1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-align: center;
    font-family: Sailec, sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.ap-signup-text {
    display: block;
    margin-top: 10px;
    padding-left: 24px;
    padding-bottom: 34px;
    text-align: left;
    color: #5C4F0899;
    font-family: Sailec, sans-serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.44px;
    text-decoration: none;
}

/* Eliminăm orice gap impus de GreenShift / WP */
.ap-reset-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px !important;
}

/* Eliminăm marginile implicite */
.ap-reset-wrapper * {
    margin: 0 !important;
    box-sizing: border-box;
}

/* Label */
.ap-reset-wrapper label {
    color: #000;
    padding-top: 30px;
    font-family: Sailec, sans-serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.44px;
    display: block;
}

/* INPUT — egal cu butonul */
.ap-reset-wrapper input[type="email"] {
    display: block;
    width: 100%;
    max-width: 372px;
    padding: 5px;
    border-radius: 8px;
    border: 0.852px solid var(--Neutral-100, #FFF);
    background: var(--Neutral-100, #FFF);
    box-shadow:
        -1px 1px 2px rgba(0,0,0,0.25) inset,
        -1px 1px 2px rgba(0,0,0,0.25);
    font-family: Sailec, sans-serif;
    font-size: 14px;
}

/* BUTTON — egal cu inputul */
.ap-reset-wrapper button#ap-reset-submit {
    display: block;
    width: 100%;
    max-width: 372px;
    height: 30px;
    padding: 8px;
    border-radius: 8px;
    border: 0.852px solid rgba(92, 79, 8, 0.80);
    background: #5C4F0899;
    box-shadow:
        -1px 1px 2px rgba(0,0,0,0.25) inset,
        -1px 1px 2px rgba(0,0,0,0.25);
    cursor: pointer;

    color: #FFF;
    text-align: center;
    font-family: Sailec, sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}


/* Required text */
.ap-reset-wrapper .ap-required {
    color: #5C4F0899;
    font-family: Sailec, sans-serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.44px;
}



/* Eliminăm padding/margin pe imagine */
#gspb_image-id-gsbp-ab9df11 {
    padding: 0 !important;
    margin: 0 !important;
}

/* CSS set new pasword */

/* Wrapper = containerul real */
.ap-newpass-wrapper {
    width: 100%;
    max-width: 372px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
}

/* Eliminăm <p> și <br> */
.ap-newpass-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
}
.ap-newpass-wrapper br {
    display: none !important;
}

/* Label */
.ap-newpass-label {
    color: #000;
    padding-top: 20px;
    font-family: Sailec, sans-serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.44px;
}

/* Input — lățime 100% din wrapper */
.ap-newpass-input {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 0.852px solid #FFF;
    background: #FFF;
    box-shadow:
        -1px 1px 2px rgba(0,0,0,0.25) inset,
        -1px 1px 2px rgba(0,0,0,0.25);
    font-family: Sailec, sans-serif;
    font-size: 14px;
}

/* Button — identic optic cu inputul */
.ap-newpass-btn {
    width: 100%;
    padding: 8px; /* identic cu inputul */
    margin-top: 20px;
    border-radius: 8px;
    border: 0.852px solid rgba(92, 79, 8, 0.80);
    background: #5C4F0899;
    box-shadow:
        -1px 1px 2px rgba(0,0,0,0.25) inset,
        -1px 1px 2px rgba(0,0,0,0.25);
    cursor: pointer;

    color: #FFF;
    text-align: center;
    font-family: Sailec, sans-serif;
    font-size: 12px; /* puțin mai mare ca să fie optic egal */
    font-weight: 300;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* Mesaj */
.ap-newpass-message {
    margin-top: 10px;
    font-family: Sailec, sans-serif;
    font-size: 12px;
    color: #5C4F0899;
}

.ap-newpass-wrapper * {
    box-sizing: border-box !important;
}

.ap-reset-message,
.ap-newpass-message {
    color: #000;
    font-family: Sailec, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.64px;
    margin-top: 12px;
}


/* Interval 350px → 260px (16px → 12px) */
@media (max-width: 350px) {
    .textmic {
        font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 260px) / (350 - 260))), 16px) !important;
    }
}


@media (min-width: 768px) {
    .textmediu {
        font-size: clamp(
            13px,
            calc(13px + (16 - 13) * ((100vw - 768px) / (950 - 768))),
            16px
        ) !important;
    }
}

/* POPUP CONTAINER */
.cookie-popup {
    position: fixed;
    bottom: 20px;
    left: 10px;
    right: 10px;
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    z-index: 999999;
    display: none;
    max-width: 400px;
    margin: 0 auto;
}

/* INNER WRAPPER */
.cookie-popup-inner {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* TITLE */
.cookie-title {
    color: #000;
    font-family: Sailec-Regular, sans-serif;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin: 0;
    margin-top: 15px;
}

/* BODY TEXT */
.cookie-text {
    color: #000;
    font-family: Sailec, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.64px;
    margin: 0;
    padding-bottom: 10px;
}

/* LINK */
.cookie-link {
    color: #000;
    font-family: Sailec, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.64px;
    text-decoration: none;
}

.cookie-link:hover { 
    text-decoration: underline; 
}

/* BUTTONS (COMMON STYLE) */
.cookie-btn {
    width: 80%;
    height: 32px;
    border-radius: 8px;
    border: 0.852px solid rgba(92, 79, 8, 0.60);
    background: rgba(92, 79, 8, 0.60);
    box-shadow: -1px 1px 2px rgba(0,0,0,0.25), 0 4px 4px rgba(0,0,0,0.25);
    cursor: pointer;

    /* TEXT STYLE */
    color: var(--Neutral-100, #FFF);
    text-align: center;
    font-family: Sailec-Thin, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;

    /* CENTER BUTTON */
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/* DECLINE BUTTON — SAME STYLE AS ACCEPT */
.decline-btn {
    background: rgba(92, 79, 8, 0.60);
    color: var(--Neutral-100, #FFF);
    margin-bottom: 30px;
}

/* Ascunde H2 pe paginile 181, 21, 565, 568 */
.page-id-181 h1,
.page-id-21 h1,
.page-id-565 h1,
.page-id-568 h1 {
    display: none !important;
}

/* iOS fix – înlocuim background-attachment: fixed cu un pseudo-element */
@supports (-webkit-touch-callout: none) {
    #gspb_row-id-gsbp-11ef7d2 {
        background: none !important;
        position: relative;
        overflow: hidden;
    }

    #gspb_row-id-gsbp-11ef7d2::before {
        content: "";
        position: fixed; inset: 0;
        background-image: url("/wp-content/uploads/2026/02/Natures-Palette-curated-desktop-1.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
    }
}
@supports (-webkit-touch-callout: none) {
    #gspb_row-id-gsbp-83f8166 {
        background: none !important;
        position: relative;
        overflow: hidden;
    }

    #gspb_row-id-gsbp-83f8166::before {
        content: "";
        position: fixed; inset: 0;
        background-image: url("/wp-content/uploads/2026/02/desktop-home-page-top-scaled.jpeg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
    }
}

@media (min-width: 768px) and (max-width: 865px) {
  .textpentruwill {
    font-size: clamp(
      13px,
      calc(13px + (16 - 13) * ((100vw - 768px) / 97)),
      16px
    ) !important;
  }
}


/* FOOTER mailchip neswletter */

.custom-mc-form {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

/* EMAIL FIELD */
.custom-mc-form .mc-field-wrapper input {
    width: 338px;
    min-width: 300px;
    max-width: 350px;
    padding: 8px 0;
    background: #ffffff;
    color: #a8a291;
    font-family: "Sailec Thin", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .8px;
    font-weight: 300;
    border-radius: 8px;
    border: none;
    box-shadow: -1px 1px 2px 0 #212121, 0px 2px 4px -1px #0000000f;
    text-align: center;
}

.custom-mc-form .mc-field-wrapper input::placeholder {
    color: #a8a291;
}

/* JOIN NOW BUTTON */
.custom-mc-form .mc-submit-wrapper button {
    width: 338px;
    min-width: 300px;
    max-width: 350px;
    padding: 8px 0;
    background: #a8a291;
    color: #ffffff;
    font-family: "Sailec Thin", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .8px;
    font-weight: 300;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    box-shadow: -1px 1px 2px 0 #5c4f08;
    text-align: center;
}

.custom-mc-form .mc-submit-wrapper button:hover {
    background: #756f5e;
    box-shadow: inset -1px 1px 2px 0px #5c4f08;
}

/* RESPONSIVE */
@media (max-width: 1279.98px) {
    .custom-mc-form .mc-field-wrapper input,
    .custom-mc-form .mc-submit-wrapper button {
        width: 250px;
        min-width: 250px;
        max-width: 250px;
    }
}

@media (max-width: 767.98px) {
    .custom-mc-form {
        justify-content: center;
    }

    .custom-mc-form .mc-field-wrapper input,
    .custom-mc-form .mc-submit-wrapper button {
        min-width: 250px;
        max-width: 450px;
    }
}

@media (max-width: 374.98px) {
    .custom-mc-form .mc-field-wrapper input,
    .custom-mc-form .mc-submit-wrapper button {
        min-width: 200px;
        max-width: 400px;
    }
}