/* C&C Sea Hero – hero a tutto schermo + header Neve trasparente sulle pagine con lo shortcode */

/* ---------- hero ---------- */
.cc-sea-hero{--cc-sea-header:0px;position:relative;width:100vw;left:50%;margin-left:-50vw;min-height:100vh;min-height:100svh;overflow:hidden;
  display:flex;flex-direction:column;padding-top:var(--cc-sea-header);box-sizing:border-box;
  background:linear-gradient(#00121f,#002a43);color:#d7e8f2;font-family:'Inter',system-ui,sans-serif}
.cc-sea-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cc-sea-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,18,31,.78) 0%,rgba(0,18,31,.35) 48%,rgba(0,18,31,0) 70%),linear-gradient(0deg,rgba(0,18,31,.6),rgba(0,18,31,0) 40%)}
.cc-sea-copy{position:relative;z-index:2;margin-top:auto;padding:24px 0 11vh}
.cc-sea-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.cc-sea-copy .cc-sea-wrap>*{animation:ccSeaRise .9s cubic-bezier(.2,.7,.2,1) both}
.cc-sea-copy .cc-sea-wrap>*:nth-child(2){animation-delay:.1s}.cc-sea-copy .cc-sea-wrap>*:nth-child(3){animation-delay:.2s}
.cc-sea-copy .cc-sea-wrap>*:nth-child(4){animation-delay:.3s}.cc-sea-copy .cc-sea-wrap>*:nth-child(5){animation-delay:.4s}
@keyframes ccSeaRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.cc-sea-hero .cc-sea-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-weight:600;font-size:.95rem;color:#9fd0ee}
.cc-sea-kicker::before{content:"";width:26px;height:2px;background:#d9a441}
.cc-sea-hero .cc-sea-title{margin:0;max-width:17ch;font-family:'Fraunces',Georgia,serif;font-weight:600;font-variation-settings:'SOFT' 50;
  font-size:clamp(2.1rem,min(4.8vw,7.2vh),4.6rem);line-height:1.02;letter-spacing:-.02em;color:#fff}
.cc-sea-hero .cc-sea-lead{margin:22px 0 0;max-width:36em;font-size:1.15rem;line-height:1.6;color:#c6dbe8}
.cc-sea-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cc-sea-hero .cc-sea-btn{display:inline-block;font:600 1rem/1.2 'Inter',sans-serif;padding:15px 26px;border-radius:8px;border:2px solid #d9a441;
  background:#d9a441;color:#001a2b;text-decoration:none;transition:transform .2s,box-shadow .2s}
.cc-sea-hero .cc-sea-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.25);color:#001a2b}
.cc-sea-hero .cc-sea-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.cc-sea-facts{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:.95rem;color:#a9c6d8}
.cc-sea-facts li{display:flex;align-items:center;gap:8px;margin:0}
.cc-sea-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:#d9a441}
.cc-sea-facts b{color:#fff;font-weight:600}
.cc-sea-hoist{position:absolute;z-index:2;right:6vw;top:calc(var(--cc-sea-header) + 16px);width:min(420px,36vw);margin:0}
.cc-sea-hoist svg{width:100%;height:auto;overflow:visible}
.cc-sea-flag{transform-box:fill-box;transform-origin:50% 0;animation:ccSeaSway 3.4s ease-in-out infinite}
.cc-sea-hoist g:nth-of-type(2) .cc-sea-flag{animation-delay:-.8s}.cc-sea-hoist g:nth-of-type(3) .cc-sea-flag{animation-delay:-1.6s}
.cc-sea-hoist g:nth-of-type(4) .cc-sea-flag{animation-delay:-2.4s}
@keyframes ccSeaSway{0%,100%{transform:rotate(4deg) skewX(0)}50%{transform:rotate(-3deg) skewX(-4deg)}}
.cc-sea-letter{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;fill:#d7e8f2;text-anchor:middle}
.cc-sea-hoist figcaption{font-size:.85rem;color:#a9c6d8;text-align:right;margin-top:6px}
.cc-sea-cue{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);color:#a9c6d8;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-sea-cue span{width:2px;height:34px;background:linear-gradient(#9fd0ee,transparent);animation:ccSeaCue 1.8s ease-in-out infinite}
@keyframes ccSeaCue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* l'hero parte dal bordo alto: niente spazi del contenitore Neve sopra */
.cc-sea-page .neve-main>.container,.cc-sea-page .single-page-container,.cc-sea-page .nv-single-page-wrap,.cc-sea-page .nv-content-wrap{padding-top:0!important;margin-top:0!important}
.cc-sea-page .nv-content-wrap>.cc-sea-hero:first-child,.cc-sea-page .nv-content-wrap>p:first-child:empty{margin-top:0}
.cc-sea-page{overflow-x:hidden}

/* ---------- header Neve trasparente sopra l'hero ---------- */
.cc-sea-overlay .hfg_header{position:fixed;top:0;left:0;right:0;z-index:999;background:transparent;transition:background .35s,box-shadow .35s,backdrop-filter .35s}
.admin-bar.cc-sea-overlay .hfg_header{top:32px}
@media (max-width:782px){.admin-bar.cc-sea-overlay .hfg_header{top:46px}}
.cc-sea-overlay .hfg_header .header--row,.cc-sea-overlay .hfg_header .header--row-inner{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.cc-sea-overlay .hfg_header .header-main .primary-menu-ul>li>.wrap>a,
.cc-sea-overlay .hfg_header .header-main .primary-menu-ul>li>.wrap .caret,
.cc-sea-overlay .hfg_header .header-top a,.cc-sea-overlay .hfg_header .header-top{color:#fff!important}
.cc-sea-overlay .hfg_header .header-main .primary-menu-ul>li>.wrap .caret svg,.cc-sea-overlay .hfg_header .nv-search svg{fill:#fff!important}
.cc-sea-overlay .hfg_header .icon-bar{background-color:#fff!important}
.cc-sea-overlay .hfg_header .primary-menu-ul>li>.wrap>a:hover{color:#d9a441!important}
.cc-sea-overlay .hfg_header .sub-menu a{color:#12324a!important}
.cc-sea-overlay .hfg_header .neve-site-logo{border-radius:50%;box-shadow:0 0 0 2px rgba(159,208,238,.5)}
/* allo scroll: navy pieno */
.cc-sea-overlay.cc-sea-solid .hfg_header{background:rgba(0,26,43,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.cc-sea-overlay.cc-sea-solid .hfg_header .header-top{display:none}

@media (prefers-reduced-motion:reduce){.cc-sea-hero *{animation:none!important;transition:none!important}}
@media (max-height:820px){.cc-sea-cue{display:none}}
@media (max-width:960px){.cc-sea-hoist{width:56vw;opacity:.9}}
@media (max-width:600px){
  .cc-sea-hero{padding-top:calc(var(--cc-sea-header) + 110px)} /* fascia di mare garantita per il catamarano */
  .cc-sea-wrap{padding:0 18px}.cc-sea-copy{padding:12px 0 26px}
  /* testo più compatto: lascia una fascia di mare (e il catamarano) tra header e testo */
  .cc-sea-hero .cc-sea-kicker{margin-bottom:12px;font-size:.9rem}
  .cc-sea-hero .cc-sea-title{font-size:clamp(1.8rem,7.9vw,2.3rem)}
  .cc-sea-hero .cc-sea-lead{margin-top:14px;font-size:1.02rem;line-height:1.55}
  .cc-sea-btns{margin-top:20px;gap:10px}
  .cc-sea-hero .cc-sea-btn{padding:13px 22px}
  .cc-sea-facts{margin-top:18px;font-size:.9rem}
  .cc-sea-cue{display:none}
  .cc-sea-hoist{display:none}
  .cc-sea-hero::after{background:linear-gradient(0deg,rgba(0,18,31,.88) 0%,rgba(0,18,31,.7) 40%,rgba(0,18,31,.45) 70%,rgba(0,18,31,.2) 100%)}
  .cc-sea-hero .cc-sea-lead,.cc-sea-facts,.cc-sea-hero .cc-sea-kicker,.cc-sea-hero .cc-sea-title{text-shadow:0 1px 10px rgba(0,18,31,.95),0 0 2px rgba(0,18,31,.8)}
  .cc-sea-btns .cc-sea-btn{width:100%;text-align:center}
}

/* ---------- telefono: pagina più corta e header più compatto ---------- */
@media (max-width:959px){
  .cc-sea-overlay .hfg_header .builder-item--logo img{max-height:58px;width:auto;transition:max-height .3s}
  .cc-sea-overlay.cc-sea-solid .hfg_header .builder-item--logo img{max-height:44px}
}
@media (max-width:781px){
  .cc-sea-page .nv-content-wrap>.wp-block-group.alignfull{padding-top:44px!important;padding-bottom:44px!important}
  /* righe di card da sfogliare (swipe.js) */
  .cc-sea-page .cc-swipe{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-left:2px;padding:6px 2px 10px;margin-bottom:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cc-sea-page .cc-swipe::-webkit-scrollbar{display:none}
  .cc-sea-page .cc-swipe:focus-visible{outline:2px solid #d9a441;outline-offset:4px}
  .cc-sea-page .cc-swipe>.wp-block-column{flex:0 0 84%!important;max-width:84%;margin:0!important;scroll-snap-align:start;display:flex;flex-direction:column}
  .cc-sea-page .cc-swipe>.wp-block-column>.wp-block-group:only-child{flex:1}
  .cc-swipe-dots{display:flex;justify-content:center;gap:0;margin:4px 0 0}
  .cc-swipe-dots button{width:28px;height:28px;padding:0;margin:0;border:0;background:none!important;box-shadow:none;display:grid;place-items:center;cursor:pointer;color:inherit}
  .cc-swipe-dots button::before{content:"";width:8px;height:8px;border-radius:4px;background:currentColor;opacity:.3;transition:width .25s,opacity .25s}
  .cc-swipe-dots button[aria-current="true"]::before{width:22px;opacity:.9}
  .cc-swipe-dots button:focus-visible{outline:2px solid #d9a441;outline-offset:-4px;border-radius:6px}
}