/* croaziere-header 1.1.1 – site header, Ponant-style (all front-end pages).
   body.czh is added in PHP. Transparent over a hero photo (white logo + items), solid white with the black logo
   when scrolled or on pages without a photo. The theme markup is restyled, not replaced, so without this file
   the theme header comes back exactly as before. */
body.czh{--czh-h:64px;--czh-ink:#1C1F1A}
@media (min-width:1200px){body.czh{--czh-h:80px}}

/* 1. bar */
body.czh .header{position:fixed!important;top:0;left:0;right:0;z-index:1030;height:var(--czh-h);color:var(--czh-ink);background:#fff;box-shadow:0 1px 0 rgba(28,31,26,.08);
  transition:background-color .35s ease,color .35s ease,box-shadow .35s ease,top .35s ease;font-family:Montserrat,"Helvetica Neue",Arial,sans-serif}
body.czh .header::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--czh-h) + 56px);pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:linear-gradient(180deg,rgba(0,0,0,.50) 0,rgba(0,0,0,.28) 45%,rgba(0,0,0,0) 100%)}
body.czh .header>.container{position:relative;height:100%;width:auto!important;max-width:none;padding:0 8px;box-shadow:none!important}
body.czh .header-contact{display:none!important} /* the grey-blue "0735 540 551 • Scrieți-ne pe WhatsApp" strip */
/* transparent over a photo, until the visitor scrolls */
body.czh.czh-hero:not(.czh-solid) .header{background:transparent;color:#fff;box-shadow:none}
body.czh.czh-hero:not(.czh-solid) .header::before{opacity:1}
body.czh.czh-solid .header{box-shadow:0 1px 0 rgba(28,31,26,.08),0 6px 18px rgba(28,31,26,.06)}
body.czh.czh-hide:not(.czh-menu) .header{top:calc(-1 * var(--czh-h) - 8px)}
/* pages without a photo: keep the content below the fixed bar */
body.czh:not(.czh-hero){padding-top:var(--czh-h)}

/* 2. logo: Daniela's PNGs (white on a photo, charcoal on white). Both are in the HTML; only a class decides which shows.
   The files carry ~14% empty space above/below the letters, so a 30px (34px desktop) box gives ~22px (~25px) letters. */
body.czh .header .logo-wrap{height:auto;color:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;line-height:0}
body.czh .header .logo-wrap object.logo{display:none!important}
body.czh .header .czh-logo{display:block;height:30px;width:auto;max-width:none;aspect-ratio:600/109}
body.czh .header .czh-logo-w{display:none}
body.czh.czh-hero:not(.czh-solid):not(.czh-menu) .header .czh-logo-w{display:block}
body.czh.czh-hero:not(.czh-solid):not(.czh-menu) .header .czh-logo-c{display:none}
body.czh .czh-mtop .czh-logo-w{display:none!important}
body.czh .czh-mtop .czh-logo-c{display:block!important}
body.czh .header .logo-wrap:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* 3. phones and tablets (<1200): ☰ left · logo centred · WhatsApp right, all tap targets 44px+ */
body.czh .mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--czh-h)}
body.czh .mobile-header .logo-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
body.czh .mobile-nav-show{order:1}
body.czh .mobile-nav-phone{order:3}
body.czh .mobile-nav-show,body.czh .mobile-nav-phone{width:48px;height:48px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;color:inherit!important}
body.czh .mobile-nav-phone a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:inherit!important}
body.czh .mobile-nav-phone .fa,body.czh .mobile-nav-show .fa{display:none}
/* 1.1.1: croaziere-share (contact_to_whatsapp) puts its own WhatsApp icon (span.czsh-hdr-wa) inside the same phone link,
   after this script already added ours, so the link showed two icons. Keep ours, hide theirs – only inside the header phone link. */
body.czh .mobile-header .mobile-nav-phone a .czsh-hdr-wa{display:none!important}
body.czh .mobile-nav-phone .czsh-i,body.czh .czh-wa .czsh-i,body.czh .czh-wa svg{width:24px;height:24px}
body.czh .mobile-nav-show::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5h18M3 12h18M3 17.5h18' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5h18M3 12h18M3 17.5h18' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* 4. menu panel (phones/tablets) */
body.czh .mobile-nav-wrap{z-index:1040;background:#fff;color:var(--czh-ink);overflow-y:auto;-webkit-overflow-scrolling:touch;height:100vh;height:100dvh}
body.czh .mobile-nav-wrap.visible{display:flex;flex-direction:column}
body.czh .czh-mtop{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px;border-bottom:1px solid #ECEDE8;flex:0 0 auto;position:relative}
body.czh .czh-mtop .logo-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--czh-ink)}
body.czh .czh-mtop .czh-sp{width:48px}
body.czh .mobile-nav-close{position:static;width:48px;height:48px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:0;color:var(--czh-ink)}
body.czh .mobile-nav-close .icon{display:none}
body.czh .mobile-nav-close::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
body.czh .mobile-nav{margin:8px 0 0!important;padding:0 24px!important;width:auto!important;list-style:none;flex:0 0 auto}
body.czh .mobile-nav li{height:auto!important;padding:0!important;line-height:1.2;border-bottom:1px solid #ECEDE8}
body.czh .mobile-nav li a{display:flex!important;align-items:center;justify-content:space-between;min-height:64px;font:500 21px/1.25 Montserrat,"Helvetica Neue",Arial,sans-serif!important;color:var(--czh-ink)!important;text-decoration:none!important}
body.czh .mobile-nav li a::after{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body.czh .mobile-nav li.current-menu-item a{font-weight:600!important}
body.czh .czh-mfoot{margin-top:auto;padding:24px 24px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
body.czh .czh-mfoot p{margin:0;font:400 14px/1.5 Montserrat,sans-serif;color:#5A5E55}
body.czh .czh-mwa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;border:1px solid var(--czh-ink);color:var(--czh-ink)!important;text-decoration:none!important;font:500 15px/1 Montserrat,sans-serif}
body.czh .czh-mwa svg{width:20px;height:20px}
html.czh-lock,html.czh-lock body{overflow:hidden}

/* 5. desktop (>=1200): menu left · logo centred · actions right */
@media (min-width:1200px){
  body.czh .header>.container{padding:0 32px}
  body.czh .header-mobile-hidden{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;margin:0!important}
  body.czh .header-mobile-hidden>[class*=col-]{flex:none;width:auto;max-width:none;padding:0}
  body.czh .header-mobile-hidden>.col-sm-2{grid-column:2;grid-row:1;display:flex;justify-content:center}
  body.czh .header-mobile-hidden>.col-sm-10{grid-column:1;grid-row:1;display:flex;justify-content:flex-start;text-align:left}
  body.czh .header .czh-logo{height:34px}
  body.czh .mobile-header{display:none!important}
  body.czh .header .nav{justify-content:flex-start!important;flex-wrap:nowrap;gap:32px;margin:0}
  body.czh .header .nav li{margin:0;padding:0}
  body.czh .header .nav a{display:inline-flex;align-items:center;height:44px!important;min-height:44px;line-height:1.2!important;padding:0!important;border:0!important;color:inherit!important;font:500 15px/1.2 Montserrat,"Helvetica Neue",Arial,sans-serif;letter-spacing:.01em;text-transform:none;white-space:nowrap;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 9px)/0 1px no-repeat;transition:background-size .25s ease}
  body.czh .header .nav a:hover,body.czh .header .nav a:focus-visible,body.czh .header .nav li.current-menu-item a,body.czh .header .nav li.current-menu-ancestor a{background-size:100% 1px}
  body.czh .czh-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:12px}
}
body.czh .czh-actions{display:none}
@media (min-width:1200px){body.czh .czh-actions{display:flex}}
body.czh .czh-wa{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:inherit!important;border-radius:50%;transition:background-color .2s}
body.czh .czh-wa:hover{background:rgba(127,127,127,.14)}
body.czh .czh-pill{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;font:500 14px/1 Montserrat,sans-serif;text-decoration:none!important;white-space:nowrap;background:var(--czh-ink);color:#fff!important;border:1px solid var(--czh-ink);transition:background-color .35s,color .35s,border-color .35s}
body.czh.czh-hero:not(.czh-solid) .czh-pill{background:#fff;color:var(--czh-ink)!important;border-color:#fff}
body.czh .czh-wa:focus-visible,body.czh .czh-pill:focus-visible,body.czh .mobile-nav-show:focus-visible,body.czh .mobile-nav-phone a:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* 6. pages with a photo under the bar */
/* offer pages (croaziere-header hero): the sticky Vas / Itinerar / Tarife bar sits under the header while it is shown */
body.czh .product-nav-section.sticky-top{transition:top .35s ease}
body.czh.czh-solid:not(.czh-hide) .product-nav-section.sticky-top{top:var(--czh-h)}
/* home on phones: the theme photo is only 20rem high, keep the header inside it */
/* destination pages (croaziere-destinations): the photo starts under the transparent bar */
body.czh.czh-hero .czc-hero{height:calc(300px + var(--czh-h))}
body.czh.czh-hero .czc-back{top:calc(var(--czh-h) + 10px)}
body.czh.czh-hero .czd-share--hero{top:calc(var(--czh-h) + 2px)}
@media (min-width:768px){
  body.czh.czh-hero .czc-hero{height:calc(420px + var(--czh-h))}
  body.czh.czh-hero .czc-back{top:calc(var(--czh-h) + 20px)}
  body.czh.czh-hero .czd-share--hero{top:calc(var(--czh-h) + 8px)}
}
/* the theme hid the old top shadow on photo headers; keep the Joinchat bubble above the page but below the menu panel */
@media (prefers-reduced-motion:reduce){body.czh .header,body.czh .header::before,body.czh .product-nav-section.sticky-top{transition:none}}

/* 7. /oferte-croaziera/ title block */
.screen-reader-text.czh-sr,.czh-lt-b.post-type-archive-cruise .czf-head .section-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* A: like the /destinatii/ hub – left-aligned sans title, grey intro line, compact */
.czh-lt-a.post-type-archive-cruise .czf,.czh-lt-b.post-type-archive-cruise .czf{padding-top:0!important}
.czh-lt-a.post-type-archive-cruise .czf-head{display:flex;flex-direction:column;align-items:flex-start;margin:24px 0 16px}
.czh-lt-a.post-type-archive-cruise .czf-head .section-title{order:1;width:auto;max-width:none;margin:0 0 10px;padding:0;text-align:left;font-family:Montserrat,"Helvetica Neue",Arial,sans-serif!important;font-weight:500;font-size:30px;line-height:1.2;letter-spacing:-.01em;color:#1C1F1A;text-transform:none}
.czh-lt-a.post-type-archive-cruise .czf-head .section-title::after{display:none!important}
.czh-lt-a.post-type-archive-cruise .czf-head::before{order:2;content:"O selecție de croaziere aleasă cu grijă de experții noștri. Folosiți filtrul pentru a găsi croaziera potrivită după perioadă, destinație sau companie.";display:block;font:400 15px/1.55 Montserrat,"Helvetica Neue",Arial,sans-serif;color:#3A3E36;max-width:40rem;margin:0 0 14px}
.czh-lt-a.post-type-archive-cruise .czf-head .czf-count{order:3;margin:0}
@media (min-width:768px){.czh-lt-a.post-type-archive-cruise .czf-head{margin:36px 0 20px}.czh-lt-a.post-type-archive-cruise .czf-head .section-title{font-size:40px}}
/* B: no visible title – the page starts with "Am găsit N oferte de croaziere" and the filter; the H1 stays for Google */
.czh-lt-b.post-type-archive-cruise .czf-head{margin:20px 0 14px}
.czh-lt-b.post-type-archive-cruise .czf-head .czf-count{margin:0}
body.czh.czh-menu .joinchat{display:none!important} /* the green bubble would sit on the menu's own WhatsApp button */

/* 1.2.1: Cruise News. On desktop it sits on the right, next to the WhatsApp icon: as a 4th item on the left
   it ran into the centred logo between 1200 and ~1440px. In the phone menu it is the 4th row (no rule needed). */
@media (min-width:1200px){
  body.czh .header-mobile-hidden{position:relative}
  body.czh .header-mobile-hidden>.col-sm-10,body.czh .header .nav{position:static}
  body.czh .header .nav li.menu-item-czh-news{position:absolute;right:68px;top:50%;transform:translateY(-50%)}
}