:root{--ic:#0d6efd}
body{color:#1f2d3d}
.navbar-brand img{height:30px}
.hero{background:linear-gradient(135deg,#0d6efd 0%,#084298 100%);color:#fff;padding:1.4rem 0;min-height:160px;display:flex;align-items:center}
.hero h1{font-weight:700;font-size:1.5rem;margin-bottom:.3rem !important}
.hero .lead{color:rgba(255,255,255,.9);font-size:.95rem}
.hero .form-control{border:0}
section{padding:4rem 0}
.section-title{text-align:center;margin-bottom:2.5rem}
.section-title span{display:block;text-transform:uppercase;letter-spacing:2px;color:var(--ic);font-size:.8rem;font-weight:700}
.section-title h2{font-weight:700}
.feature i{font-size:2.2rem;color:var(--ic)}
.counter{background:#1f2d3d;color:#fff;padding:3rem 0}
.counter .num{font-size:2.6rem;font-weight:700;color:#fff}
.counter .lbl{color:#9fb3c8;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}
.card-service{border:1px solid #e9eef5;border-radius:.75rem}
.testimonial{background:#f6f8fb}
.testimonial .quote{font-style:italic}
.subscribe{background:linear-gradient(135deg,#084298,#0d6efd);color:#fff}
footer{background:#1f2d3d;color:#cbd5e1}
footer a{color:#9fb3c8;text-decoration:none}footer a:hover{color:#fff}
.placeholder-price{font-size:1.9rem;font-weight:700;color:#6c757d}
.badge-soon{vertical-align:middle}

/* FAQ — categorie + fisarmonica (adattato dal template OrDomain) */
.faq-categories { gap: .4rem; position: sticky; top: 96px; }
.faq-categories .nav-link { text-align: left; border: 1px solid rgba(13,110,253,.18); border-radius: .6rem; color: #10233f; font-weight: 600; padding: .7rem .9rem; }
.faq-categories .nav-link:hover { background: rgba(13,110,253,.06); }
.faq-categories .nav-link.active { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.faq-accordion .accordion-button { font-weight: 600; }
@media (max-width: 991.98px) { .faq-categories { position: static; } }


/* Hero stretto (es. pagina FAQ) — fascia BLU più bassa */
.hero--slim{ background:linear-gradient(135deg,#0d6efd 0%,#084298 100%); color:#fff; padding:2.2rem 0; }
.hero--slim h1{ font-size:1.5rem; font-weight:700; margin-bottom:.3rem !important; }
.hero--slim .lead{ color:rgba(255,255,255,.9); font-size:.95rem; margin-bottom:0; }


/* Hero: controlli ricerca/form più compatti (coerenza altezza) */
.hero .form-control-lg, .hero .btn-lg{ font-size:1rem; padding:.5rem .85rem; border-radius:.5rem; }

.hero > .container{ width:100%; }


/* --- Pagina Domini: banda di ricerca (struttura dal template OrDomain) --- */
.domains-ribbon{ background:linear-gradient(135deg,#0d6efd 0%,#084298 100%); color:#fff; padding:2.2rem 0; }
.domains-ribbon .form-control-lg{ border:0; }



/* --- Domini: box estensioni (struttura stile OrDomain) --- */
.domains-ribbon{ padding-bottom:3.4rem !important; }
.domains-ext-wrap{ margin-top:-2.4rem; }
.domain-box{ border:1px solid rgba(13,110,253,.15); border-radius:.8rem; box-shadow:0 10px 26px rgba(15,37,71,.07); transition:.15s; }
.domain-box:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(15,37,71,.12); }
.domain-ext{ font-size:1.5rem; font-weight:800; color:#0d6efd; letter-spacing:.5px; }
.domain-price{ font-size:1.15rem; font-weight:700; margin:.4rem 0 .9rem; }
.domain-price .per{ font-size:.8rem; font-weight:400; color:#6c757d; margin-left:.15rem; }



/* --- Domini: elenco estensioni (stile OrDomain slider) --- */
.ext-list{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin-top:1.1rem; }
.ext-item{ display:flex; align-items:center; gap:.6rem; background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.28); border-radius:.6rem; padding:.45rem .7rem; color:#fff; }
.ext-item .ext-name{ font-weight:800; letter-spacing:.5px; }
.ext-item .ext-price{ font-weight:600; opacity:.95; }
.ext-item .ext-price small{ font-weight:400; opacity:.85; margin-left:.15rem; }
.ext-item .btn{ padding:.15rem .55rem; font-size:.78rem; }



/* --- Domini: box di ricerca (struttura OrDomain) --- */
.domains-search{ background:linear-gradient(135deg,#0d6efd 0%,#084298 100%); color:#fff; padding:2.4rem 0 2.2rem; }
.domains-search .form-control{ border:0; }
.domains-ext-checks{ color:#fff; column-count:2; }
.domains-ext-checks .form-check-label{ color:#fff; }
.domains-ext-checks .form-check{ margin-bottom:.15rem; }



/* ===== Box OrDomain identico (scoped .ordbox) ===== */
.ordbox #banner{ background:linear-gradient(135deg,#0d6efd 0%,#084298 100%); padding:45px 0; }
.ordbox .banner-content{ position:relative; margin:0 auto; max-width:1000px; padding:30px 35px 35px; z-index:0; }
.ordbox .banner-content:before{ content:" "; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:-1; }
.ordbox .banner-content .title{ max-width:730px; }
.ordbox .banner-content .title h2{ margin:0 0 5px; color:#0d6efd; font-size:45px; font-weight:800; line-height:1.1; }
.ordbox .paragraph-large{ font-size:21px; margin:0; color:#222; }
.ordbox .paragraph-small{ font-size:16px; margin:0; color:#222; }
.ordbox .ribbon{ position:absolute; top:-5px; right:-5px; width:150px; height:150px; overflow:hidden; z-index:2; }
.ordbox .ribbon-content{ font-weight:700; z-index:2; font-size:20px; text-align:center; transform:rotate(45deg); position:relative; padding:12px 0; left:-5px; top:28px; width:202px; box-shadow:0 0 3px rgba(0,0,0,.3); }
.ordbox .bg-green{ background-color:#0d6efd; }
.ordbox #bulkDomainSearchForm{ margin-top:20px; }
.ordbox #bulkDomainSearchForm .form-control{ height:auto; border:1px solid #ccc; border-radius:0; }
.ordbox .extensions{ margin:-5px 0 2px; }
.ordbox .extensions input{ margin:0; vertical-align:middle; cursor:pointer; display:none; }
.ordbox .extensions label{ margin:5px; font-weight:400; cursor:pointer; text-transform:lowercase; }
.ordbox .extensions label:before{ content:"\f096"; margin-right:8px; font:normal normal normal 14px/1 FontAwesome; }
.ordbox .extensions input:checked + label:before{ content:"\f046"; margin-right:6px; }
.ordbox .extensions input:checked + label{ color:#0d6efd; }
.ordbox #bulkDomainSearchForm .submit-btn{ border:0; border-radius:0; font-size:16px; font-weight:700; height:55px; padding:8px 6px 6px; text-transform:uppercase; width:100%; outline:0; cursor:pointer; }
.ordbox .btn-custom{ color:#fff; background-color:#0d6efd; font-weight:400; border-radius:0; text-transform:uppercase; }
.ordbox .btn-blue{ background-color:#0d6efd; }
.ordbox .btn-custom:hover{ background-color:#0b5ed7; color:#fff; }