/* ClouCasa: one palette across every Italian and English page.
   Logo yellow is sampled from the supplied original; photography is unchanged. */
:root{
 --cc-yellow:#f9da07;
 --cc-ink:#354149;
 --cc-paper:#fafaf7;
 --cc-white:#fff;
 --cc-soft:#eceeeb;
 --cc-muted:#5e6b73;
 --cc-gold:#927533;
 --cc-field-line:#79848a;
}
body.cc-brand-unified{
 --ink:var(--cc-ink);--brand:var(--cc-ink);--yellow:var(--cc-yellow);
 --gold:var(--cc-yellow);--paper:var(--cc-paper);--soft:var(--cc-soft);
 --line:var(--cc-soft);--muted:var(--cc-muted);
 background-color:var(--cc-paper);color:var(--cc-ink);
 accent-color:var(--cc-ink);
}
/* Consistent navigation on all templates, including the Rome atlas. */
body.cc-brand-unified>.cc-header-v2,
.cc-brand-unified .cc-nav-panel,
.cc-brand-unified .cc-site-footer{
 background-color:var(--cc-ink)!important;color:var(--cc-paper)!important;
}
.cc-brand-unified .cc-nav-panel .cc-panel-links>a,
.cc-brand-unified .cc-nav-panel .cc-panel-intro,
.cc-brand-unified .cc-site-footer a{color:var(--cc-paper)}
.cc-brand-unified .cc-header-v2 .cc-header-contact,
.cc-brand-unified .cc-header-v2 .cc-header-home,
.cc-brand-unified .cc-header-v2 .cc-group-toggle{color:var(--cc-paper)}
.cc-brand-unified .cc-header-v2 .cc-group-toggle:is(:hover,[aria-expanded=true],[data-current-group=true]),
.cc-brand-unified .cc-header-v2 a[aria-current=page]{
 color:var(--cc-yellow);border-bottom-color:var(--cc-yellow);
}
.cc-brand-unified .cc-header-v2 .cc-header-valuation{
 background:var(--cc-yellow)!important;color:var(--cc-ink)!important;
 border-color:var(--cc-yellow)!important;
}
.cc-brand-unified .cc-languages a[aria-current=page]{border-color:var(--cc-yellow)!important}
.cc-brand-unified .cc-site-search-trigger,
.cc-brand-unified .cc-menu{color:var(--cc-paper);border-color:#fafaf780}
.cc-brand-unified .cc-panel-cta{color:var(--cc-yellow)}
/* Headings inherit the surface's text color: ink on light, white on dark. */
.cc-brand-unified main :is(h1,h2,h3),
.cc-brand-unified main :is(h1,h2,h3) :is(em,strong){color:inherit!important}
.cc-brand-unified main :is(.soft,.sv-sectors,.sv-end,.ct-office,.np-formula){
 background-color:var(--cc-soft);
}
.cc-brand-unified main :is(.sv-hero,.ct-hero){background:var(--cc-paper);color:var(--cc-ink)}
.cc-brand-unified main :is(.ct-composer,.ct-channel,.sv-card,.alt-title-card,.alt-intro-card,.alt-method-panel){
 border-color:var(--cc-soft);
}
.cc-brand-unified .alt-intro-card,
.cc-brand-unified .alt-title-card,
.cc-brand-unified .alt-method-panel{border-left-color:var(--cc-yellow);border-top-color:var(--cc-yellow)}
.cc-brand-unified main .eyebrow{color:inherit}
/* Primary actions use the logo yellow and dark, readable lettering. */
.cc-brand-unified :is(main,.cc-newsletter-dialog) :is(.button,.btn-primary,.ct-button,.cc-form-submit),
.cc-brand-unified .cc-newsletter-submit{
 background:var(--cc-yellow)!important;color:var(--cc-ink)!important;
 border-color:var(--cc-ink)!important;
}
.cc-brand-unified :is(main,.cc-newsletter-dialog) :is(.button,.btn-primary,.ct-button,.cc-form-submit):hover,
.cc-brand-unified .cc-newsletter-submit:hover{
 background:var(--cc-yellow)!important;color:var(--cc-ink)!important;
 box-shadow:0 6px 18px #3541491a;
}
/* Secondary and inverse actions retain a clear hierarchy. */
.cc-brand-unified main :is(.button.outline,.button.secondary,.ct-button-light,.alt-all-testimonials){
 background:var(--cc-white)!important;color:var(--cc-ink)!important;border-color:var(--cc-ink)!important;
}
.cc-brand-unified main .yellow .button{
 background:var(--cc-ink)!important;color:var(--cc-paper)!important;border-color:var(--cc-ink)!important;
}
.cc-brand-unified main .cc-review-note-link .button{
 background:transparent!important;color:var(--cc-ink)!important;border-color:transparent!important;
 border-bottom-color:var(--cc-ink)!important;box-shadow:none;
}
.cc-brand-unified main :is(button[aria-pressed=true],.sv-filters button[aria-pressed=true]){
 background:var(--cc-yellow)!important;color:var(--cc-ink)!important;border-color:var(--cc-ink)!important;
}
.cc-brand-unified .ct-topics input:checked+span{
 background:var(--cc-yellow);color:var(--cc-ink);border-color:var(--cc-ink);
}
.cc-brand-unified main :is(.sv-card h3>span,.sv-card:hover h3>span){
 background:var(--cc-soft);color:var(--cc-ink);
}
.cc-brand-unified :is(.sv-tools,.ct-guide){background:var(--cc-soft)}
.cc-brand-unified :is(.sv-progress,.sv-method-grid article::before,.sv-group-heading h2::after){background:var(--cc-yellow)}
/* Form boundaries, focus and links remain legible on pale surfaces. */
.cc-brand-unified main :is(input:not([type=radio]):not([type=checkbox]),textarea,select){
 background-color:var(--cc-white);color:var(--cc-ink);border-color:var(--cc-field-line);
}
.cc-brand-unified main :is(input,textarea)::placeholder{color:var(--cc-muted);opacity:1}
.cc-brand-unified main :is(a,button,input,textarea,select,summary):focus-visible{
 outline-color:var(--cc-ink)!important;
}
.cc-brand-unified .ct-topics input:focus-visible+span{outline-color:var(--cc-ink)}
.cc-brand-unified :is(.cc-header-v2,.cc-site-footer,.dark,.sv-italy,.ct-agency,.hero) :is(a,button,input,summary):focus-visible{
 outline-color:var(--cc-yellow)!important;
}
.cc-brand-unified main :is(.ct-copy,.ct-textlink,.sv-contact,.textlink){color:inherit}
/* Galileo uses the same antracite/yellow pairing, without changing its behavior. */
.cc-brand-unified #galileo-launch{
 background-color:var(--cc-ink);border-color:var(--cc-yellow);color:var(--cc-paper);
}
.cc-brand-unified #galileo-launch strong{color:var(--cc-yellow)}
@media(forced-colors:active){
 .cc-brand-unified :is(a,button,input,textarea,select,summary):focus-visible{outline-color:Highlight!important}
}

/* Dark panels retain readable labels and hover states. Gold stays decorative. */
.cc-brand-unified .cc-header-v2 .cc-panel-links a:hover{background:var(--cc-ink);color:var(--cc-yellow)}
.cc-brand-unified .cc-nav-panel .cc-panel-intro .eyebrow,
.cc-brand-unified .cc-nav-panel .cc-panel-links a span,
.cc-brand-unified .bm-closing .bm-running{color:var(--cc-yellow)}
@media(max-width:600px){
 .cc-brand-unified .cc-carousel-controls{max-width:100%;gap:10px}
 .cc-brand-unified .cc-carousel-arrow{flex:0 0 44px}
 .cc-brand-unified .cc-carousel-dots{min-width:0;flex-wrap:wrap;justify-content:center}
}