/*
Theme Name: CrazyTheme
Template: twentytwentyfour
Description: Tema child di Twenty Twenty-Four per il network Crazy Center — design system poster-style (colori sede, bordi, ombre dure, rotazioni, marquee) condiviso da tutte le sedi del franchising.
Version: 1.0
Author: Blue-Hole.it
*/

/* ===== Header (native blocks) ===== */
.cc-header{height:82px;border-bottom:3px solid var(--cc-ink)}
.cc-header-brand{gap:14px;padding-left:28px}
.cc-header-logo img{height:60px;width:60px;object-fit:contain;}
.cc-header-title{font-size:21px;line-height:1;letter-spacing:.02em;color:var(--cc-ink);margin:0}
.cc-header-tag{letter-spacing:.28em;text-transform:uppercase;color:rgba(22,22,15,.55);margin:0}
.cc-header-navcluster{height:100%}
.cc-header-nav,.cc-header-lang{height:100%}
.cc-header-lang{border-left:2px solid var(--cc-ink)}

.cc-navlink{padding:0!important}
.cc-navlink .wp-block-button__link{padding:0 20px!important;border-right:2px solid var(--cc-ink);border-radius:0!important;color:var(--cc-ink);height:82px;display:flex;align-items:center;font:700 12px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:none}
.cc-navlink--active .wp-block-button__link{background:var(--cc-ink)!important;color:var(--cc-bg)!important}
.cc-navlink--muted .wp-block-button__link{color:rgba(22,22,15,.5)}

/* ===== Footer (native blocks) ===== */
.cc-footer{border-top:2px solid rgba(244,242,236,.16)}
.cc-footer-brand{gap:12px}
.cc-footer-logo img{height:40px;width:40px;object-fit:cover;object-position:top;border:2px solid var(--cc-bg);display:block}
.cc-footer-links{gap:24px}
.cc-footlink{padding:0!important}
.cc-footlink .wp-block-button__link{padding:0!important;border:none!important;background:none!important;color:rgba(244,242,236,.75);font:300 13px Poppins,sans-serif;text-transform:none;letter-spacing:normal}
.cc-footer-legalgroup{gap:22px}
.cc-footer-legal{color:rgba(244,242,236,.45)!important;margin:0}
.cc-footer-legal a{color:inherit}

@media (max-width:781px){
  .cc-header-nav .wp-block-button:not(:nth-child(-n+2)),
  .cc-header-tag{display:none}
  .cc-header-navcluster{gap:0}
}


:root{
  --cc-ink:#16160F;--cc-bg:#F4F2EC;--cc-bg-alt:#EBE8DF;
  --cc-firenze:#7D6DDA;--cc-prato:#DCDC00;--cc-pisa:#25C8B5;--cc-montegiorgio:#FFA834;
}

/* native color-picker classes (mirror the theme.json palette slugs) */
.has-ink-color{color:var(--cc-ink)}
.has-ink-background-color{background-color:var(--cc-ink)}
.has-bg-color{color:var(--cc-bg)}
.has-bg-background-color{background-color:var(--cc-bg)}
.has-bg-alt-color{color:var(--cc-bg-alt)}
.has-bg-alt-background-color{background-color:var(--cc-bg-alt)}
.has-firenze-color{color:var(--cc-firenze)}
.has-firenze-background-color{background-color:var(--cc-firenze)}
.has-prato-color{color:var(--cc-prato)}
.has-prato-background-color{background-color:var(--cc-prato)}
.has-pisa-color{color:var(--cc-pisa)}
.has-pisa-background-color{background-color:var(--cc-pisa)}
.has-montegiorgio-color{color:var(--cc-montegiorgio)}
.has-montegiorgio-background-color{background-color:var(--cc-montegiorgio)}

/* typography */
.cc-h{font-family:'BRAZZ FONT',sans-serif;font-weight:800;text-transform:uppercase}
/*.cc-b{font-family:Poppins,sans-serif}*/

/* borders / hard shadows */
.cc-border{border:3px solid var(--cc-ink)}
.cc-border-thin{border:2.5px solid var(--cc-ink)}
.cc-shadow-firenze{box-shadow:7px 7px 0 var(--cc-firenze)}
.cc-shadow-prato{box-shadow:7px 7px 0 var(--cc-prato)}
.cc-shadow-pisa{box-shadow:7px 7px 0 var(--cc-pisa)}
.cc-shadow-montegiorgio{box-shadow:7px 7px 0 var(--cc-montegiorgio)}
.cc-shadow-ink{box-shadow:5px 5px 0 var(--cc-ink)}
.cc-shadow-bg{box-shadow:5px 5px 0 var(--cc-bg)}

/* rotation utilities (-3.4deg .. +5deg, as in the original mockup) */
.cc-tilt-1{transform:rotate(-2.2deg)}
.cc-tilt-2{transform:rotate(2deg)}
.cc-tilt-3{transform:rotate(-1.4deg)}
.cc-tilt-4{transform:rotate(3.2deg)}
.cc-tilt-5{transform:rotate(-3.4deg)}
.cc-tilt-6{transform:rotate(5deg)}

/* media frame + overlay badges (used by Sedi / Discipline / Chi Siamo cards) */
.cc-media-frame{position:relative}
.cc-media-frame img{display:block;width:100%;height:100%;object-fit:cover}
.cc-badge{display:inline-block;padding:9px 18px 11px;z-index:2}
.cc-badge--corner-tl{position:absolute;top:14px;left:-10px;margin:0}
.cc-badge--corner-tr{position:absolute;top:-16px;right:100px;margin:0}
.cc-badge--corner-bl{position:absolute;left:100px;bottom:44px;margin:0}
.cc-badge--overlap-bottom{position:absolute;left:-8px;bottom:20px;max-width:88%;margin:0}

/* pill buttons */
.cc-pill{border:3px solid var(--cc-ink)!important;border-radius:0!important;padding:0!important;font:800 16px 'BRAZZ FONT',sans-serif!important;text-transform:uppercase;letter-spacing:.04em}
.cc-social.wp-block-button .wp-block-button__link{width:40px;height:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font:700 12px Poppins,sans-serif}

/* ticker / marquee */
.cc-marquee{overflow:hidden}
.cc-marquee-track{display:flex;white-space:nowrap;width:max-content;animation:cc-tick 28s linear infinite}
.cc-marquee-track.cc-rev{animation-name:cc-tickr}
@keyframes cc-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cc-tickr{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* vertical hero strips */
.cc-vstrip{position:absolute;top:0;bottom:0;width:40px;overflow:visible;display:flex;justify-content:center;z-index:4;}
.cc-vstrip-text{writing-mode:vertical-rl;white-space:nowrap;font:700 30px 'BRAZZ FONT',sans-serif;letter-spacing:.4em;text-transform:uppercase;color:rgba(244,242,236,.42);animation:cc-vdown 24s linear infinite}
.cc-vstrip-text.cc-rev{animation-name:cc-vup}
@keyframes cc-vdown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@keyframes cc-vup{from{transform:translateY(0)}to{transform:translateY(-50%)}}

@media (prefers-reduced-motion:reduce){
  .cc-marquee-track,.cc-vstrip-text{animation:none!important}
}

/* gallery grid (irregular spans) */
  .cc-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cc-gallery-cell{aspect-ratio:1;overflow:hidden}
.cc-gallery-cell .wp-block-image{height:100%;margin:0}
.cc-gallery-cell .wp-block-image img{width:100%;height:100%;object-fit:cover;display:block}


/* hero (Cover block) */
.cc-hero-cover{min-height:calc(100vh - 82px)!important}
.cc-hero-content{display:flex!important;flex-direction:column;align-items:flex-start;gap:18px;width:100%;padding:0 60px;box-sizing:border-box}
.cc-hero-line{display:block;line-height:.9;padding:10px 26px 6px;width: fit-content;}
.cc-hero-line--top{border-bottom:none!important}
.cc-hero-line--bottom{border-top:none!important}
.cc-hero-subtitle{max-width:520px;font-family:Poppins,sans-serif;font-weight:300;line-height:1.55}

/* body copy */
.cc-copy{font-family:Poppins,sans-serif;font-weight:300;line-height:1.7;color:rgba(22,22,15,.8)}
.cc-copy--tight{font-size:14px;line-height:1.6}

/* generic stack/center helper (used for the CTA headline block) */
.cc-stack-center{display:flex;flex-direction:column;align-items:center;text-align:center}

/* section hooks (no visual rule of their own; here for structure/JS
   hooks and so every section can be targeted from the editor by class) */
.cc-section{}
.cc-card{}
.cc-border-top{border-top:3px solid var(--cc-ink)}

/* map placeholder */
.cc-map-canvas{position:relative;height:380px;background:#E3E0D6;border-top:3px solid var(--cc-ink);border-bottom:3px solid var(--cc-ink);overflow:hidden}
.cc-map-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0 59px,rgba(22,22,15,.07) 59px 61px),linear-gradient(180deg,transparent 0 59px,rgba(22,22,15,.07) 59px 61px);background-size:61px 61px}
.cc-map-note{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 24px 14px;font:400 11px ui-monospace,Menlo,monospace;color:rgba(22,22,15,.4);letter-spacing:.1em}
.cc-map-pin{position:absolute;display:flex;align-items:center;gap:9px}
.cc-map-pin--big{flex-direction:column;align-items:flex-start;gap:8px}
.cc-map-dot{width:20px;height:20px;border-radius:50%}
.cc-map-pin--big .cc-map-dot{margin-left:22px}

@media (max-width:781px){
  .cc-vstrip{width:22px!important}
  .cc-vstrip-text{font-size:9px!important;letter-spacing:.3em!important}
  .cc-hero-content{padding:0 24px!important}
    .cc-gallery-grid{grid-template-columns:repeat(2,1fr)!important}

}
footer {
	margin-top: 0 !important;
}

.pll-switcher {
  list-style: none;
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
	padding-right: 20px;
  align-items: center;
}
.pll-switcher img {
  width: 20px;
  height: auto;
  display: block;
}