/* =========================================================
   Web Pixel Service - tema WHMCS (basato su twenty-one)
   1) Variabili brand
   2) Homepage (classi wp-*)
   3) Restyle area clienti
   ========================================================= */

:root{
  --wp-navy:#0d2c6b;
  --wp-navy2:#103a85;
  --wp-blue:#1b72d0;
  --wp-blue-l:#29a9e0;
  --wp-green:#5fbf3f;
  --wp-green-d:#4aa32e;
  --wp-txt:#12203a;
  --wp-mut:#5b6b88;
  --wp-line:#e2e8f2;
  --wp-bg-s:#f5f8fd;
  --wp-shadow:0 10px 40px -12px rgba(13,44,107,.18);
}

/* =========================================================
   2) HOMEPAGE
   ========================================================= */

.wp-home{color:var(--wp-txt);line-height:1.6}
.wp-home *{box-sizing:border-box}
/* Larghezza dei contenuti della home. Le fasce colorate sono gia' a tutto schermo:
   questo e' il limite del testo/griglie dentro alla fascia. */
.wp-wrap{max-width:1440px;margin:0 auto;padding:0 34px}
.wp-center{text-align:center}
.wp-muted{color:var(--wp-mut)}

.wp-btn{display:inline-block;padding:13px 26px;border-radius:10px;font-weight:600;
  cursor:pointer;border:none;transition:.2s;font-size:15px;text-align:center;
  text-decoration:none}
.wp-btn:hover{text-decoration:none;transform:translateY(-2px)}
.wp-btn-pri{background:linear-gradient(135deg,var(--wp-blue),var(--wp-blue-l));color:#fff;
  box-shadow:0 8px 22px -8px rgba(27,114,208,.7)}
.wp-btn-pri:hover{color:#fff;filter:brightness(1.08)}
.wp-btn-green{background:linear-gradient(135deg,var(--wp-green),var(--wp-green-d));color:#fff;
  box-shadow:0 8px 22px -8px rgba(95,191,63,.7)}
.wp-btn-green:hover{color:#fff;filter:brightness(1.08)}
.wp-btn-ghost{background:#fff;border:1.5px solid var(--wp-line);color:var(--wp-navy)}
.wp-btn-ghost:hover{border-color:var(--wp-blue);color:var(--wp-blue)}
.wp-btn-outw{background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff}
.wp-btn-outw:hover{background:rgba(255,255,255,.12);color:#fff}
.wp-link{color:var(--wp-blue);font-weight:600}

/* HERO */
.wp-hero{position:relative;padding:88px 0 76px;color:#fff;text-align:center;overflow:hidden;
  margin-bottom:0}
.wp-hero-bg{position:absolute;inset:0;
  background:
    url('../assets/img/hero.jpg') center/cover no-repeat,
    radial-gradient(900px 430px at 50% 0%,rgba(41,169,224,.38),transparent 66%),
    linear-gradient(160deg,#0b2455,#123a86 55%,#0a1f4d)}
.wp-hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,26,64,.74),rgba(10,34,88,.88))}
.wp-hero .wp-wrap{position:relative;z-index:2}
.wp-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.14;font-weight:800;
  letter-spacing:-1.2px;color:#fff;margin:0}
.wp-hero h1 span{background:linear-gradient(135deg,var(--wp-blue-l),var(--wp-green));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.wp-sub{font-size:18px;color:#c7d6ee;max-width:640px;margin:18px auto 0}

.wp-search{max-width:660px;margin:34px auto 0}
.wp-search form{display:flex;gap:10px;background:#fff;padding:9px;border-radius:14px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.55);margin:0}
.wp-search input[type=text],.wp-search textarea{flex:1;background:transparent;border:none;
  outline:none;color:var(--wp-txt);font-size:16px;padding:12px 14px;box-shadow:none;
  height:auto;font-family:inherit;line-height:1.4}
.wp-search textarea{resize:none;overflow:hidden;min-height:46px;align-self:center}
.wp-search input[type=text]::placeholder,.wp-search textarea::placeholder{color:#8fa0bd}
.wp-tlds{display:flex;gap:20px;justify-content:center;margin-top:18px;flex-wrap:wrap;
  color:#c7d6ee;font-size:14px}
.wp-tlds b{color:var(--wp-green);font-weight:700}
.wp-trust{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:28px;
  color:#adc2e2;font-size:14px}

/* SEZIONI */
.wp-block{padding:74px 0}
.wp-alt{background:var(--wp-bg-s)}
.wp-head{text-align:center;max-width:640px;margin:0 auto 44px}
.wp-head h2{font-size:clamp(25px,3.4vw,36px);font-weight:800;letter-spacing:-.7px;
  color:var(--wp-navy);margin:0}
.wp-head p{color:var(--wp-mut);margin-top:12px;font-size:17px}
.wp-eyebrow{color:var(--wp-blue);font-weight:800;letter-spacing:1.6px;font-size:12.5px;
  text-transform:uppercase;margin-bottom:10px;display:block}

/* PIANI */
.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.wp-grid.wp-grid-4{grid-template-columns:repeat(4,1fr);gap:20px}
.wp-plan{background:#fff;border:1.5px solid var(--wp-line);border-radius:16px;
  padding:32px 28px;position:relative;transition:.25s}
.wp-plan:hover{transform:translateY(-6px);border-color:var(--wp-blue);box-shadow:var(--wp-shadow)}
.wp-plan.wp-pop{border-color:var(--wp-blue);box-shadow:var(--wp-shadow)}
.wp-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--wp-green),var(--wp-green-d));color:#fff;
  font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;white-space:nowrap}
.wp-plan h3{font-size:21px;color:var(--wp-navy);margin:0 0 4px}
.wp-price{font-size:40px;font-weight:800;color:var(--wp-navy);margin:16px 0 2px;
  letter-spacing:-1.5px}
.wp-price small{font-size:15px;color:var(--wp-mut);font-weight:500;letter-spacing:0}
.wp-plan ul{list-style:none;margin:22px 0 28px;padding:0}
.wp-plan li{padding:9px 0;color:var(--wp-mut);display:flex;gap:10px;align-items:center;
  border-bottom:1px solid var(--wp-line);font-size:15px}
.wp-plan li:last-child{border-bottom:none}
.wp-plan li::before{content:"✓";color:var(--wp-green);font-weight:800;flex-shrink:0}
.wp-plan .wp-btn{width:100%}

/* FEATURES */
.wp-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wp-card{background:#fff;border:1.5px solid var(--wp-line);border-radius:16px;
  padding:28px;transition:.2s}
.wp-card:hover{border-color:var(--wp-blue);box-shadow:var(--wp-shadow);transform:translateY(-4px)}
.wp-ico{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;
  font-size:25px;background:linear-gradient(135deg,rgba(27,114,208,.12),rgba(95,191,63,.14));
  margin-bottom:16px}
.wp-card h4{font-size:17px;color:var(--wp-navy);margin:0 0 7px}
.wp-card p{color:var(--wp-mut);font-size:14.5px;margin:0}

/* AREA CLIENTI */
.wp-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.wp-split h2{font-size:clamp(24px,3.2vw,34px);color:var(--wp-navy);font-weight:800;
  letter-spacing:-.6px;margin:0}
.wp-lead{color:var(--wp-mut);margin:14px 0 22px;font-size:17px}
.wp-clist{list-style:none;display:grid;gap:13px;margin:0 0 28px;padding:0}
.wp-clist li{display:flex;gap:12px;align-items:flex-start;color:var(--wp-txt);font-size:15.5px}
.wp-clist li::before{content:"✓";color:#fff;background:var(--wp-green);width:22px;height:22px;
  border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;
  flex-shrink:0;margin-top:2px}
.wp-panel{background:linear-gradient(145deg,var(--wp-navy),var(--wp-navy2));border-radius:20px;
  padding:26px;box-shadow:var(--wp-shadow)}
.wp-panel-bar{display:flex;gap:7px;margin-bottom:18px}
.wp-panel-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.3)}
.wp-prow{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;
  background:rgba(255,255,255,.07);border-radius:10px;margin-bottom:10px;color:#dbe6f8;
  font-size:14.5px}
.wp-prow b{color:#fff;font-weight:600}
.wp-pill{font-size:12px;padding:4px 11px;border-radius:20px;font-weight:700;white-space:nowrap}
.wp-pill.wp-on{background:rgba(95,191,63,.2);color:#8ce06a}
.wp-pill.wp-wait{background:rgba(255,176,32,.2);color:#ffc85c}

/* CTA */
.wp-cta{background:linear-gradient(135deg,var(--wp-navy),var(--wp-blue));border-radius:24px;
  padding:58px 32px;text-align:center;color:#fff;box-shadow:var(--wp-shadow)}
.wp-cta h2{font-size:clamp(25px,3.2vw,33px);font-weight:800;letter-spacing:-.6px;
  color:#fff;margin:0}
.wp-cta p{color:#c7d6ee;margin:14px auto 26px;max-width:540px;font-size:17px}
.wp-cta .wp-btn+.wp-btn{margin-left:10px}

/* RESPONSIVE HOMEPAGE */
@media(max-width:1100px){
  .wp-grid.wp-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .wp-grid,.wp-split,.wp-grid.wp-grid-4{grid-template-columns:1fr}
  .wp-feat{grid-template-columns:1fr 1fr}
  .wp-split{gap:36px}
}
@media(max-width:560px){
  .wp-feat{grid-template-columns:1fr}
  .wp-search form{flex-direction:column}
  .wp-cta .wp-btn+.wp-btn{margin-left:0;margin-top:10px}
}

/* =========================================================
   3) AREA CLIENTI - colori brand su twenty-one
   ========================================================= */

/* La home deve uscire dal .container di Bootstrap, altrimenti l'hero resta
   incolonnato e stretto. :has() applica la regola solo alle pagine con la home. */
#main-body:has(.wp-home){padding:0}
#main-body:has(.wp-home) > .container{max-width:100%;width:100%;padding-left:0;padding-right:0}
#main-body:has(.wp-home) .primary-content{padding-left:0;padding-right:0}

/* Pulsanti primari.
   ATTENZIONE: .primary-bg-color sta sul <body> di WHMCS, non va mai colorata
   qui o si tinge l'intera pagina. */
.btn-primary{background-color:var(--wp-blue) !important;border-color:var(--wp-blue) !important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
  background-color:var(--wp-navy2) !important;border-color:var(--wp-navy2) !important}
.btn-success{background-color:var(--wp-green) !important;border-color:var(--wp-green) !important}
.btn-success:hover{background-color:var(--wp-green-d) !important;border-color:var(--wp-green-d) !important}

/* Link */
a{color:var(--wp-blue)}
a:hover{color:var(--wp-navy2)}

/* Header e navbar */
#header,#header .header,#main-menu{background:#fff}
#header .navbar,#top-nav{background:#fff;border-bottom:1px solid var(--wp-line)}
/* Sostituisce il logo caricato in WHMCS con quello del tema */
#header .navbar-brand .logo-img{content:url('../assets/img/logo.png')}
#header .navbar-brand img,#header .logo img{max-height:46px;width:auto}

/* Titoli di sezione */
h1,h2,h3,h4,h5{color:var(--wp-navy)}

/* Card e pannelli */
.card,.panel{border-color:var(--wp-line);border-radius:12px}
.card-header,.panel-heading{background:var(--wp-bg-s);border-color:var(--wp-line);
  color:var(--wp-navy);font-weight:600}

/* Tabelle */
.table thead th{color:var(--wp-navy);border-bottom-color:var(--wp-line)}

/* Footer */
#footer{background:var(--wp-bg-s);border-top:1px solid var(--wp-line);color:var(--wp-mut)}
#footer a{color:var(--wp-mut)}
#footer a:hover{color:var(--wp-blue)}

/* Badge di stato */
.label-success,.badge-success{background-color:var(--wp-green) !important}

/* =========================================================
   4) PAGINE INTERNE - carrello, domini, login, area clienti
   ========================================================= */

/* La barra "Proteggi il tuo nome di dominio" di twenty-one esiste solo in home
   (header.tpl la include con {if $templatefile == 'homepage'}). La nostra hero
   ha già la ricerca dominio, quindi la togliamo per non averne due. */
#frmDomainHomepage{display:none}

/* Le regole della ricerca dominio sono state spostate nella sezione 5:
   erano qui senza il prefisso "body" e quindi non facevano nulla. */

/* =========================================================
   5) NEGOZIO / CARRELLO  (/store/..., cart.php)

   ATTENZIONE, questa e' la ragione per cui prima non cambiava niente:
   WHMCS carica templates/orderforms/standard_cart/css/all.min.css
   DENTRO al <body>, quindi DOPO custom.css. Le sue regole sono tutte
   "#order-standard_cart .products .product ...", stessa specificita' delle
   mie, e vincendo per ordine di caricamento le sovrascrivevano.
   Qui anteponiamo "body" per alzare la specificita' e passare avanti.
   ========================================================= */

/* Il negozio esce dal .container stretto di Bootstrap, come la home. */
#main-body:has(#order-standard_cart) > .container{max-width:1440px;width:100%}

/* Titolo della categoria */
#order-standard_cart .header-lined{border-bottom:1px solid var(--wp-line);
  padding-bottom:14px;margin-bottom:26px}
#order-standard_cart .header-lined h1{color:var(--wp-navy);font-weight:700}
#order-standard_cart .header-lined p{color:var(--wp-mut);margin:6px 0 0}

/* Tre schede per riga invece di due (WHMCS stampa col-md-6). */
body #order-standard_cart .products .row{display:flex;flex-wrap:wrap;
  margin-left:-12px;margin-right:-12px}
body #order-standard_cart .products .row > [class*="col-"]{
  flex:0 0 33.3333%;max-width:33.3333%;padding-left:12px;padding-right:12px;
  display:flex;align-items:stretch}

/* La scheda prodotto: da riquadro grigio a card verticale. */
body #order-standard_cart .products .product{
  display:flex;flex-direction:column;width:100%;
  padding:0;margin:0 0 24px;background:#fff;
  border:1.5px solid var(--wp-line);border-radius:16px;
  overflow:hidden;transition:.2s}
body #order-standard_cart .products .product:hover{
  border-color:var(--wp-blue);box-shadow:var(--wp-shadow);transform:translateY(-4px)}

body #order-standard_cart .products .product header{
  background:var(--wp-bg-s);border-bottom:1px solid var(--wp-line);
  border-radius:0;margin:0;padding:18px 22px;text-align:center}
body #order-standard_cart .products .product header span{
  color:var(--wp-navy);font-size:19px;font-weight:700;
  text-transform:capitalize;display:block}

/* Erano affiancate al 60/40 con i float: le mettiamo in colonna. */
body #order-standard_cart .products .product div.product-desc{
  float:none;width:auto;flex:1 1 auto;padding:18px 22px 0;font-size:14px;
  color:var(--wp-mut)}
body #order-standard_cart .products .product div.product-desc ul{
  list-style:none;padding:0;margin:0;text-align:left}
body #order-standard_cart .products .product div.product-desc ul:empty{display:none}
body #order-standard_cart .products .product div.product-desc li{
  padding:7px 0 7px 24px;border-bottom:1px solid var(--wp-line);position:relative}
body #order-standard_cart .products .product div.product-desc li:last-child{border-bottom:none}
body #order-standard_cart .products .product div.product-desc li:before{
  content:"\2713";position:absolute;left:0;color:var(--wp-green);font-weight:700}

body #order-standard_cart .products .product footer{
  float:none;width:auto;margin:0;padding:20px 22px 22px;
  font-size:14px;text-align:center}
body #order-standard_cart .products .product div.product-pricing{
  margin-bottom:16px;color:var(--wp-mut)}
body #order-standard_cart .products .product div.product-pricing span.price{
  display:block;font-size:30px;font-weight:800;color:var(--wp-navy);line-height:1.2}
body #order-standard_cart .products .product .btn-order-now{
  display:block;width:100%;padding:12px 18px;border-radius:10px;
  font-size:15px;font-weight:600}

@media(max-width:1200px){
  body #order-standard_cart .products .row > [class*="col-"]{
    flex:0 0 50%;max-width:50%}
}
/* Sotto i 640px una sola scheda per riga. Non a 768: su tablet due schede
   affiancate stanno bene, una sola verrebbe larga 700px e sgraziata. */
@media(max-width:640px){
  body #order-standard_cart .products .row > [class*="col-"]{
    flex:0 0 100%;max-width:100%}
}

/* Barra laterale categorie */
#order-standard_cart .cart-sidebar .panel,#order-standard_cart .cart-sidebar .card{
  border-radius:14px;overflow:hidden;border-color:var(--wp-line)}
#order-standard_cart .cart-sidebar .list-group-item{border-color:var(--wp-line);
  padding:11px 16px;font-size:14px}
#order-standard_cart .cart-sidebar .list-group-item.active{
  background:var(--wp-blue);border-color:var(--wp-blue);color:#fff}
.cart-body .list-group-item{border-color:var(--wp-line)}
.cart-body .list-group-item-action:hover{background:var(--wp-bg-s);color:var(--wp-blue)}

/* ---------------------------------------------------------
   5b) RICERCA DOMINIO  (cart.php?a=add&domain=register)
   Stesso foglio dell'order form, stesso prefisso "body".
   --------------------------------------------------------- */

/* La fascia blu. "background" in forma abbreviata azzera anche il
   globe.png che WHMCS ci mette dentro come background-image. */
body .domain-checker-bg{
  background:linear-gradient(135deg,var(--wp-navy),var(--wp-blue));
  padding:40px 0 34px;border-radius:18px;margin-bottom:8px}
/* Solo cio' che sta DENTRO la fascia va bianco.
   NON aggiungere qui .domain-checker-result-headline: verificato nel DOM
   vero, quel blocco sta fuori dalla fascia, su sfondo bianco. Colorarlo di
   bianco lo rende invisibile. */
body .domain-checker-bg h1,body .domain-checker-bg h2,
body .domain-checker-bg p,body .domain-checker-bg label{color:#fff}
body .domain-checker-result-headline{color:var(--wp-navy)}

/* Barra di ricerca */
body .domain-checker-container .input-group-box{
  padding:14px;border-radius:14px;box-shadow:0 6px 22px rgba(13,44,107,.18)}
body .domain-checker-container .input-group-box textarea,
body .domain-checker-container .input-group-box .form-control{
  border:1.5px solid var(--wp-line);border-radius:10px !important;
  font-size:16px;padding:12px 14px;resize:none}
body .domain-checker-container .input-group-box textarea:focus,
body .domain-checker-container .input-group-box .form-control:focus{
  border-color:var(--wp-blue);box-shadow:0 0 0 3px rgba(27,114,208,.15)}
body #btnCheckAvailability{border-radius:10px;font-weight:600;padding:12px 22px}

/* "Preso" / "Non disponibile". Attenzione: la classe .unavailable compare in
   DUE contesti con sfondi opposti, va trattata separatamente o se ne rompe uno.
     - <span> nelle caselle TLD  -> sfondo chiaro #eee, serve testo scuro
     - <button> nella scelta dominio -> sfondo scuro #555, serve testo chiaro
   Di serie il primo e' #bbb su #eee, cioe' illeggibile. */
body .spotlight-tld span.unavailable{color:#6b7280}
body button.unavailable,body .btn.unavailable{color:#fff;opacity:.75}

/* Le caselle .com/.it/.net sotto la ricerca */
body .spotlight-tld{background:#fff;border:1.5px solid var(--wp-line);
  border-radius:14px;transition:.2s;padding:14px 10px}
body .spotlight-tld:hover{border-color:var(--wp-blue);box-shadow:var(--wp-shadow)}

/* Filtri per categoria: nel DOM sono <a class="badge">, non .btn */
.tld-filters .badge{border-radius:20px;padding:7px 14px;font-size:13px;
  font-weight:600;margin:0 5px 7px 0;background:var(--wp-bg-s) !important;
  color:var(--wp-navy) !important;border:1px solid var(--wp-line);transition:.2s}
.tld-filters .badge:hover,.tld-filters .badge.active{
  background:var(--wp-blue) !important;color:#fff !important;
  border-color:var(--wp-blue)}

/* Tabella prezzi estensioni. Restiamo dentro .tld-row / .tld-pricing-header:
   .row e .col-* sono di Bootstrap e non vanno mai toccati in generale. */
body .domain-pricing .tld-pricing-header{margin-bottom:4px}
/* Tutte le celle dell'intestazione, comprese quelle annidate dentro la
   col-md-8 ("Nuovo prezzo / Trasferimento / Rinnovo"): l'order form da'
   loro sfondo #efefef, e senza questa riga restavano bianco su grigio. */
/* L'order form colora le celle dispari con
   ".domain-pricing .tld-pricing-header div:nth-child(odd)" -> specificita'
   0,0,3,0, piu' alta del mio "body ... div" (0,0,2,2). Va battuta ripetendo
   il :nth-child, altrimenti resta bianco su grigio. */
body .domain-pricing .tld-pricing-header,
body .domain-pricing .tld-pricing-header div,
body .domain-pricing .tld-pricing-header div:nth-child(odd),
body .domain-pricing .tld-pricing-header div:nth-child(even){
  background:var(--wp-navy);color:#fff;border-bottom:none;
  font-weight:600}
body .domain-pricing .tld-pricing-header > div{
  padding-top:12px;padding-bottom:12px}
body .domain-pricing .tld-pricing-header > div:first-child{
  border-radius:12px 0 0 0}
body .domain-pricing .tld-pricing-header > div:last-child{
  border-radius:0 12px 0 0}
body .domain-pricing .tld-row{padding-top:12px;padding-bottom:12px;
  border-bottom:1px solid var(--wp-line);transition:.15s}
body .domain-pricing .tld-row:hover,
body .domain-pricing .tld-row.highlighted{background:var(--wp-bg-s)}
body .domain-pricing .tld-row strong{color:var(--wp-navy);font-size:16px}

/* I riquadri "Aggiungi hosting" in fondo. L'icona si ridimensiona da qui,
   .fa-4x e' globale di FontAwesome e non va toccata. */
body .domain-promo-box{background:var(--wp-bg-s);border:1.5px solid var(--wp-line);
  border-radius:16px;padding:26px;color:var(--wp-txt)}
body .domain-promo-box h3{color:var(--wp-navy);font-weight:700}
body .domain-promo-box i{color:var(--wp-blue);opacity:.5;font-size:44px}
body .domain-promo-box .btn{border-radius:10px;font-weight:600}
body .domain-promo-box .text-warning{color:var(--wp-mut) !important}

/* ---------------------------------------------------------
   5c) CONFIGURAZIONE PRODOTTO  (/store/<cat>/<prodotto>)
   --------------------------------------------------------- */

body #order-standard_cart .domain-selection-options{margin:22px 0}
body #order-standard_cart .domain-selection-options .option{
  background:#fff;border:1.5px solid var(--wp-line);border-radius:12px;
  padding:14px 20px;margin-bottom:10px;transition:.2s}
body #order-standard_cart .domain-selection-options .option:hover{
  border-color:var(--wp-blue)}
body #order-standard_cart .domain-selection-options .option-selected{
  background:var(--wp-bg-s);border-color:var(--wp-blue);
  box-shadow:0 0 0 3px rgba(27,114,208,.12)}
body #order-standard_cart .domain-selection-options .option label{
  margin:0;cursor:pointer;color:var(--wp-navy);font-size:15px}
body #order-standard_cart .domain-input-group{margin:16px 0 4px}
body #order-standard_cart .domain-input-group textarea,
body #order-standard_cart .domain-input-group .form-control{
  border:1.5px solid var(--wp-line);border-radius:10px;padding:12px 14px;
  font-size:15px;resize:none}
body #order-standard_cart .domain-input-group textarea:focus,
body #order-standard_cart .domain-input-group .form-control:focus{
  border-color:var(--wp-blue);box-shadow:0 0 0 3px rgba(27,114,208,.15)}

/* Login e registrazione */
.card.mw-540{border-radius:18px;box-shadow:var(--wp-shadow);border-color:var(--wp-line)}
.card.mw-540 .card-footer{background:var(--wp-bg-s);border-top-color:var(--wp-line)}

/* Form generici */
.form-control{border-radius:10px;border-color:var(--wp-line)}
.form-control:focus{border-color:var(--wp-blue);box-shadow:0 0 0 3px rgba(27,114,208,.15)}
.btn{border-radius:10px}

/* I controlli uniti (btn-group, input-group, paginazione) devono restare
   attaccati fra loro: senza queste righe si arrotondano anche in mezzo e
   si vedono le fessure. Vale in tutta l'area clienti, non solo nel negozio. */
.btn-group > .btn:not(:first-child):not(:last-child),
.input-group > .form-control:not(:first-child):not(:last-child),
.pagination .page-link{border-radius:0}
.btn-group > .btn:first-child:not(:last-child),
.input-group > .form-control:first-child:not(:last-child){
  border-radius:10px 0 0 10px}
.btn-group > .btn:last-child:not(:first-child),
.input-group > .input-group-append:last-child > .btn{
  border-radius:0 10px 10px 0}
.input-group > .form-control:only-child{border-radius:10px}

/* Area clienti */
#main-body .card,#main-body .panel{box-shadow:0 2px 10px rgba(13,44,107,.06)}
.nav-tabs .nav-link.active{color:var(--wp-blue);border-bottom-color:var(--wp-blue)}
.breadcrumb{background:transparent;padding-left:0}