/* ============================================================
   CHRISTIAN CERBONE PHOTOGRAPHY — LIGHT THEME
   Bianco Caldo + Grigio Logo (#828282) + Testo Nero
   Attivato dalla classe html.cc-light
   ============================================================ */

/* ════════════════════════════════════════
   VARIABILI LIGHT
════════════════════════════════════════ */
html.cc-light {
  --black:       #ffffff;
  --black-deep:  #f9f8f6;
  --black-card:  #f0efec;
  --black-mid:   #f4f3f0;
  --black-light: #e8e6e2;
  --gold:        #828282;
  --gold-light:  #3a3a3a;
  --gold-dim:    #aaaaaa;
  --white:       #111111;
  --white-dim:   #555555;
  --white-ghost: rgba(0,0,0,0.03);
  --shadow-gold: 0 0 40px rgba(0,0,0,0.07);
  --shadow-deep: 0 30px 80px rgba(0,0,0,0.1);
  color-scheme: light;
}

/* ════════════════════════════════════════
   GLOBALI
════════════════════════════════════════ */
html.cc-light body::before { opacity: 0.018; } /* grain più sottile */
html.cc-light ::selection { background: #111111; color: #ffffff; }
html.cc-light ::-webkit-scrollbar-track { background: #f0efec; }
html.cc-light ::-webkit-scrollbar-thumb { background: #bbbbbb; }

/* ── Cursor ── */
html.cc-light .cursor-dot { background: #111111; mix-blend-mode: normal; }
html.cc-light .cursor-ring { border-color: rgba(0,0,0,0.18); }
html.cc-light .cursor-ring.hovered { border-color: #828282; background: rgba(0,0,0,0.03); }

/* ════════════════════════════════════════
   NAVIGAZIONE
════════════════════════════════════════ */
html.cc-light .site-nav { /* di default trasparente → ok su sfondo chiaro */ }
html.cc-light .site-nav.scrolled {
  background: rgba(255,255,255,0.96) !important;
  border-bottom-color: rgba(0,0,0,0.07);
  backdrop-filter: blur(20px);
}
/* Logo testo */
html.cc-light .nav-logo { color: #111111; }
html.cc-light .nav-logo span { color: #828282; }
/* Logo immagine: mostra versione chiara */
html.cc-light .nav-logo-img-dark  { display: none !important; }
html.cc-light .nav-logo-img-light { display: block !important; }

html.cc-light .nav-links a        { color: #666666; }
html.cc-light .nav-links a:hover  { color: #111111; }
html.cc-light .nav-links a::after { background: #111111; }
html.cc-light .nav-links .nav-cta {
  border-color: rgba(0,0,0,0.2) !important;
  color: #111111 !important;
}
html.cc-light .nav-links .nav-cta:hover {
  background: #111111 !important;
  color: #ffffff !important;
}
html.cc-light .nav-toggle span { background: #111111; }

/* Menu mobile */
html.cc-light .mobile-nav { background: rgba(255,255,255,0.98); }
html.cc-light .mobile-nav a { color: #111111; }
html.cc-light .mobile-nav a:hover { color: #828282; }

/* ── Theme toggle button ── */
.theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 24px;
  background: rgba(201,165,90,0.15);
  border: 1px solid rgba(201,165,90,0.3);
  border-radius: 24px;
  cursor: pointer;
  position: relative;
  transition: background 0.4s, border-color 0.4s;
  flex-shrink: 0;
  padding: 0;
  margin-left: 0.5rem;
}
.theme-toggle:hover { border-color: var(--gold); }
.theme-toggle-thumb {
  position: absolute;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--gold);
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-toggle-thumb svg { width: 9px; height: 9px; color: var(--black); }
html.cc-light .theme-toggle {
  background: rgba(0,0,0,0.07);
  border-color: rgba(0,0,0,0.15);
}
html.cc-light .theme-toggle:hover { border-color: #828282; }
html.cc-light .theme-toggle-thumb {
  transform: translateX(20px);
  background: #3a3a3a;
}

/* ════════════════════════════════════════
   HERO
════════════════════════════════════════ */
html.cc-light .hero { background: var(--black-deep); }
html.cc-light .hero-bg {
  background:
    radial-gradient(ellipse at 30% 50%, rgba(0,0,0,0.025) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(0,0,0,0.012) 0%, transparent 50%),
    var(--black-deep);
}
html.cc-light .hero-lines {
  background-image:
    linear-gradient(0deg, transparent 24%, rgba(0,0,0,0.04) 25%, rgba(0,0,0,0.04) 26%, transparent 27%),
    linear-gradient(90deg, transparent 24%, rgba(0,0,0,0.04) 25%, rgba(0,0,0,0.04) 26%, transparent 27%);
}
html.cc-light .hero-eyebrow { color: #828282; }
html.cc-light .hero-eyebrow::before,
html.cc-light .hero-eyebrow::after { opacity: 0.35; }
html.cc-light .hero-name em { color: #3a3a3a; }
html.cc-light .scroll-line { background: linear-gradient(to bottom, #828282, transparent); }
html.cc-light .hero-scroll span { color: #aaaaaa; }

/* ════════════════════════════════════════
   BOTTONI
════════════════════════════════════════ */
html.cc-light .btn-gold {
  background: #111111;
  color: #ffffff;
  border-color: #111111;
}
html.cc-light .btn-gold::after { background: #3a3a3a; }
html.cc-light .btn-outline {
  color: #111111;
  border-color: rgba(0,0,0,0.22);
}
html.cc-light .btn-outline:hover {
  border-color: #828282;
  color: #828282;
}

/* ════════════════════════════════════════
   INTESTAZIONI SEZIONE
════════════════════════════════════════ */
html.cc-light .section-tag { color: #828282; }
html.cc-light .section-tag::before { background: #828282; }
html.cc-light .divider-gold { background: linear-gradient(to right, #828282, transparent); }
html.cc-light .quote-author { color: #828282; }
html.cc-light .quote-mark { color: #828282; opacity: 0.15; }

/* ════════════════════════════════════════
   SEZIONE INTRO
════════════════════════════════════════ */
html.cc-light .section-intro::before {
  -webkit-text-stroke: 1px rgba(0,0,0,0.04);
}
html.cc-light .intro-frame { background: #e6e4e0; }
html.cc-light .intro-frame::before {
  background: linear-gradient(135deg, rgba(0,0,0,0.04) 0%, transparent 60%);
}
html.cc-light .frame-border { border-color: rgba(0,0,0,0.1); }
html.cc-light .intro-stats { border-top-color: rgba(0,0,0,0.08); }
html.cc-light .stat-num { color: #3a3a3a; }
html.cc-light .intro-frame-placeholder { color: #aaaaaa; }

/* ════════════════════════════════════════
   SEZIONE SERVIZI
════════════════════════════════════════ */
html.cc-light .service-card { background: #f0efec; }
html.cc-light .service-card:hover { background: #e8e6e2; }
html.cc-light .service-card::before {
  background: linear-gradient(to right, transparent, #828282, transparent);
}
html.cc-light .service-card-num { color: rgba(0,0,0,0.06); }
html.cc-light .service-card:hover .service-card-num { color: rgba(0,0,0,0.11); }
html.cc-light .service-card-icon { color: #828282; }
html.cc-light .service-card-tag { color: #aaaaaa; border-color: rgba(0,0,0,0.09); }
html.cc-light .service-card:hover .service-card-tag { border-color: #828282; color: #828282; }

/* ════════════════════════════════════════
   SEZIONE CITAZIONE
════════════════════════════════════════ */
html.cc-light .philosophy-visual-bar {
  background: linear-gradient(to bottom, transparent, #828282, transparent);
  opacity: 0.2;
}

/* ════════════════════════════════════════
   SEZIONE MATRIMONI
════════════════════════════════════════ */
html.cc-light .wedding-features li::before { color: #828282; }
html.cc-light .gallery-item { background: #e6e4e0; }
html.cc-light .gallery-item-inner::after {
  background: linear-gradient(to top, rgba(255,255,255,0.4), transparent);
}
html.cc-light .gallery-placeholder { color: #aaaaaa; }

/* ════════════════════════════════════════
   SEZIONE TERRITORIO
════════════════════════════════════════ */
html.cc-light .territory-tag { border-color: rgba(0,0,0,0.1); color: #555555; }
html.cc-light .territory-tag:hover {
  border-color: #828282;
  color: #828282;
  background: rgba(0,0,0,0.02);
}
html.cc-light .territory-map {
  background: #f0efec;
  border-color: rgba(0,0,0,0.07);
}
html.cc-light .territory-map svg { color: #828282; }

/* ════════════════════════════════════════
   SEZIONE CTA BAND
════════════════════════════════════════ */
html.cc-light .section-cta-band::before {
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.025) 0%, transparent 70%);
}

/* ════════════════════════════════════════
   PAGE HERO (pagine interne)
════════════════════════════════════════ */
html.cc-light .page-hero { background: #f0efec; }
html.cc-light .page-hero-bg {
  background:
    radial-gradient(ellipse at 20% 60%, rgba(0,0,0,0.02) 0%, transparent 55%),
    #f0efec;
}
html.cc-light .page-breadcrumb { color: #aaaaaa; }
html.cc-light .page-breadcrumb a { color: #aaaaaa; }
html.cc-light .page-title em { color: #3a3a3a; }

/* ════════════════════════════════════════
   PAGINA: LA MIA STORIA
════════════════════════════════════════ */
html.cc-light .storia-lead { border-left-color: #828282; }
html.cc-light .storia-label { color: #828282; }
html.cc-light .timeline::before {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.15), transparent);
}
html.cc-light .timeline-dot { border-color: rgba(0,0,0,0.15); background: #f4f3f0; }
html.cc-light .timeline-dot-inner { background: #828282; }
html.cc-light .timeline-year { color: #828282; }

/* ════════════════════════════════════════
   PAGINA: CONTATTAMI
════════════════════════════════════════ */
html.cc-light .contact-item-icon {
  border-color: rgba(0,0,0,0.1);
  color: #828282;
}
html.cc-light .contact-item-label { color: #aaaaaa; }
html.cc-light .contact-item-value a:hover { color: #828282; }

html.cc-light .social-link { border-color: rgba(0,0,0,0.1); color: #888888; }
html.cc-light .social-link:hover { border-color: #828282; color: #3a3a3a; }

html.cc-light .form-group input,
html.cc-light .form-group textarea,
html.cc-light .form-group select {
  background: #f0efec !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #111111 !important;
}
html.cc-light .form-group input:focus,
html.cc-light .form-group textarea:focus,
html.cc-light .form-group select:focus {
  border-color: #828282 !important;
}
html.cc-light .form-group select option { background: #f0efec; color: #111; }

html.cc-light .form-message.success {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.15);
  color: #3a3a3a;
}

html.cc-light .upload-area { border-color: rgba(0,0,0,0.1); }
html.cc-light .upload-area:hover,
html.cc-light .upload-area.dragover {
  border-color: #828282;
  background: rgba(0,0,0,0.015);
}
html.cc-light .upload-icon { color: #828282; }
html.cc-light .upload-desc strong { color: #3a3a3a; }
html.cc-light .preview-thumb { border-color: rgba(0,0,0,0.1); }

/* ════════════════════════════════════════
   PAGINA: DOVE RAGGIUNGERCI
════════════════════════════════════════ */
html.cc-light .map-embed { background: #e0dfdb; border-color: rgba(0,0,0,0.07); }
html.cc-light .direction-icon { border-color: rgba(0,0,0,0.1); color: #828282; }
html.cc-light .dove-address { border-bottom-color: rgba(0,0,0,0.07); }

/* ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ */
html.cc-light .site-footer {
  background: #f0efec;
  border-top-color: rgba(0,0,0,0.06);
}
html.cc-light .footer-brand-name { color: #111111; }
html.cc-light .footer-brand-name span { color: #828282; }
html.cc-light .footer-desc { color: #666666; }
html.cc-light .footer-col-title { color: #828282; }
html.cc-light .footer-links a { color: #666666; }
html.cc-light .footer-links a:hover { color: #828282; }
html.cc-light .footer-bottom { border-top-color: rgba(0,0,0,0.06); }
html.cc-light .footer-copy { color: #888888; opacity: 0.7; }
html.cc-light .footer-seo-tag { color: #aaaaaa; }
html.cc-light .footer-seo-tag:hover { color: #828282; }

/* ════════════════════════════════════════
   PARTICELLE (cambio colore da JS)
   — Vedi main.js per il cambio da gold a grigio
════════════════════════════════════════ */
html.cc-light #particles-canvas { opacity: 0.25; }

/* ════════════════════════════════════════
   PAGINA GENERICA (page.php)
════════════════════════════════════════ */
html.cc-light .cc-page-article h2,
html.cc-light .cc-page-article h3 { color: #111111; }
html.cc-light .cc-page-article h3 { color: #3a3a3a; }
html.cc-light .cc-page-article blockquote { border-left-color: #828282; }
html.cc-light .cc-page-article a { color: #3a3a3a; }
html.cc-light .cc-shortcode-block {
  background: #f0efec;
  border-color: rgba(0,0,0,0.07);
}
html.cc-light .cc-contact-block a { color: #3a3a3a; }

/* ════════════════════════════════════════
   SEZIONE CUSTOM (shortcode)
════════════════════════════════════════ */
html.cc-light .section-custom { background: #f4f3f0; }
html.cc-light .section-custom + .section-custom { background: #f0efec; }

/* ════════════════════════════════════════
   WOOCOMMERCE LIGHT
════════════════════════════════════════ */
html.cc-light .cc-shop-header { background: #f0efec; }
html.cc-light .cc-shop-header::before {
  background: radial-gradient(ellipse at 30% 50%, rgba(0,0,0,0.02) 0%, transparent 60%);
}
html.cc-light .woocommerce-breadcrumb,
html.cc-light .woocommerce-breadcrumb a { color: #aaaaaa !important; }
html.cc-light .cc-shop-title { color: #111111; }

html.cc-light .woocommerce-ordering select {
  background: #f0efec !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #111111 !important;
}
html.cc-light .cc-shop-toolbar { border-bottom-color: rgba(0,0,0,0.07); }
html.cc-light .woocommerce-result-count { color: #555555 !important; }

/* Product grid in light */
html.cc-light .woocommerce ul.products li.product { background: #f0efec !important; }
html.cc-light .woocommerce ul.products li.product:hover { background: #e8e6e2 !important; }
html.cc-light .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #111111 !important; }
html.cc-light .woocommerce ul.products li.product .price { color: #3a3a3a !important; }
html.cc-light .woocommerce ul.products li.product .price del { color: #999999 !important; }
html.cc-light .woocommerce ul.products li.product .onsale { background: #3a3a3a !important; color: #ffffff !important; }
html.cc-light .woocommerce ul.products li.product .button,
html.cc-light .woocommerce ul.products li.product a.button {
  border-color: rgba(0,0,0,0.1) !important;
  color: #3a3a3a !important;
}
html.cc-light .woocommerce ul.products li.product .button:hover,
html.cc-light .woocommerce ul.products li.product a.button:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* Single product light */
html.cc-light .woocommerce div.product .product_title { color: #111111 !important; }
html.cc-light .woocommerce div.product p.price,
html.cc-light .woocommerce div.product span.price { color: #3a3a3a !important; }
html.cc-light .woocommerce div.product .woocommerce-product-details__short-description {
  border-color: rgba(0,0,0,0.07) !important;
}
html.cc-light .woocommerce div.product form.cart .qty {
  background: #f0efec !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #111111 !important;
}
html.cc-light .woocommerce div.product form.cart button[type="submit"] { background: #111111 !important; }
html.cc-light .divider-gold.wc-divider { background: linear-gradient(to right, #828282, transparent); }

/* Tabs light */
html.cc-light .woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
html.cc-light .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #828282 !important;
}
html.cc-light .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #555555 !important; }
html.cc-light .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #828282 !important; }
html.cc-light .woocommerce div.product .woocommerce-tabs .panel {
  background: #f4f3f0 !important;
  border-color: rgba(0,0,0,0.06) !important;
  color: #555555 !important;
}

/* Cart light */
html.cc-light .woocommerce table.cart td,
html.cc-light .woocommerce table.cart th { border-bottom-color: rgba(0,0,0,0.06) !important; }
html.cc-light .woocommerce table.cart th { color: #828282 !important; border-bottom-color: rgba(0,0,0,0.1) !important; }
html.cc-light .woocommerce table.cart td.product-name a { color: #111111 !important; }
html.cc-light .woocommerce table.cart .product-subtotal { color: #3a3a3a !important; }
html.cc-light .woocommerce table.cart td.actions .coupon input,
html.cc-light .woocommerce #coupon_code { background: #f0efec !important; border-color: rgba(0,0,0,0.1) !important; color: #111111 !important; }
html.cc-light .woocommerce table.cart td.actions .button { background: #111111 !important; }
html.cc-light .woocommerce a.button.alt, html.cc-light .woocommerce button.button.alt { background: #111111 !important; }
html.cc-light .woocommerce .cart_totals { background: #f0efec !important; border-color: rgba(0,0,0,0.07) !important; }
html.cc-light .woocommerce .cart_totals h2 { color: #111111 !important; border-bottom-color: rgba(0,0,0,0.07) !important; }
html.cc-light .woocommerce .cart_totals table.shop_table td,
html.cc-light .woocommerce .cart_totals table.shop_table th { border-bottom-color: rgba(0,0,0,0.05) !important; color: #555555 !important; }
html.cc-light .woocommerce .cart_totals table.shop_table .order-total td,
html.cc-light .woocommerce .cart_totals table.shop_table .order-total th { color: #3a3a3a !important; }
html.cc-light .woocommerce .wc-proceed-to-checkout .checkout-button { background: #111111 !important; }

/* Checkout light */
html.cc-light .woocommerce-checkout #customer_details h3,
html.cc-light .woocommerce-checkout #order_review_heading { color: #111111 !important; border-bottom-color: rgba(0,0,0,0.07) !important; }
html.cc-light .woocommerce-checkout form .form-row input.input-text,
html.cc-light .woocommerce-checkout form .form-row textarea,
html.cc-light .woocommerce-checkout form .form-row select { background: #f0efec !important; border-color: rgba(0,0,0,0.1) !important; color: #111111 !important; }
html.cc-light #payment { background: #f0efec !important; border-color: rgba(0,0,0,0.07) !important; }
html.cc-light #payment label { color: #111111 !important; }
html.cc-light #payment .place-order .button { background: #111111 !important; }

/* Mini cart light */
html.cc-light .nav-cart-icon { color: #555555; }
html.cc-light .nav-cart-count { background: #3a3a3a; color: #ffffff; }
html.cc-light .nav-mini-cart { background: #f4f3f0; border-color: rgba(0,0,0,0.1); }
html.cc-light .woocommerce .widget_shopping_cart .total .amount { color: #3a3a3a !important; }
html.cc-light .woocommerce .widget_shopping_cart .buttons a.checkout { background: #111111 !important; }

/* Notices light */
html.cc-light .woocommerce-message { background: #f0efec !important; border-left-color: #828282 !important; color: #333333 !important; }
html.cc-light .woocommerce-error { border-left-color: #c0392b !important; }

/* Pagination light */
html.cc-light .woocommerce-pagination ul li a,
html.cc-light .woocommerce-pagination ul li span { background: #f0efec !important; border-color: rgba(0,0,0,0.08) !important; color: #555555 !important; }
html.cc-light .woocommerce-pagination ul li a:hover { border-color: #828282 !important; color: #828282 !important; }
html.cc-light .woocommerce-pagination ul li span.current { background: #828282 !important; color: #ffffff !important; border-color: #828282 !important; }

/* ════════════════════════════════════════
   SHOP SECTION IN HOMEPAGE (light)
════════════════════════════════════════ */
html.cc-light .section-shop-preview { background: #f4f3f0; }

/* ════════════════════════════════════════
   TRANSIZIONE PAGINA (light)
════════════════════════════════════════ */
html.cc-light .page-transition { background: #f4f3f0; }

/* ════════════════════════════════════════
   MY ACCOUNT light
════════════════════════════════════════ */
html.cc-light .woocommerce-account .woocommerce-MyAccount-navigation ul { border-color: rgba(0,0,0,0.08) !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom-color: rgba(0,0,0,0.05) !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: #555555 !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
html.cc-light .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: #828282 !important; background: rgba(0,0,0,0.02) !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-content { color: #555555 !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-content h2 { color: #111111 !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-content .button { border-color: rgba(0,0,0,0.15) !important; color: #555555 !important; }
html.cc-light .woocommerce-account .woocommerce-MyAccount-content .button:hover { background: #111111 !important; color: #ffffff !important; }

/* ════════════════════════════════════════
   EMPTY CART light
════════════════════════════════════════ */
html.cc-light .cc-empty-cart-msg { color: #828282; }
html.cc-light .cc-empty-cart .btn-gold { background: #111111 !important; }