/* ── Light Mode — html[data-theme="light"] ──────────────────────────────
   Uso html[data-theme="light"] (specificità 0,1,1) anziché [data-theme="light"]
   (0,1,0) così vinco sempre su :root (0,1,0) anche in <style> inline.
   Per i discendenti (es. .hd-row) la specificità composta vince su qualsiasi
   regola flat in style.css o negli stili inline delle pagine secondarie.
   ──────────────────────────────────────────────────────────────────────── */

/* ── CSS Variables ── */
html[data-theme="light"] {
  --arancio:           #E63E00;
  --arancio-scuro:     #b83200;
  --arancio-bagliore:  rgba(230,62,0,.15);
  --sfondo:            #f5f5f4;
  --superficie:        #ffffff;
  --superficie2:       #f0f0ef;
  --testo:             #1a1a1a;
  --testo-sbiadito:    #6b6b6b;
  --bordo:             #e0e0de;
  --oro:               #7a5800;
  --oro-bagliore:      rgba(122,88,0,.2);
  --rosso:             #d32f2f;
  --verde:             #16a34a;
}

/* ── Body ── */
html[data-theme="light"] body {
  background: var(--sfondo);
  color: var(--testo);
}

/* ── Map loading overlay ── */
html[data-theme="light"] #map-loading {
  background: rgba(255,255,255,.85);
  color: #333;
}

/* ── Mobile nav drawer (style.css + layout.php hardcoded) ── */
html[data-theme="light"] #bit-nav-drawer {
  background: #ffffff;
  border-left-color: #e0e0de;
  border-bottom-color: #e0e0de;
}
html[data-theme="light"] .bit-nav-hdr {
  border-bottom-color: #e0e0de;
}
html[data-theme="light"] .bit-nav-title { color: #1a1a1a; }
html[data-theme="light"] .bit-nav-close { color: #6b6b6b; }
html[data-theme="light"] .bit-nav-close:hover { color: #1a1a1a; }
html[data-theme="light"] .bit-nav-login-btn.secondary {
  background: rgba(0,0,0,.04);
  border-color: #e0e0de;
  color: #6b6b6b;
}
html[data-theme="light"] .bit-nav-login-btn.secondary:hover {
  color: #1a1a1a;
  border-color: rgba(0,0,0,.3);
}

/* ── Drag handle ── */
html[data-theme="light"] .d-handle { background: #ccc; }

/* ── Modal close button ── */
html[data-theme="light"] .btn-chiudi-modale {
  background: rgba(0,0,0,.12);
  color: #333;
}
html[data-theme="light"] .btn-chiudi-modale:hover { background: var(--arancio); color: #fff; }

/* ── Event type badges — hardcoded rgba(20,20,20,.75) ── */
html[data-theme="light"] .ec-tipo-float.tipo-live,
html[data-theme="light"] .ec-tipo-float.tipo-djset,
html[data-theme="light"] .ec-tipo-float.tipo-jam,
html[data-theme="light"] .ec-tipo-float.tipo-clinic,
html[data-theme="light"] .ec-tipo-float.tipo-openmic,
html[data-theme="light"] .ec-tipo-float.tipo-musiclab,
html[data-theme="light"] .ec-tipo-float.tipo-festival {
  background: rgba(255,255,255,.92) !important;
}
html[data-theme="light"] .d-tipo-badge.tipo-live,
html[data-theme="light"] .d-tipo-badge.tipo-djset,
html[data-theme="light"] .d-tipo-badge.tipo-jam,
html[data-theme="light"] .d-tipo-badge.tipo-clinic,
html[data-theme="light"] .d-tipo-badge.tipo-openmic,
html[data-theme="light"] .d-tipo-badge.tipo-musiclab,
html[data-theme="light"] .d-tipo-badge.tipo-festival {
  background: rgba(255,255,255,.92) !important;
}

/* ── Pills ── */
html[data-theme="light"] .ec-rep-pill {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.1);
}
html[data-theme="light"] .ec-genre-pill {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.1);
}

/* ── Separatori rgba(255,255,255,...) → rgba(0,0,0,...) ── */
html[data-theme="light"] .hd-row          { border-bottom-color: rgba(0,0,0,.06); }
html[data-theme="light"] .hd-section-title { background: rgba(0,0,0,.03); }
html[data-theme="light"] .pm-ev-row        { border-bottom-color: rgba(0,0,0,.07); }
html[data-theme="light"] .spc-ev-row       { border-bottom-color: rgba(0,0,0,.06); }
html[data-theme="light"] .ac-item          { border-bottom-color: rgba(0,0,0,.06); }
html[data-theme="light"] .city-ac-item     { border-bottom-color: rgba(0,0,0,.06); }
html[data-theme="light"] .sf-menu-item     { border-bottom-color: rgba(0,0,0,.06); }

/* ── Profile cards ── */
html[data-theme="light"] .pb-social-btn {
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.14);
  color: var(--testo-sbiadito);
}
html[data-theme="light"] .pb-social-btn:hover {
  background: rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.28);
  color: var(--testo);
}
/* Piattaforme con icona bianca (X, TikTok, TIDAL): JS imposta border-color:#ffffff20 inline.
   override con !important per renderlo visibile su sfondo chiaro. */
html[data-theme="light"] .pb-social-btn[style*="#ffffff"] {
  border-color: rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .d-support-row { background: rgba(0,0,0,.03); }

/* ── Consigliati count badge ── */
html[data-theme="light"] .cons-count { background: rgba(0,0,0,.07); }

/* ── LMC headers & strips ── */
/* Sottotitolo e separatore: rgba(255,210,0,.3-.5) su bianco = invisibile */
html[data-theme="light"] .lmc-sub  { color: rgba(100,68,0,.8); }
html[data-theme="light"] .lmc-sep  { color: rgba(100,68,0,.5); }

/* Strip upgrade (bordi e gradient giallo trasparenti) */
html[data-theme="light"] .lmc-upgrade-strip {
  background: linear-gradient(90deg,transparent,rgba(150,100,0,.07),transparent);
  border-top-color:    rgba(150,100,0,.22);
  border-bottom-color: rgba(150,100,0,.22);
}
html[data-theme="light"] .lmc-upgrade-strip-sub   { color: rgba(100,68,0,.8); }
html[data-theme="light"] .lmc-upgrade-strip-arrow { color: rgba(100,68,0,.8); }

/* Header Pro (gold) */
html[data-theme="light"] .lmc-pro-header {
  background: linear-gradient(90deg,transparent,rgba(150,100,0,.07),transparent);
  border-top-color:    rgba(150,100,0,.25);
  border-bottom-color: rgba(150,100,0,.25);
}

/* Header registrato (orange — già semitrasparente su light) */
html[data-theme="light"] .lmc-reg-header {
  background: rgba(200,60,0,.05);
  border-top-color:    rgba(200,60,0,.2);
  border-bottom-color: rgba(200,60,0,.2);
}
html[data-theme="light"] .lmc-reg-header .lmc-sub { color: rgba(180,50,0,.65); }
html[data-theme="light"] .lmc-reg-header .lmc-sep { color: rgba(180,50,0,.4); }

/* ── Agenda ── */
html[data-theme="light"] .agenda-cell:hover        { background: rgba(0,0,0,.05); }
html[data-theme="light"] .agenda-cell.is-past .agenda-day-num { color: rgba(0,0,0,.25); }
html[data-theme="light"] .agenda-dot.past          { background: rgba(0,0,0,.18); }

/* ── Calendar picker (dark mode usa filter:invert) ── */
html[data-theme="light"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: none;
  opacity: .55;
}

/* ════════════════════════════════════════════════════════════════════
   HEAD_COMMON.PHP — stili inline con colori hardcoded
   ════════════════════════════════════════════════════════════════════ */

/* Brand bar */
html[data-theme="light"] .bit-brand-bar {
  background: #ffffff;
  border-bottom-color: #e0e0de;
}
html[data-theme="light"] h1.bit-brand a { color: #1a1a1a; }
html[data-theme="light"] .hbtn          { color: rgba(0,0,0,.45); }
html[data-theme="light"] .hbtn:hover    { color: var(--arancio); background: rgba(230,62,0,.1); }

/* Extended footer */
html[data-theme="light"] footer#extended-footer {
  background: #f0f0ef;
  border-top-color: #e0e0de;
}
html[data-theme="light"] .ef-brand-sub { color: #6b6b6b; }
html[data-theme="light"] .ef-social-btn {
  background: rgba(0,0,0,.04);
  border-color: #e0e0de;
  color: #6b6b6b;
}
html[data-theme="light"] .ef-social-btn:hover {
  border-color: rgba(0,0,0,.28);
  color: #1a1a1a;
  background: rgba(0,0,0,.07);
}
html[data-theme="light"] .ef-section-title { border-bottom-color: #e0e0de; }
html[data-theme="light"] .ef-list li       { color: #6b6b6b; }
html[data-theme="light"] .ef-list li strong { color: #1a1a1a; }
html[data-theme="light"] .ef-list a        { color: rgba(0,0,0,.45); }
html[data-theme="light"] .ef-list a:hover  { color: #1a1a1a; }
html[data-theme="light"] .ef-list a.ef-link-gold       { color: rgba(120,90,0,.9); }
html[data-theme="light"] .ef-list a.ef-link-gold:hover { color: #b8860b; }
html[data-theme="light"] .ef-list a.ef-link-danger       { color: #d32f2f; }
html[data-theme="light"] .ef-list a.ef-link-danger:hover { color: #b71c1c; }
html[data-theme="light"] .ef-bottom      { border-top-color: #e0e0de; }
html[data-theme="light"] .ef-bottom-copy { color: #888; }

/* ════════════════════════════════════════════════════════════════════
   PAGINE SECONDARIE (layout.php inline styles)
   ════════════════════════════════════════════════════════════════════ */

/* Page header bar */
html[data-theme="light"] .bit-ph {
  background: #ffffff;
  border-bottom-color: var(--arancio);
}
html[data-theme="light"] .bit-ph h1 a        { color: #1a1a1a; }
html[data-theme="light"] .back-btn           { color: #6b6b6b; border-color: rgba(0,0,0,.16); }
html[data-theme="light"] .back-btn:hover     { color: #1a1a1a; border-color: rgba(0,0,0,.32); }

/* Main content headings / text */
html[data-theme="light"] h2 { color: #1a1a1a; border-top-color: rgba(0,0,0,.07); }
html[data-theme="light"] h3 { color: #1a1a1a; }
html[data-theme="light"] .page-hero h1 { color: #1a1a1a; }
html[data-theme="light"] .page-hero    { border-bottom-color: rgba(0,0,0,.08); }
html[data-theme="light"] p             { color: #444; }
html[data-theme="light"] ul,
html[data-theme="light"] ol            { color: #444; }
html[data-theme="light"] strong        { color: #1a1a1a; }
html[data-theme="light"] .highlight-box { background: rgba(230,62,0,.05); border-color: rgba(230,62,0,.2); }
html[data-theme="light"] .highlight-box p { color: #4a4a4a; }
html[data-theme="light"] .contact-card {
  background: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.09);
}
html[data-theme="light"] thead th {
  background: rgba(0,0,0,.05);
  color: #1a1a1a;
  border-bottom-color: rgba(0,0,0,.1);
}
html[data-theme="light"] tbody td    { border-bottom-color: rgba(0,0,0,.06); color: #4a4a4a; }

/* Fragment page (.pf) */
html[data-theme="light"] .pf                  { color: #1a1a1a; }
html[data-theme="light"] .pf h1,
html[data-theme="light"] .pf h2,
html[data-theme="light"] .pf h3               { color: #1a1a1a; }
html[data-theme="light"] .pf h2               { border-top-color: rgba(0,0,0,.07); }
html[data-theme="light"] .pf p,
html[data-theme="light"] .pf ul,
html[data-theme="light"] .pf ol               { color: #4a4a4a; }
html[data-theme="light"] .pf strong           { color: #1a1a1a; }
html[data-theme="light"] .pf .page-hero       { border-bottom-color: rgba(0,0,0,.08); }
html[data-theme="light"] .pf .meta            { color: #888; }
html[data-theme="light"] .pf .highlight-box   { background: rgba(230,62,0,.05); border-color: rgba(230,62,0,.2); }
html[data-theme="light"] .pf .highlight-box p { color: #4a4a4a; }
html[data-theme="light"] .pf .contact-card    { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.09); }
html[data-theme="light"] .pf thead th         { background: rgba(0,0,0,.05); color: #1a1a1a; border-bottom-color: rgba(0,0,0,.1); }
html[data-theme="light"] .pf tbody td         { border-bottom-color: rgba(0,0,0,.06); color: #4a4a4a; }

/* ════════════════════════════════════════════════════════════════════
   INDEX.PHP — inline <style> overrides
   ════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .seo-i-title    { color: #1a1a1a; }
html[data-theme="light"] .seo-i-desc     { color: rgba(0,0,0,.65); }
html[data-theme="light"] .seo-i-btn-s    { border-color: rgba(0,0,0,.2); color: #1a1a1a; }
html[data-theme="light"] .seo-i-btn-s:hover { color: #1a1a1a; }
html[data-theme="light"] .seo-i-wait-txt { color: rgba(0,0,0,.55); }

/* Report disclaimer — inline color:rgba(255,255,255,.45) → override via !important */
html[data-theme="light"] .report-disclaimer { color: rgba(0,0,0,.55) !important; }

/* Map picker modal (stays dark overlay but internal inputs readable) */
html[data-theme="light"] #map-picker-modal input[type="text"],
html[data-theme="light"] #map-picker-modal textarea {
  background: #fff !important;
  color: #1a1a1a !important;
  border-color: #e0e0de !important;
}

/* ── Theme toggle button (sidebar + mobile drawer) ── */
#bit-theme-toggle-btn,
#sb-theme-toggle { color: var(--testo-sbiadito); }

/* ════════════════════════════════════════════════════════════════════
   PRICING PAGE — inline <style> overrides
   ════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .pricing-card {
  background: #ffffff;
  border-color: #e0e0de;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
html[data-theme="light"] .pricing-card--highlight {
  background: rgba(230,62,0,.04);
  border-color: var(--arancio);
}
html[data-theme="light"] .pricing-plan   { color: #6b6b6b; }
html[data-theme="light"] .pricing-price  { color: #1a1a1a; }
html[data-theme="light"] .pricing-price span { color: #6b6b6b; }
html[data-theme="light"] .pricing-permonth { color: #6b6b6b; }
html[data-theme="light"] .pricing-permonth strong { color: #1a1a1a; }
html[data-theme="light"] .pricing-note   { color: #6b6b6b; }
html[data-theme="light"] .pricing-divider { border-top-color: #e0e0de; }
html[data-theme="light"] .features-title { color: #1a1a1a; }
html[data-theme="light"] .features-grid {
  border-color: #e0e0de;
}
html[data-theme="light"] .features-col:first-child { border-right-color: #e0e0de; }
@media(max-width:560px){
  html[data-theme="light"] .features-col:first-child { border-bottom-color: #e0e0de; }
}
html[data-theme="light"] .feature-item  { color: #3a3a3a; }
html[data-theme="light"] .feature-item i.base { color: #aaa; }
html[data-theme="light"] .pricing-cta {
  background: rgba(0,0,0,.03);
  border-color: #e0e0de;
}
html[data-theme="light"] .pricing-cta h2 { color: #1a1a1a; }
html[data-theme="light"] .pricing-cta p  { color: #555; }
html[data-theme="light"] .pricing-cta a[style*="rgba(255,255,255"] {
  background: rgba(0,0,0,.05) !important;
  border-color: rgba(0,0,0,.15) !important;
  color: #333 !important;
}
html[data-theme="light"] .pricing-soon  { color: var(--arancio); }

/* ════════════════════════════════════════════════════════════════════
   BLOG LIST PAGE (blog.php)
   ════════════════════════════════════════════════════════════════════ */

/* Search bar */
html[data-theme="light"] .blog-search-input {
  background: #ffffff;
  border-color: rgba(0,0,0,.18);
  color: #1a1a1a;
}
html[data-theme="light"] .blog-search-input::placeholder { color: #999; }
html[data-theme="light"] .blog-search-input:focus        { border-color: rgba(230,62,0,.5); }
html[data-theme="light"] .blog-search-btn {
  border-color: rgba(0,0,0,.18);
  color: #666;
  background: #ffffff;
}
html[data-theme="light"] .blog-search-btn:hover { color: var(--arancio); background: rgba(230,62,0,.06); }

/* Filter buttons */
html[data-theme="light"] .blog-filter-btn {
  border-color: rgba(0,0,0,.16);
  color: #6b6b6b;
}
html[data-theme="light"] .blog-filter-btn:hover,
html[data-theme="light"] .blog-filter-btn.active {
  border-color: var(--arancio);
  color: var(--arancio);
  background: rgba(230,62,0,.06);
}

/* Cards */
html[data-theme="light"] .blog-card {
  background: #ffffff;
  border-color: #e0e0de;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
html[data-theme="light"] .blog-card:hover { border-color: rgba(230,62,0,.35); }
html[data-theme="light"] .blog-card-cover { background: #e8e8e8; }
html[data-theme="light"] .blog-card-cover-ph {
  background: linear-gradient(135deg, #e8e8e8, #d8d8d8);
}
html[data-theme="light"] .blog-card-title { color: #1a1a1a; }
html[data-theme="light"] .blog-card-desc  { color: #6b6b6b; }
html[data-theme="light"] .blog-card-meta  { border-top-color: rgba(0,0,0,.07); }
html[data-theme="light"] .blog-card-date  { color: #888; }
html[data-theme="light"] .blog-cat-badge  { color: #1a1a1a !important; }

/* Tags (blog list) */
html[data-theme="light"] .blog-tag {
  color: #6b6b6b;
  background: rgba(0,0,0,.04);
}
html[data-theme="light"] .blog-tag:hover { color: var(--arancio); background: rgba(230,62,0,.06); }

/* Pagination */
html[data-theme="light"] .blog-page-btn {
  border-color: rgba(0,0,0,.15);
  color: #6b6b6b;
}
html[data-theme="light"] .blog-page-btn:hover,
html[data-theme="light"] .blog-page-btn.active {
  border-color: var(--arancio);
  color: var(--arancio);
  background: rgba(230,62,0,.06);
}

/* Empty state */
html[data-theme="light"] .blog-empty { color: #888; }

/* ════════════════════════════════════════════════════════════════════
   BLOG POST PAGE (blog-post.php)
   ════════════════════════════════════════════════════════════════════ */

/* Back link + category badge */
html[data-theme="light"] .bp-back       { color: #888; }
html[data-theme="light"] .bp-back:hover { color: var(--arancio); }
html[data-theme="light"] .bp-cat        { color: #1a1a1a !important; }

/* Title + meta */
html[data-theme="light"] .bp-title      { color: #1a1a1a; }
html[data-theme="light"] .bp-meta       { color: #6b6b6b; }
html[data-theme="light"] .bp-meta strong { color: #6b6b6b !important; }

/* Share button */
html[data-theme="light"] .bp-share-btn {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.16);
  color: #555;
}
html[data-theme="light"] .bp-share-btn:hover {
  background: rgba(230,62,0,.1);
  border-color: var(--arancio);
  color: var(--arancio);
}

/* Body content */
html[data-theme="light"] .bp-body        { color: #3a3a3a; }
html[data-theme="light"] .bp-body h2     { color: #1a1a1a; border-top-color: rgba(0,0,0,.08); }
html[data-theme="light"] .bp-body h3     { color: #2a2a2a; }
html[data-theme="light"] .bp-body strong { color: #1a1a1a; }
html[data-theme="light"] .bp-body em     { color: #4a4a4a; }
html[data-theme="light"] .bp-body blockquote { color: #555; background: rgba(230,62,0,.04); }
html[data-theme="light"] .bp-body hr     { border-top-color: rgba(0,0,0,.08); }

/* Tags (blog post) */
html[data-theme="light"] .bp-tags        { border-top-color: rgba(0,0,0,.08); }
html[data-theme="light"] .bp-tag {
  color: #6b6b6b;
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.1);
}
html[data-theme="light"] .bp-tag:hover {
  color: var(--arancio);
  border-color: rgba(230,62,0,.4);
  background: rgba(230,62,0,.06);
}

/* CTA box */
html[data-theme="light"] .bp-cta         { background: rgba(230,62,0,.05); border-color: rgba(230,62,0,.18); }
html[data-theme="light"] .bp-cta h3      { color: #1a1a1a; }
html[data-theme="light"] .bp-cta p       { color: #555; }

/* Related articles */
html[data-theme="light"] .bp-correlati   { border-top-color: rgba(0,0,0,.08); }
html[data-theme="light"] .bp-correlati h2 { color: #1a1a1a; }
html[data-theme="light"] .bp-corr-card {
  background: #ffffff;
  border-color: #e0e0de;
}
html[data-theme="light"] .bp-corr-card:hover { border-color: rgba(230,62,0,.35); }
html[data-theme="light"] .bp-corr-cover  { background: #e8e8e8; }
html[data-theme="light"] .bp-corr-title  { color: #1a1a1a; }
html[data-theme="light"] .bp-corr-date   { color: #888; }

/* Shows section (profilo blog posts) */
html[data-theme="light"] .bp-shows       { border-top-color: rgba(0,0,0,.08); }
html[data-theme="light"] .bp-shows h3    { color: #888; }
html[data-theme="light"] .bp-show-row    { background: rgba(0,0,0,.03); }
html[data-theme="light"] .bp-show-date   { color: #555; }
html[data-theme="light"] .bp-show-info   { color: #1a1a1a; }
html[data-theme="light"] .bp-show-info strong { color: #1a1a1a; }

/* ════════════════════════════════════════════════════════════════════
   SOCIAL ICONS — icone bianche su sfondo chiaro
   X, TikTok, TIDAL: simpleicons.org con /ffffff → invert a nero
   Footer FA icon X: color:#fff inline → override con !important
   ════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] img[src*="simpleicons.org"][src*="ffffff"] {
  filter: invert(1);
}
html[data-theme="light"] .ef-social-btn .fa-x-twitter { color: #1a1a1a !important; }

/* ════════════════════════════════════════════════════════════════════
   LAYOUT.PHP — page-hero meta + nav drawer hardcoded
   ════════════════════════════════════════════════════════════════════ */

/* .meta subtitle in page-hero (blog, howitworks, etc.) */
html[data-theme="light"] .page-hero .meta { color: #6b6b6b; }

/* Nav drawer mobile — hardcoded border in media query */
@media(max-width:767px){
  html[data-theme="light"] #bit-nav-drawer { border-bottom-color: #e0e0de; }
}