/* ==========================================================
   Bendri visu enklebrudekjoler.dk puslapiu antrastes stiliai.
   Iskelta is products.php 2026-09-30, kad VISI puslapiai turetu
   ta pati rozini antrastes fona ir tuos pacius sriftus.
   Jungiamas header.php faile, todel galioja visur.
   ========================================================== */

    /* Feminin Overskrift Boks Styling */
    .nordiske-feminin-header-container {
        width: 100%;
        background: linear-gradient(135deg, #fff5f5 0%, #fff0f5 50%, #faf0f6 100%);
        padding: 4rem 0;                        
    }
    
    .nordiske-feminin-header-container::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, #e8b4d6, transparent);
    }
    
    .nordiske-feminin-header-container::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, #e8b4d6, transparent);
    }
    
    .nordiske-feminin-header-wrapper {
        width: 50%;
        margin: 0 auto;
        position: relative;
    }
    
    .nordiske-feminin-header-content {
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 20px;
        padding: 2.5rem;
        box-shadow: 0 10px 30px rgba(232, 180, 214, 0.15),
                    0 5px 15px rgba(232, 180, 214, 0.1);
        border: 0px solid rgba(255, 240, 245, 0.8);
        position: relative;
        overflow: hidden;
        backdrop-filter: blur(5px);
    }
    
    .nordiske-feminin-header-content::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255, 182, 193, 0.05) 0%, transparent 70%);
        z-index: 0;
    }
    
    .nordiske-feminin-header-inner {
        position: relative;
        z-index: 1;
        text-align: center;
    }
    
    .nordiske-feminin-main-title {
        font-family: 'Playfair Display', serif;
        font-size: 2.8rem;
        color: #8a4b76;
        margin-bottom: 0.8rem;
        font-weight: 400;
        letter-spacing: 0.5px;
        position: relative;
        display: inline-block;
    }
    
    .nordiske-feminin-main-title::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 2px;
        background: linear-gradient(90deg, transparent, #e8b4d6, transparent);
    }
    
    .nordiske-feminin-subtitle {
        font-family: 'Cormorant Garamond', serif;
        font-size: 1.4rem;
        color: #b76e79;
        font-weight: 300;
        font-style: italic;
        margin-bottom: 1.5rem;
        letter-spacing: 0.3px;
    }
    
    .nordiske-feminin-decoration {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin-top: 1.5rem;
    }
    
    .nordiske-feminin-line-left,
    .nordiske-feminin-line-right {
        width: 40px;
        height: 1px;
        background: linear-gradient(90deg, #e8b4d6, #ffc0cb);
    }
    
    .nordiske-feminin-line-left {
        background: linear-gradient(90deg, #ffc0cb, #e8b4d6);
    }
    
    .nordiske-feminin-flower {
        font-size: 1.5rem;
        color: #e8b4d6;
        animation: gentle-float 3s ease-in-out infinite;
    }
    
    /* Animationer */
    @keyframes gentle-float {
        0%, 100% {
            transform: translateY(0) rotate(0deg);
        }
        50% {
            transform: translateY(-5px) rotate(5deg);
        }
    }
    
    /* Responsive Design */
    @media (max-width: 992px) {
        .nordiske-feminin-header-wrapper {
            width: 85%;
        }
        
        .nordiske-feminin-main-title {
            font-size: 2.4rem;
        }
        
        .nordiske-feminin-subtitle {
            font-size: 1.2rem;
        }
    }
    
    @media (max-width: 768px) {
        .nordiske-feminin-header-wrapper {
            width: 90%;
        }
        
        .nordiske-feminin-header-content {
            padding: 2rem;
        }
        
        .nordiske-feminin-main-title {
            font-size: 2rem;
        }
        
        .nordiske-feminin-subtitle {
            font-size: 1.1rem;
        }
    }
    
    @media (max-width: 480px) {
        .nordiske-feminin-header-wrapper {
            width: 95%;
        }
        
        .nordiske-feminin-header-content {
            padding: 1.5rem;
        }
        
        .nordiske-feminin-main-title {
            font-size: 1.8rem;
        }
        
        .nordiske-feminin-subtitle {
            font-size: 1rem;
        }
    }

/* =====================================================================
   FORSIDES TRYS KORTELES (.main-banner) – 2026-10-01.

   Originalioje temoje .inner-content buvo uzdetas ANT nuotraukos
   (position:absolute). Kai 30.09 dingo style.css, ta taisykle prapuole,
   todel telefone antrastes ir mygtukai nukrisdavo virs nuotraukos, kartojosi
   („UDSALG" ir „Udsalg"), o mygtukai likdavo tuscios rozines demes be teksto.
   ===================================================================== */
.main-banner .thumb{
  position:relative; overflow:hidden; border-radius:18px;
  margin-bottom:24px; background:#EFE8E2;
}
.main-banner .thumb img{ display:block; width:100%; height:auto; }
.main-banner .thumb .inner-content{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  padding:22px 20px 24px; color:#fff;
  background:linear-gradient(to top, rgba(60,42,38,.72) 0%, rgba(60,42,38,.45) 55%, rgba(60,42,38,0) 100%);
}
.main-banner .thumb .inner-content h4{
  color:#fff; margin:0 0 6px; font-size:1.3rem; line-height:1.25;
}
.main-banner .thumb .inner-content span{
  color:rgba(255,255,255,.94); display:block; margin-bottom:14px; font-size:.95rem;
}

/* Mygtukas: be sito tekstas lieka nematomas ant rozines demes */
.main-border-button{ display:inline-block; }
.main-border-button a{
  display:inline-block; padding:11px 24px; border-radius:999px;
  background:#B5767C; color:#fff !important; font-size:.95rem;
  text-decoration:none; letter-spacing:.02em;
}
.main-border-button a:hover{ background:#9C6168; color:#fff !important; }

/* Telefonas: zemesnis forsides vaizdas ir siauresne teksto kortele */
@media (max-width: 767px){
  .nordiskeSlidesWrapper_brdkl{ height:380px; }
  .nordiskeSlideText_brdkl{ width:88%; padding:18px 16px; bottom:24px; }
  .nordiskeSlideTitle_brdkl{ font-size:1.5rem; }
  .main-banner .thumb .inner-content{ padding:18px 16px 20px; }
  .main-banner .thumb .inner-content h4{ font-size:1.15rem; }
}

/* ---------------------------------------------------------------------
   Korteles su hover-content (UDSALG, Book din tid).

   Temoje sis blokas rodomas tik uzvedus pele; be dingusios style.css
   taisykles jis likdavo visada matomas, todel antrastes kartojosi
   („UDSALG" ir „Udsalg"). Telefone pelės nera, todel ten rodome butent
   hover-content (jame yra ir mygtukas), o inner-content slepiame.
   --------------------------------------------------------------------- */
.main-banner .thumb .hover-content{
  position:absolute; left:0; right:0; top:0; bottom:0; z-index:3;
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:24px; color:#fff; background:rgba(60,42,38,.74);
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease;
}
.main-banner .thumb:hover .hover-content{ opacity:1; visibility:visible; }
.main-banner .thumb .hover-content h4{ color:#fff; margin:0 0 8px; }
.main-banner .thumb .hover-content p{ color:rgba(255,255,255,.94); margin:0 0 14px; }

/* Mygtuko tekstas turi matytis ant rozines – be sito jis susilieja */
.main-banner .main-border-button a,
.main-border-button a{ background:#9C6168; color:#FFFFFF !important; }

@media (max-width: 767px){
  /* Slepiame tik ten, kur yra hover-content su mygtuku – pirmoje kortelėje
     (.left-content) visas tekstas ir mygtukas yra butent inner-content viduje,
     todel ja slepti negalima. */
  .main-banner .right-content .thumb .inner-content{ display:none; }
  .main-banner .thumb .hover-content{
    position:absolute; left:0; right:0; bottom:0; top:auto;
    display:block; text-align:left; opacity:1; visibility:visible;
    padding:18px 16px 20px;
    background:linear-gradient(to top, rgba(60,42,38,.80) 0%, rgba(60,42,38,.52) 60%, rgba(60,42,38,0) 100%);
  }
  .main-banner .thumb .hover-content h4{ font-size:1.15rem; }
  .main-banner .thumb .hover-content p{ font-size:.95rem; margin-bottom:12px; }
}

/* =====================================================================
   TELEFONO VERSIJOS SLUOKSNIS – 2026-10-01.

   Dingus temos style.css, forsides blokai (.leather, .first-image,
   .second-image, .right-content) liko be jokiu taisykliu: tekstas
   uzlipdavo ant nuotrauku, mygtuku uzrasai susiliedavo su fonu, sekcijos
   lipdavo viena prie kitos. Cia sudeti tik tie dalykai, kuriu truksta.
   ===================================================================== */
@media (max-width: 767px){

  /* Kiekvienas blokas gauna ora ir aiskias ribas */
  .main-banner .col-lg-6,
  .main-banner .right-content > .row > [class*="col-"]{
    width:100%; max-width:100%; flex:0 0 100%; padding-inline:0;
  }
  .leather,
  .first-image, .second-image, .third-image{
    position:relative; overflow:hidden;
    border-radius:18px; margin-bottom:18px; padding:20px 18px;
  }
  .first-image, .second-image, .third-image{ padding:0; }
  .leather img, .first-image img, .second-image img, .third-image img{
    display:block; width:100%; height:auto; border-radius:18px;
  }

  /* Antrastes ir tekstas blokuose – niekada ant nuotraukos krasto */
  .leather h4, .first-image h4, .second-image h4, .third-image h4{
    margin:0 0 6px; font-size:1.15rem; line-height:1.25;
  }
  .leather span, .first-image span, .second-image span, .third-image span{
    display:block; line-height:1.45;
  }

  /* Mygtukai: baltas tekstas ant rozines, visada matomas */
  .main-border-button{ display:block; margin-top:14px; }
  .main-border-button a{
    display:inline-block; width:auto; padding:12px 26px; border-radius:999px;
    background:#9C6168 !important; color:#FFFFFF !important;
    text-decoration:none; font-size:.95rem;
  }

  /* Tekstas, kuris uzlipdavo vienas ant kito */
  .main-banner p, .main-banner span{ position:static; }
  section, .main-banner{ overflow-x:hidden; }
}

/* =====================================================================
   VIRSELIO KADRAS IR MYGTUKAI – 2026-10-01 (vakaras).

   1) Slaidu nuotraukos yra kvadratines (1524x1524), o virselis platus.
      Su object-position: center plačiame ekrane matosi tik vidurine
      juosta – t. y. liemuo ir ranka, o veidas lieka uz kadro. Nuleidziam
      kadra i virsu, kad matytusi veidas ir suknele.
   2) Mygtuku uzrasai buvo rozines spalvos ant rozinio fono ir nesimate.
      Baltas tekstas uzrasomas ir pacioje nuorodoje, ir jos viduje.
   ===================================================================== */
.nordiskeSlideImage_brdkl{ object-position: center 18% !important; }

.main-border-button a,
.main-border-button a *,
.main-banner .main-border-button a,
.main-banner .main-border-button a *{
  color:#FFFFFF !important;
  text-decoration:none !important;
}
.main-border-button a{
  background:#9C6168 !important;
  display:inline-block; padding:12px 26px; border-radius:999px;
  font-size:.95rem; letter-spacing:.02em; box-shadow:0 6px 16px rgba(60,42,38,.18);
}
.main-border-button a:hover{ background:#8A545B !important; }

/* =====================================================================
   PREKIU TINKLELIO IKONOS – 2026-10-01.

   Po temos style.css dingimo .item .thumb .hover-content liko paprastu
   sarasu: po kiekviena suknele atsirado taskeliai ir zvaigzdutes stulpeliu.
   Originaliai tai yra ikonos, gulincios ANT nuotraukos ir pasirodancios
   uzvedus pele. Grazinam ta elgsena.
   ===================================================================== */
.item .thumb{ position:relative; overflow:hidden; border-radius:16px; }
.item .thumb img{ display:block; width:100%; height:auto; }

.item .thumb .hover-content{
  position:absolute; left:0; right:0; bottom:0; z-index:3;
  display:flex; align-items:center; justify-content:center;
  padding:14px 10px;
  background:linear-gradient(to top, rgba(60,42,38,.72), rgba(60,42,38,0));
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease;
}
.item .thumb:hover .hover-content{ opacity:1; visibility:visible; }

.item .thumb .hover-content ul{
  list-style:none !important; margin:0; padding:0;
  display:flex; gap:14px; align-items:center; justify-content:center;
}
.item .thumb .hover-content ul li{
  list-style:none !important; margin:0; padding:0; display:inline-flex;
}
.item .thumb .hover-content ul li a{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:50%;
  background:rgba(255,255,255,.92); color:#6B4A52 !important;
  text-decoration:none; font-size:15px;
}
.item .thumb .hover-content ul li a:hover{ background:#fff; }

/* Telefone pelės nera – ikonos rodomos is karto, bet mazesnes */
@media (max-width: 767px){
  .item .thumb .hover-content{ opacity:1; visibility:visible; padding:10px 8px; }
  .item .thumb .hover-content ul li a{ width:34px; height:34px; font-size:14px; }
}

/* =====================================================================
   NUOTRAUKU SVIESUMAS IR DYDIS – 2026-10-01 (vakaras).

   Linos pastaba: „juodi plemai ant foto ir pamazink foto".
   1) Tamsinimas paliekamas tik apatineje juostoje po tekstu, o ne ant visos
      nuotraukos; pats atspalvis sviesesnis.
   2) Korteliu nuotraukoms uzdedamas auksčio limitas, kad jos neuzimtu viso
      ekrano.
   ===================================================================== */
.main-banner .thumb .inner-content,
.main-banner .thumb .hover-content{
  background:linear-gradient(to top,
      rgba(60,42,38,.58) 0%,
      rgba(60,42,38,.26) 42%,
      rgba(60,42,38,0) 68%) !important;
}
.item .thumb .hover-content{
  background:linear-gradient(to top,
      rgba(60,42,38,.52) 0%,
      rgba(60,42,38,0) 70%) !important;
}

/* Jokio tamsinimo ant visos nuotraukos */
.main-banner .thumb::before, .main-banner .thumb::after,
.item .thumb::before, .item .thumb::after{ background:none !important; }

/* Nuotraukos zemesnes */
.main-banner .left-content .thumb img{ max-height:540px; object-fit:cover; }
.main-banner .right-content .thumb img{ max-height:300px; object-fit:cover; }
@media (max-width: 767px){
  .main-banner .left-content .thumb img{ max-height:340px; }
  .main-banner .right-content .thumb img{ max-height:260px; }
}

/* =====================================================================
   REITINGO ZVAIGZDUTES PO PREKE – 2026-10-01.

   <ul class="stars"> liko be stiliaus, todel po kiekviena suknele matesi
   stulpelis taskeliu kaireje ir zvaigzduciu desineje. Turi buti viena
   horizontali eilute po kaina.
   ===================================================================== */
.down-content ul.stars,
ul.stars{
  list-style:none !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  gap:4px;
  justify-content:center;
  align-items:center;
}
.down-content ul.stars li,
ul.stars li{
  list-style:none !important;
  display:inline-flex !important;
  margin:0 !important;
  padding:0 !important;
  color:#C9A227;
  font-size:14px;
}
.down-content ul.stars li::marker,
ul.stars li::marker{ content:none !important; }

/* Prekes pavadinimas ir kaina – ramiai, po nuotrauka */
.down-content{ padding:14px 10px 18px; text-align:center; }
.down-content h4{ font-size:1.02rem; line-height:1.35; margin:0 0 4px; }
.down-content span{ display:block; color:#9C6168; font-size:.95rem; }
/* ==========================================================
   Zvaigzdutes uzlipdavo ant prekes pavadinimo (2026-10-02).
   Temos style.css turi stipresni selektoriu su ID:
     #men .item .down-content ul.stars { position:absolute; top:30px; right:0 }
   Del jo zvaigzdutes buvo istrauktos is srauto ir atsidurdavo
   ant pavadinimo, kai jis issilauzdavo i dvi eilutes.
   Grazinam jas i normalu srauta po kaina. Nieko netrinam.
   ========================================================== */
#men .item .down-content ul.stars,
#women .item .down-content ul.stars,
.item .down-content ul.stars,
.down-content ul.stars,
ul.stars{
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
}


/* =================================================================
   Forsides korteles: uzvedus pele matosi TIK vienas tekstas
   -----------------------------------------------------------------
   Linos pastebeta 2026-10-03: "Udsalg" ir "UDSALG" uzlipdavo vienas
   ant kito. Priezastis - kiekviena desine kortele turi du teksto
   blokus: nuolatini (.inner-content) ir hover (.hover-content).
   Uzvedus pele antrasis atsirasdavo, bet pirmasis nedingdavo, ir
   296x140 px plote tekstai persidengdavo.
   Telefone (max-width:767px) .inner-content jau slepiamas auksciau,
   todel cia liecia tik kompiuteri. Nieko nepasalinta - tik pridéta.
   ================================================================= */
@media (min-width: 768px){
  .main-banner .right-content .right-first-image .thumb .inner-content{
    transition: opacity .25s ease, visibility .25s ease;
  }
  .main-banner .right-content .right-first-image .thumb:hover .inner-content{
    opacity: 0;
    visibility: hidden;
  }
}


/* =================================================================
   Telefonas: korteliu uzrasai turi matytis
   -----------------------------------------------------------------
   Linos pastebeta 2026-10-03: telefone korteliu tekstai nesimate
   visai. Priezastis - style.css turi selektoriu su PENKIOMIS klasemis
   (.main-banner .right-content .right-first-image .thumb .hover-content),
   kuris nustato opacity:0, o ankstesne mobilioji taisykle cia turejo
   tik tris klases ir pralaimedavo. Cia tas pats ketinimas, tik su
   pakankamu specifiskumu. Nieko nepasalinta - tik pridéta.
   ================================================================= */
@media (max-width: 767px){
  .main-banner .right-content .right-first-image .thumb .hover-content{
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0; right: 0; bottom: 0; top: auto;
    display: block;
    text-align: left;
    padding: 18px 16px 20px;
    background: linear-gradient(to top, rgba(60,42,38,.74) 0%, rgba(60,42,38,0) 100%);
  }
  .main-banner .right-content .right-first-image .thumb .hover-content .inner{
    position: static;
    transform: none;
  }
}