/* SellRooms 2026 · raccordo per le sezioni interne delle pagine lunghe
   (domotica, FAQ, GDPR, shop, ...). Il markup e i testi restano quelli
   originali: qui si riallineano solo colori, caratteri, raggi e ombre alla
   nuova grafica. Vale solo dentro .sr26-classico; i colori scritti negli
   attributi style richiedono !important. */

.sr26-classico { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; color: var(--sr-testo, #1C1C1E); }

/* Sezioni: sfondo chiaro uniforme al posto dei gradienti lilla */
.sr26-classico section[style*="#f9f6ff"],
.sr26-classico section[style*="#F9F6FF"] { background: var(--sr-sfondo, #F5F6FA) !important; }
.sr26-classico .py-6 { padding-top: 96px; padding-bottom: 96px; }
@media (max-width: 760px) { .sr26-classico .py-6 { padding-top: 64px; padding-bottom: 64px; } }

/* Titoli: nero pieno, peso forte, spaziatura stretta come nel resto del sito */
.sr26-classico h1, .sr26-classico h2, .sr26-classico h3,
.sr26-classico h4, .sr26-classico h5 { font-family: inherit; letter-spacing: -.4px; }
.sr26-classico h2.display-5,
.sr26-classico h2.display-6 { font-size: clamp(30px, 3.4vw, 44px); font-weight: 850; letter-spacing: -1.2px; line-height: 1.1; }
.sr26-classico h3.display-6 { font-size: clamp(26px, 2.8vw, 36px); font-weight: 850; letter-spacing: -.9px; line-height: 1.15; }
.sr26-classico [style*="color: #4a1e8a"]:is(h1,h2,h3,h4,h5,h6),
.sr26-classico [style*="color:#4a1e8a"]:is(h1,h2,h3,h4,h5,h6) { color: var(--sr-testo, #1C1C1E) !important; }
.sr26-classico .lead { font-size: 18px; }
.sr26-classico .text-muted { color: var(--sr-grigio, #6B7280) !important; }

/* Etichetta sopra i titoli: come .eyebrow */
.sr26-classico .section-badge,
.sr26-classico .section-chip {
    background: none !important; padding: 0 !important; border-radius: 0;
    color: var(--sr-viola, #6B3FB0) !important;
    font-weight: 800; font-size: 13px; letter-spacing: 2px; text-transform: uppercase;
}
.sr26-classico .title-divider { display: none; }

/* Riquadri e card */
.sr26-classico .card,
.sr26-classico .product-card,
.sr26-classico .brand-section,
.sr26-classico .api-card,
.sr26-classico .faq-item,
.sr26-classico .info-card {
    border-color: var(--sr-bordo, #E6E8F0);
}
.sr26-classico .product-card { border-radius: 18px; border: 1px solid var(--sr-bordo, #E6E8F0); box-shadow: none; }
.sr26-classico .product-card:hover { box-shadow: 0 20px 50px -20px rgba(10,26,63,.35); border-color: rgba(107,63,176,.35); transform: translateY(-6px); }
.sr26-classico .brand-section { border-radius: 24px; border: 1px solid var(--sr-bordo, #E6E8F0); box-shadow: 0 20px 50px -28px rgba(10,26,63,.28); }
.sr26-classico .brand-title-wrapper { border-left-color: var(--sr-viola, #6B3FB0); }
.sr26-classico .product-title { color: var(--sr-testo, #1C1C1E); font-weight: 800; letter-spacing: -.3px; }
.sr26-classico .product-desc { color: var(--sr-grigio, #6B7280); }
.sr26-classico .feature-tag { background: var(--sr-tinta, #F4EEFC); color: var(--sr-viola, #6B3FB0); font-weight: 700; }
.sr26-classico .app-preview-card { background: var(--sr-grad) !important; }
.sr26-classico .api-card { border: 1px solid var(--sr-bordo, #E6E8F0); box-shadow: 0 20px 50px -20px rgba(10,26,63,.35); border-radius: 24px; }
.sr26-classico .gradient-text { background: var(--sr-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Pulsanti Bootstrap nel tono del sito */
.sr26-classico .btn-primary { background: var(--sr-grad); border: 0; font-weight: 700; }
.sr26-classico .btn-primary:hover { filter: brightness(1.08); }
.sr26-classico .btn-outline-primary { color: var(--sr-viola, #6B3FB0); border-color: var(--sr-viola, #6B3FB0); font-weight: 700; }
.sr26-classico .btn-outline-primary:hover { background: var(--sr-viola, #6B3FB0); color: #fff; }

/* Colori viola "storici" scritti a mano nelle pagine → viola del nuovo marchio */
.sr26-classico [style*="#662ab2"]:is(i, .bi) { color: var(--sr-viola, #6B3FB0) !important; }
.sr26-classico [style*="background:#662ab2"],
.sr26-classico [style*="background: #662ab2"] { background: var(--sr-viola, #6B3FB0) !important; }

/* Etichette viola su fondo viola (card "App" a gradiente): rese leggibili */
.sr26-classico .app-preview-card .badge { background: rgba(255,255,255,.18) !important; color: #fff !important; }

/* GDPR · flusso: il contenitore scorre in orizzontale e tagliava i numeri
   che sporgono sopra le card */
.sr26-classico .flow-container { padding-top: 16px; }

/* Colori "primary" di Bootstrap (blu) → viola SellRooms */
.sr26-classico { --bs-primary: #6B3FB0; --bs-primary-rgb: 107, 63, 176; --bs-link-color: #6B3FB0; --bs-link-hover-color: #4B2A8C; }
.sr26-classico .text-primary { color: var(--sr-viola, #6B3FB0) !important; }
.sr26-classico .bg-primary:not(.bg-opacity-10) { background: var(--sr-grad) !important; }
.sr26-classico .bg-light { background: var(--sr-sfondo, #F5F6FA) !important; }
.sr26-classico section.bg-light { background: var(--sr-sfondo, #F5F6FA) !important; }
/* Solo le card "piatte" di Bootstrap (border-0 + ombra): quelle con bordo
   proprio (es. scelta del piano in registrazione) gestiscono da sé lo stato. */
.sr26-classico .card.border-0 { border-radius: 18px !important; border: 1px solid var(--sr-bordo, #E6E8F0) !important; box-shadow: none !important; }
.sr26-classico .card.border-0:hover { box-shadow: 0 20px 50px -24px rgba(10,26,63,.3) !important; }
.sr26-classico .card.border-0.shadow-lg { box-shadow: 0 20px 50px -20px rgba(10,26,63,.35) !important; }
.sr26-classico .card-header:not([style*="gradient"]) { background: #fff; border-bottom: 1px solid var(--sr-bordo, #E6E8F0); padding: 18px 22px; border-radius: 18px 18px 0 0 !important; }
.sr26-classico .card-header:not([style*="gradient"]) :is(h2, .h4) { font-weight: 800; color: var(--sr-testo, #1C1C1E); }
.sr26-classico .card-header[style*="gradient"] { background: var(--sr-grad) !important; }
.sr26-classico .alert-warning { background: #FFF6E5; color: #6b4300; border-left: 4px solid #FFB74D !important; border-radius: 16px; }
.sr26-classico .accordion-button { font-weight: 700; }
.sr26-classico .accordion-button:not(.collapsed) { color: var(--sr-viola, #6B3FB0); background: var(--sr-tinta, #F4EEFC); }

/* Schede Bootstrap (nav-tabs) come controllo segmentato */
.sr26-classico .nav-tabs { border: 1px solid var(--sr-bordo, #E6E8F0); background: #fff; border-radius: 999px; padding: 6px; gap: 6px; justify-content: center; width: max-content; max-width: 100%; margin: 0 auto; }
.sr26-classico .nav-tabs .nav-link { border: 0 !important; border-radius: 999px; color: var(--sr-grigio, #6B7280) !important; font-weight: 700; padding: 10px 18px; }
.sr26-classico .nav-tabs .nav-link .bi { color: inherit !important; }
.sr26-classico .nav-tabs .nav-link.active { background: var(--sr-grad); color: #fff !important; border-bottom: 0 !important; }
@media (max-width: 760px) { .sr26-classico .nav-tabs { border-radius: 20px; } }

/* Riquadro a gradiente con pulsanti chiari */
.sr26-classico .btn-warning { background: #FFB74D; border-color: #FFB74D; color: #3d1670; font-weight: 800; border-radius: 999px; }
.sr26-classico .btn-outline-light { border-radius: 999px; font-weight: 700; }
.sr26-classico .card[style*="linear-gradient"] { border: 0 !important; border-radius: 24px !important; background: var(--sr-grad) !important; }
.sr26-classico .bg-primary.bg-opacity-10 { background: var(--sr-tinta, #F4EEFC) !important; }

/* Titoli di sezione semplici (h2.fw-bold) come i titoli del sito */
.sr26-classico section > .container > .text-center > h2.fw-bold { font-size: clamp(28px, 3.2vw, 40px); font-weight: 850; letter-spacing: -1px; color: var(--sr-testo, #1C1C1E) !important; margin-bottom: 10px; }
.sr26-classico section[style*="#f4f0fb"] { background: var(--sr-sfondo, #F5F6FA) !important; }
.sr26-classico section[style*="background:#fff"] { background: #fff !important; }
.sr26-classico .bg-gradient-primary .text-primary { color: #fff !important; }

/* Barre "sticky" delle pagine: stanno sotto la barra di navigazione (72px) */
.sr26-classico .sticky-top { top: 72px; z-index: 1010 !important; }
.sr26-classico section[style*="#f9f6ff"] { background: var(--sr-sfondo, #F5F6FA) !important; }
.sr26-classico section[style*="#5a23a0"] { background: var(--sr-grad) !important; }
.sr26-classico .shop-filter { border-color: var(--sr-bordo, #E6E8F0); color: var(--sr-viola, #6B3FB0); font-weight: 700; }
.sr26-classico .shop-filter:hover, .sr26-classico .shop-filter.active { background: var(--sr-grad); border-color: transparent; color: #fff; }
.sr26-classico .add-to-cart { background: var(--sr-grad) !important; }
.sr26-classico .card.border-0.shadow { box-shadow: 0 20px 50px -28px rgba(10,26,63,.3) !important; }
.sr26-classico .breadcrumb-item a { color: var(--sr-viola, #6B3FB0); font-weight: 600; }
.sr26-classico h1[style*="#1a0b3b"], .sr26-classico h2[style*="#1a0b3b"] { letter-spacing: -.6px; }

/* Le griglie Bootstrap con gutter ampi (g-5) sporgono di qualche pixel dal
   contenitore su smartphone: si taglia lo sbordo orizzontale senza creare
   un'area di scorrimento (le barre "sticky" continuano a funzionare). */
.sr26-classico { overflow-x: clip; }