/*
Theme Name: Culture Port Cetate
Theme URI: https://portcetate.com
Author: Hexagon Sun
Description: Official theme for Culture Port Cetate — Mircea Dinescu
Version: 1.0
Text Domain: portcetate
*/

/* ── RESET & VARS ───────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --dk:#0f0c07;--wm:#1d1609;--br:#3d2a12;
  --go:#b8832a;--gl:#d4a040;--gp:#e8c87a;
  --pa:#f0e6d2;--cr:#faf6ee;
  --tx:#1d1609;--tm:#5a4020;--tl:#8a6e45;
  --nav:70px;
  --radius:0;
  --transition:all .2s ease;
}
html{scroll-behavior:smooth;}
body{font-family:'Lora',serif;color:var(--tx);background:var(--cr);overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.2;color:var(--wm);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
button{cursor:pointer;}

/* ── UTILS ──────────────────────────────────────────────── */
.sec{padding:76px 66px;}
.wide{max-width:1200px;margin:0 auto;}
.narrow{max-width:780px;margin:0 auto;}
.lbl{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.38em;
  text-transform:uppercase;color:var(--go);margin-bottom:11px;display:block;}
.st{font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:600;margin-bottom:18px;}
.bt{font-size:.95rem;line-height:1.88;color:var(--tm);margin-bottom:14px;}
.dvd{display:flex;align-items:center;gap:14px;margin:30px 0;}
.dvdl{flex:1;height:1px;background:rgba(184,131,42,.22);}
.dvdd{width:6px;height:6px;background:var(--go);transform:rotate(45deg);flex-shrink:0;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start;}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:rgba(184,131,42,.12);}
.dksec{background:var(--wm);padding:76px 66px;}
.parsec{background:var(--pa);padding:76px 66px;}

/* ── BUTTONS ────────────────────────────────────────────── */
.bp,.bs{
  display:inline-block;
  width:200px;min-width:200px;max-width:200px;
  padding:14px 0;
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;
  border:1px solid var(--go);
  transition:var(--transition);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bp{background:var(--go);color:white;}
.bp:hover{background:var(--gl);border-color:var(--gl);}
.bs{background:transparent;color:white;border-color:rgba(255,255,255,.65);}
.bs:hover{border-color:white;background:rgba(255,255,255,.1);}
.bp-outline{background:transparent;color:var(--go);border-color:var(--go);}
.bp-outline:hover{background:var(--go);color:white;}
.bp-full{width:100%;max-width:100%;}

/* ── HEADER ─────────────────────────────────────────────── */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:var(--nav);
  background:rgba(250,246,238,.96);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(184,131,42,.18);
  display:flex;align-items:center;padding:0 44px;gap:24px;
}
.hlt{flex-shrink:0;cursor:pointer;display:flex;align-items:center;}
.hlt img{height:46px;width:auto;}
nav.main-nav{flex:1;display:flex;justify-content:center;gap:2px;}
.nl{
  padding:0 15px;height:var(--nav);display:flex;align-items:center;
  font-family:'Cormorant Garamond',serif;font-size:13.5px;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--tm);background:none;border:none;
  transition:color .2s;white-space:nowrap;position:relative;
}
.nl:hover,.nl.act{color:var(--go);}
.nl::after{content:'';position:absolute;bottom:0;left:15px;right:15px;
  height:2px;background:var(--go);transform:scaleX(0);transition:transform .25s ease;}
.nl:hover::after,.nl.act::after{transform:scaleX(1);}

/* ── LANGUAGE FLAG SELECTOR ─────────────────────────────── */
.lang-selector{position:relative;display:flex;align-items:center;}
#lang-flag-btn{
  background:none;border:none;font-size:1.35rem;
  padding:4px 6px;line-height:1;cursor:pointer;
  border-radius:4px;transition:transform .2s;
}
#lang-flag-btn:hover{transform:scale(1.2);}
#lang-dropdown{
  display:none;position:absolute;top:calc(100% + 8px);right:0;
  background:var(--cr);border:1px solid rgba(184,131,42,.25);
  border-top:2px solid var(--go);
  box-shadow:0 8px 22px rgba(0,0,0,.1);
  padding:6px 4px;z-index:300;
  flex-direction:column;align-items:center;gap:2px;min-width:44px;
}
#lang-dropdown.open{display:flex;}
.lang-opt{
  background:none;border:none;font-size:1.25rem;padding:5px 8px;
  border-radius:3px;cursor:pointer;line-height:1;
  transition:background .15s;width:100%;text-align:center;
}
.lang-opt:hover,.lang-opt.active{background:var(--pa);}

/* ── HAMBURGER ──────────────────────────────────────────── */
.hamburger{display:none;flex-direction:column;gap:5px;
  background:none;border:none;padding:6px;margin-left:4px;}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--tx);transition:all .3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4.5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4.5px);}
.mobile-nav{
  display:none;position:fixed;top:var(--nav);left:0;right:0;z-index:999;
  background:rgba(250,246,238,.98);border-bottom:2px solid var(--go);
  padding:12px 0;flex-direction:column;
}
.mobile-nav.open{display:flex;}
.mnl{padding:13px 40px;font-family:'Cormorant Garamond',serif;font-size:14px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--tm);
  background:none;border:none;text-align:left;transition:color .2s;}
.mnl:hover{color:var(--go);}

/* ── DECORATIVE DECO BANNER (painted strip) ─────────────── */
.deco-banner{width:100%;height:78px;background-size:cover;background-position:center;opacity:.9;}

/* ── UNIVERSAL SLIDER ───────────────────────────────────── */
.pcc-slider{position:relative;overflow:hidden;background:var(--wm);}
.pcc-slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.4s ease;
}
.pcc-slide.active{opacity:1;}
.pcc-dots{
  position:absolute;bottom:12px;left:50%;transform:translateX(-50%);
  display:flex;gap:7px;z-index:10;
}
.pcc-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.4);border:none;padding:0;
  cursor:pointer;transition:background .3s;
}
.pcc-dot.active{background:var(--go);}

/* ── PAGE BANNER SLIDER ─────────────────────────────────── */
.page-banner{position:relative;height:320px;overflow:hidden;}
.page-banner .pcc-slider{height:100%;}
.pb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.46);z-index:2;pointer-events:none;}
.pb-fade{position:absolute;bottom:0;left:0;right:0;height:90px;
  background:linear-gradient(transparent,var(--cr));z-index:3;pointer-events:none;}
.pb-content{position:absolute;bottom:42px;left:66px;right:66px;z-index:4;color:white;}
.pb-bc{font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.38em;
  text-transform:uppercase;color:rgba(232,200,122,.85);margin-bottom:9px;display:block;}
.pb-title{font-size:clamp(1.9rem,4vw,3rem);font-weight:600;
  text-shadow:0 2px 14px rgba(0,0,0,.3);font-family:'Playfair Display',serif;}

/* ── SECTION SLIDERS ────────────────────────────────────── */
.sec-slider{position:relative;overflow:hidden;background:var(--wm);}
.sec-slider .pcc-slider{width:100%;height:100%;}
/* Sizes set by parent wrapper */
.sec-slider-landscape{aspect-ratio:16/9;}
.sec-slider-square{aspect-ratio:1/1;}
.sec-slider-portrait{aspect-ratio:3/4;}
.sec-slider-wide{aspect-ratio:4/3;}

/* ── HERO ────────────────────────────────────────────────── */
.hero{
  position:relative;height:100vh;min-height:580px;
  margin-top:var(--nav);overflow:hidden;display:flex;
}
.hp{flex:1;position:relative;overflow:hidden;}
.hp-grad-l{position:absolute;inset:0;background:linear-gradient(150deg,#4a3010 0%,#8a6020 45%,#5a4015 100%);}
.hp-grad-r{position:absolute;inset:0;background:linear-gradient(210deg,#0a2030 0%,#1e4060 45%,#2a5570 100%);}
.hp-overlay{position:absolute;inset:0;background:rgba(0,0,0,.38);z-index:2;}
.hp .pcc-slider{position:absolute;inset:0;z-index:1;background:transparent;}
.hp .pcc-slide{opacity:0;transition:opacity 1.5s ease;}
.hp .pcc-slide.active{opacity:.55;}
.hp .pcc-dots{display:none;}
.hdv{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);
  background:linear-gradient(to bottom,transparent 4%,var(--gp) 28%,var(--go) 50%,var(--gp) 72%,transparent 96%);
  z-index:10;pointer-events:none;}
.hdv-d{position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--go);
  transform:translate(-50%,-50%) rotate(45deg);z-index:11;}
.hc{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;color:white;padding:0 24px;
  pointer-events:none;}
.hc .hbtns{pointer-events:all;}
.hey{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.42em;
  text-transform:uppercase;color:rgba(232,200,122,.9);margin-bottom:18px;
  animation:fadeUp .9s .2s both;}
.htit{font-size:clamp(2.8rem,6.5vw,5.5rem);font-weight:700;line-height:.95;
  margin-bottom:18px;text-shadow:0 2px 24px rgba(0,0,0,.5);animation:fadeUp .9s .4s both;}
.htit em{font-style:italic;color:rgba(232,200,122,.9);}
.hsub{font-family:'Cormorant Garamond',serif;font-size:clamp(.9rem,1.8vw,1.15rem);
  font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.82);
  margin-bottom:32px;animation:fadeUp .9s .6s both;}
.hbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeUp .9s .8s both;}
.hscroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:20;
  display:flex;flex-direction:column;align-items:center;gap:7px;
  color:rgba(255,255,255,.5);font-family:'Cormorant Garamond',serif;
  font-size:10px;letter-spacing:.3em;text-transform:uppercase;
  transition:opacity .4s;}
.hscr-line{width:1px;height:36px;
  background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);
  animation:scrollPulse 2s infinite;}

/* ── QUOTE BLOCK ────────────────────────────────────────── */
.qtb{background:var(--wm);padding:76px 66px;text-align:center;}
.qm{font-family:'Playfair Display',serif;font-size:76px;color:var(--go);
  line-height:.5;margin-bottom:20px;}
.qt{font-family:'Cormorant Garamond',serif;font-size:clamp(1.2rem,2.2vw,1.9rem);
  font-weight:300;font-style:italic;line-height:1.72;max-width:740px;
  margin:0 auto 20px;color:var(--pa);}
.qa{font-family:'Cormorant Garamond',serif;font-size:12px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--go);}

/* ── FEATURE CARDS ──────────────────────────────────────── */
.fcg{display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(184,131,42,.15);border-bottom:none;}
.fc{padding:40px 30px;border-right:1px solid rgba(184,131,42,.15);
  border-bottom:1px solid rgba(184,131,42,.15);cursor:pointer;
  transition:background .2s;background:var(--cr);position:relative;overflow:hidden;}
.fc::after{content:'';position:absolute;bottom:0;left:0;right:0;
  height:3px;background:var(--go);transform:scaleX(0);transition:transform .3s ease;}
.fc:last-child{border-right:none;}
.fc:hover{background:var(--pa);}
.fc:hover::after{transform:scaleX(1);}
.fcl{font-family:'Cormorant Garamond',serif;font-size:11px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--go);margin-bottom:9px;}
.fct{font-size:1.2rem;font-weight:600;margin-bottom:12px;}
.fcb{font-size:.875rem;line-height:1.78;color:var(--tm);margin-bottom:18px;}
.fck{font-family:'Cormorant Garamond',serif;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--go);}

/* ── TABS ────────────────────────────────────────────────── */
.pcc-tabs{}
.pcc-tab-bar{display:flex;border-bottom:1px solid rgba(184,131,42,.2);margin-bottom:44px;}
.pcc-tab-btn{padding:12px 24px;font-family:'Cormorant Garamond',serif;font-size:12.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--tm);background:none;border:none;
  border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:all .2s;}
.pcc-tab-btn:hover,.pcc-tab-btn.active{color:var(--go);border-bottom-color:var(--go);}
.pcc-tab-panel{display:none;}
.pcc-tab-panel.active{display:block;}

/* ── ACCOMMODATION CARDS ────────────────────────────────── */
.acg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.acc{background:white;border:1px solid rgba(184,131,42,.15);overflow:hidden;
  cursor:pointer;transition:transform .22s,box-shadow .22s;}
.acc:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.11);}
.aci{height:220px;position:relative;overflow:hidden;}
.aci .pcc-slider{height:100%;position:absolute;inset:0;}
.acbg{position:absolute;bottom:14px;left:14px;padding:6px 16px;z-index:5;
  background:rgba(15,12,7,.84);color:rgba(232,200,122,.92);
  font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.17em;text-transform:uppercase;}
.acbd{padding:28px;}
.acn{font-size:1.45rem;font-weight:600;margin-bottom:10px;}
.acd{font-size:.88rem;line-height:1.78;color:var(--tm);margin-bottom:16px;}
.tag{display:inline-block;padding:4px 11px;background:var(--pa);
  border:1px solid rgba(184,131,42,.2);
  font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--tm);margin:0 4px 6px 0;}

/* ── EVENTS GRID ────────────────────────────────────────── */
.evg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;
  background:rgba(184,131,42,.12);}
.evc{background:var(--cr);overflow:hidden;}
.evc .aci{height:200px;cursor:default;}
.evb{padding:22px;}
.evt{display:inline-block;margin-bottom:10px;padding:4px 13px;background:var(--go);
  color:white;font-family:'Cormorant Garamond',serif;font-size:11px;
  letter-spacing:.15em;text-transform:uppercase;}
.evh{font-size:1.08rem;font-weight:600;margin-bottom:8px;}
.evp{font-size:.87rem;line-height:1.75;color:var(--tm);}

/* ── EVENT FEATURE CARDS ────────────────────────────────── */
.ev-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;}
.ev-card{padding:22px;background:var(--pa);border-top:3px solid var(--go);}
.ev-icon{font-size:1.4rem;margin-bottom:10px;}

/* ── MUSEUM ITEMS ────────────────────────────────────────── */
.mug{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;
  background:rgba(184,131,42,.12);margin-top:36px;}
.mui{background:var(--cr);overflow:hidden;}
.muimg{height:190px;position:relative;overflow:hidden;}
.muimg .pcc-slider{height:100%;position:absolute;inset:0;}
.mub{padding:18px 22px;}
.muh{font-size:1rem;font-weight:600;margin-bottom:5px;}
.mup{font-size:.84rem;line-height:1.72;color:var(--tm);}

/* ── CONTACT ─────────────────────────────────────────────── */
.cog{display:grid;grid-template-columns:1fr 1fr;gap:60px;}
.ci{display:flex;gap:14px;margin-bottom:26px;}
.cii{font-size:1.05rem;color:var(--go);flex-shrink:0;padding-top:2px;}
.cil{font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--go);margin-bottom:4px;display:block;}
.civ{font-size:.93rem;color:var(--tm);line-height:1.62;}
.mph{height:280px;background:linear-gradient(135deg,#1a2a3a,#2a4a5a);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.3);font-family:'Cormorant Garamond',serif;
  font-size:12px;letter-spacing:.3em;text-transform:uppercase;}
input[type=text],input[type=email],textarea,input[type=tel]{
  width:100%;padding:12px 14px;border:1px solid rgba(184,131,42,.3);
  background:white;font-family:'Lora',serif;font-size:.88rem;color:var(--tx);
  outline:none;margin-bottom:12px;border-radius:0;appearance:none;
}
input:focus,textarea:focus{border-color:var(--go);}
textarea{resize:vertical;}
.form-success{display:none;padding:16px 22px;background:#e8f5e9;
  border-left:4px solid #4caf50;color:#2e7d32;
  font-family:'Cormorant Garamond',serif;font-size:1rem;margin-bottom:16px;}

/* ── OFFER PAGE ──────────────────────────────────────────── */
.offhdr{background:var(--wm);padding:56px 66px;text-align:center;}
.offbdg{display:inline-block;padding:5px 18px;border:1px solid var(--go);color:var(--go);
  font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.3em;
  text-transform:uppercase;margin-bottom:16px;}
.offer-section{margin-bottom:44px;}
.offer-section h3{font-size:1.35rem;font-weight:600;margin-bottom:14px;
  padding-bottom:10px;border-bottom:1px solid rgba(184,131,42,.25);}
.offer-table{width:100%;border-collapse:collapse;margin-bottom:16px;}
.offer-table th{text-align:left;padding:10px 14px;background:var(--wm);
  color:var(--gp);font-family:'Cormorant Garamond',serif;
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;}
.offer-table td{padding:10px 14px;border-bottom:1px solid rgba(184,131,42,.15);
  font-size:.9rem;color:var(--tm);}
.offer-table tr:nth-child(even) td{background:var(--pa);}
.price{font-weight:600;color:var(--br);white-space:nowrap;
  font-family:'Playfair Display',serif;}
.offer-note{padding:16px 20px;background:var(--pa);border-left:3px solid var(--go);
  font-size:.88rem;line-height:1.8;color:var(--tm);margin-bottom:14px;}

/* ── FOOTER ──────────────────────────────────────────────── */
.ftr{background:#111;color:white;padding:56px 66px 24px;}
.ftm{display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px;
  padding-bottom:42px;border-bottom:1px solid rgba(184,131,42,.2);margin-bottom:22px;}
.ftr-logo{cursor:pointer;}
.ftr-logo img{height:50px;width:auto;}
.ftr-tagline{font-family:'Cormorant Garamond',serif;font-size:11px;
  letter-spacing:.35em;text-transform:uppercase;color:var(--go);opacity:.75;margin-top:9px;}
.fqt{font-family:'Cormorant Garamond',serif;font-size:.92rem;font-style:italic;
  line-height:1.82;color:rgba(255,255,255,.58);padding:0 14px;border-left:2px solid var(--go);}
.fqt cite{display:block;margin-top:10px;font-style:normal;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--go);}
.fcl2{font-family:'Cormorant Garamond',serif;font-size:10px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--go);margin-bottom:3px;display:block;}
.fcv{font-size:.87rem;color:rgba(255,255,255,.62);margin-bottom:12px;line-height:1.5;}
.fbot{display:flex;justify-content:space-between;align-items:center;
  font-family:'Cormorant Garamond',serif;font-size:11px;
  letter-spacing:.1em;color:rgba(255,255,255,.3);}
.foff{cursor:pointer;opacity:.4;transition:opacity .2s;}
.foff:hover{opacity:1;}

/* ── ANIMATIONS ──────────────────────────────────────────── */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(16px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes scrollPulse{
  0%,100%{opacity:.5;transform:scaleY(1);}
  50%{opacity:1;transform:scaleY(1.3);}
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:1024px){
  .sec,.dksec,.parsec,.qtb,.offhdr,.ftr{padding:56px 36px;}
  .pb-content{left:36px;right:36px;}
}
@media(max-width:900px){
  nav.main-nav{display:none;}
  .hamburger{display:flex;}
  .sec,.dksec,.parsec,.qtb,.offhdr,.ftr{padding:48px 20px;}
  .pb-content{left:20px;right:20px;}
  .fcg{grid-template-columns:1fr 1fr;}
  .evg,.acg,.g2,.cog,.ev-feat,.mug{grid-template-columns:1fr;}
  .ftm{grid-template-columns:1fr;gap:28px;}
  .htit{font-size:2.6rem;}
  .page-banner{height:260px;}
}
@media(max-width:540px){
  .fcg{grid-template-columns:1fr;}
  .hbtns{flex-direction:column;align-items:center;}
  .bp,.bs{width:220px;min-width:220px;}
}

/* ── MULTILINGUAL VISIBILITY ─────────────────────────────────────────────
   .l-en / .l-ro / .l-fr / .l-it  elements swap based on body class.
   English is shown by default (no JS needed).
   All other languages are hidden unless body has lang-XX class.
*/
.l-ro, .l-fr, .l-it { display: none; }
.l-en { display: block; }
span.l-ro, span.l-fr, span.l-it { display: none; }
span.l-en { display: inline; }

body.lang-ro .l-ro  { display: block  !important; }
body.lang-ro .l-en,
body.lang-ro .l-fr,
body.lang-ro .l-it  { display: none   !important; }

body.lang-fr .l-fr  { display: block  !important; }
body.lang-fr .l-en,
body.lang-fr .l-ro,
body.lang-fr .l-it  { display: none   !important; }

body.lang-it .l-it  { display: block  !important; }
body.lang-it .l-en,
body.lang-it .l-ro,
body.lang-it .l-fr  { display: none   !important; }

body.lang-ro span.l-ro { display: inline !important; }
body.lang-ro span.l-en,
body.lang-ro span.l-fr,
body.lang-ro span.l-it { display: none   !important; }

body.lang-fr span.l-fr { display: inline !important; }
body.lang-fr span.l-en,
body.lang-fr span.l-ro,
body.lang-fr span.l-it { display: none   !important; }

body.lang-it span.l-it { display: inline !important; }
body.lang-it span.l-en,
body.lang-it span.l-ro,
body.lang-it span.l-fr { display: none   !important; }


/* ══════════════════════════════════════════════════════════════════════════
   v1.6 — Final: pan-down banners, auto arrows/dots, title colour,
           Dinescu text styled like quote block
══════════════════════════════════════════════════════════════════════════ */

/* ── HERO TITLE — warm gold to match theme ─────────────────────────────── */
.htit {
  color: #fff5dc;          /* warm bright near-white for "Culture Port"      */
}
.htit em {
  color: var(--gp);        /* #e8c87a gold for "Cetate"                      */
  font-style: italic;
}

/* ── PAGE BANNER — pan-down, no overlay ────────────────────────────────── */
.deco-banner { display: none !important; }

.page-banner {
  position: relative;
  height: 500px;
  overflow: hidden;        /* overflow:hidden IS the mask                     */
}
.page-banner .pcc-slider {
  position: absolute;
  inset: 0;
  height: 100% !important;
  width: 100%;
}
.page-banner .pb-overlay,
.page-banner .pb-fade    { display: none !important; }
.page-banner::before,
.page-banner::after      { display: none !important; content: none !important; }

/* Static banner slides — clean fade only, no movement */
.page-banner .pcc-slide {
  background-size:     cover;
  background-position: 50% 40%;    /* show a balanced crop of the photo */
  opacity: 0;
  transition: opacity 1.4s ease;
}
.page-banner .pcc-slide.active {
  opacity: 1;
}

/* Page title below banner */
.pb-title-block {
  background: var(--cr);
  padding: 30px 66px 0;
  border-bottom: 1px solid rgba(184,131,42,.12);
}
.pb-title-h {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.9rem, 4vw, 3rem);
  font-weight: 600;
  color: var(--wm);
  margin: 0;
  padding-bottom: 26px;
}
.pb-bc { display: none; }

/* ── ARROWS — section/card sliders ─────────────────────────────────────── */
.sl-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 36px;
  height: 54px;
  background: rgba(10,8,4,.52);
  color: rgba(255,255,255,.9);
  border: none;
  cursor: pointer;
  font-size: 1.65rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .18s;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.sl-arrow:hover  { background: var(--go); }
.sl-prev { left: 0;  border-radius: 0 3px 3px 0; }
.sl-next { right: 0; border-radius: 3px 0 0 3px; }

/* ── DOTS — page banners only ───────────────────────────────────────────── */
.pcc-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
  z-index: 10;
}
.pcc-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.38);
  border: none; padding: 0;
  cursor: pointer;
  transition: background .3s;
}
.pcc-dot.active { background: var(--go); }

/* ── DINESCU TEXT BLOCK — styled like quote block ───────────────────────── */
.dinescu-text {
  background: var(--wm);
  padding: 72px 66px;
}
.dinescu-text-inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.dt-header { margin-bottom: 36px; }
.dt-eyebrow {
  font-family: 'Cormorant Garamond', serif;
  font-size: 12px;
  letter-spacing: .44em;
  text-transform: uppercase;
  color: var(--go);
  display: block;
  margin-bottom: 20px;
}
.dt-rule-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 320px;
  margin: 0 auto;
}
.dt-rule    { flex: 1; height: 1px; background: rgba(184,131,42,.32); }
.dt-diamond { width: 6px; height: 6px; background: var(--go); transform: rotate(45deg); flex-shrink: 0; }

/* Paragraphs — same style as .qt but slightly smaller, left-aligned in container */
.dt-para {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.05rem, 1.7vw, 1.22rem);
  font-weight: 300;
  font-style: italic;
  line-height: 1.82;
  color: var(--pa);
  margin-bottom: 1.35em;
  text-align: left;
}
.dt-para:last-of-type { margin-bottom: 0; }


/* ── LANGUAGE FIX v1.7 ──────────────────────────────────────────────────────
   Explicit hide rules for every language state.
   Beats inline style="display:block" on <strong> and other elements.
   Without these, English mode shows all 4 language versions simultaneously.
─────────────────────────────────────────────────────────────────────────── */

/* Default: hide RO / FR / IT (before JS runs, EN is shown) */
.l-ro, .l-fr, .l-it { display: none !important; }
.l-en { display: block; }
span.l-ro, span.l-fr, span.l-it { display: none !important; }
span.l-en { display: inline; }

/* EN active — hide everything that isn't EN */
body.lang-en .l-ro,
body.lang-en .l-fr,
body.lang-en .l-it  { display: none !important; }
body.lang-en .l-en  { display: block !important; }
body.lang-en span.l-ro,
body.lang-en span.l-fr,
body.lang-en span.l-it { display: none !important; }
body.lang-en span.l-en { display: inline !important; }

/* RO active */
body.lang-ro .l-ro  { display: block !important; }
body.lang-ro .l-en,
body.lang-ro .l-fr,
body.lang-ro .l-it  { display: none !important; }
body.lang-ro span.l-ro  { display: inline !important; }
body.lang-ro span.l-en,
body.lang-ro span.l-fr,
body.lang-ro span.l-it  { display: none !important; }

/* FR active */
body.lang-fr .l-fr  { display: block !important; }
body.lang-fr .l-en,
body.lang-fr .l-ro,
body.lang-fr .l-it  { display: none !important; }
body.lang-fr span.l-fr  { display: inline !important; }
body.lang-fr span.l-en,
body.lang-fr span.l-ro,
body.lang-fr span.l-it  { display: none !important; }

/* IT active */
body.lang-it .l-it  { display: block !important; }
body.lang-it .l-en,
body.lang-it .l-ro,
body.lang-it .l-fr  { display: none !important; }
body.lang-it span.l-it  { display: inline !important; }
body.lang-it span.l-en,
body.lang-it span.l-ro,
body.lang-it span.l-fr  { display: none !important; }
