/* =========================================================
   Arsenale Immobiliare — adattamenti WordPress
   (tutto ciò che non esiste nell'originale: wrapper <main>, menu mobile,
   messaggi del modulo, admin bar, pagine generiche)
   ========================================================= */

/* Il wrapper <main> non deve creare layout proprio */
.site-main{display:block}

/* Grassetti dell'hero in colore inchiostro (nell'originale era uno style inline) */
.hero-sub strong{color:var(--ink)}

/* Evidenziazione chiara nei banner scuri (nell'originale era uno style inline) */
.cta-banner h2 .hl{
  background:linear-gradient(120deg,#A5B4FC,#F0ABFC);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Logo caricato dall'utente al posto del simbolo */
.brand .mark.mark-img{background:transparent;box-shadow:none;overflow:hidden}
.brand .mark.mark-img img{width:40px;height:40px;object-fit:contain}

/* Bento "Dove siamo" a 2 colonne (nell'originale era uno style inline, che rompeva il mobile) */
.bento.cols-1{grid-template-columns:1fr}
.bento.cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:980px){.bento.cols-2{grid-template-columns:1fr}}

/* Pulsante "Esplora i 6 strumenti rendering" (btn-md non era definito) */
.btn-md{padding:12px 20px;font-size:14px}

/* --- Menu mobile (l'originale nascondeva il menu sotto 880px senza alternativa) --- */
.nav-toggle{
  display:none;width:44px;height:44px;border-radius:12px;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);
}
.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:880px){
  .nav-toggle{display:flex}
  .nav{
    display:none;
    position:absolute;left:16px;right:16px;top:calc(100% + 8px);
    flex-direction:column;align-items:stretch;gap:4px;
    padding:10px;background:#fff;border:1px solid var(--line);
    border-radius:16px;box-shadow:var(--sh-3);
  }
  .nav.is-open{display:flex}
  .nav a{padding:12px 14px}
  .site-header .bar{position:relative}
  .site-header.is-transparent .nav{background:#fff}
}

/* --- Modulo contatti: esito + honeypot --- */
.form .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-notice{
  margin-top:24px;padding:14px 18px;border-radius:14px;font-size:14.5px;font-weight:600;line-height:1.5;
  border:1px solid var(--line);background:#fff;
}
.form-notice.is-ok{background:#ECFDF5;border-color:#A7F3D0;color:#047857}
.form-notice.is-err{background:#FEF2F2;border-color:#FECACA;color:#B91C1C}
.form input:user-invalid,.form textarea:user-invalid{border-color:#F43F5E}

/* --- Admin bar: l'header sticky/trasparente scende sotto la barra di WordPress --- */
body.admin-bar .site-header{top:32px}
body.admin-bar .site-header.is-transparent{top:32px}
@media (max-width:782px){body.admin-bar .site-header,body.admin-bar .site-header.is-transparent{top:46px}}

/* --- Pagine generiche (page.php / index.php): contenuto dell'editor a blocchi --- */
.entry-content{max-width:780px;margin:0 auto;font-size:var(--fs-lg);line-height:1.7;color:var(--ink-2)}
.entry-content h2,.entry-content h3{margin:36px 0 12px}
.entry-content p{margin:0 0 18px}
.entry-content ul,.entry-content ol{padding-left:22px;margin:0 0 18px;list-style:revert}
.entry-content a{color:var(--brand);font-weight:600}
.entry-content img{border-radius:var(--r-lg)}
.post-card{padding:24px 0;border-bottom:1px solid var(--line)}
.post-card h2 a:hover{color:var(--brand)}
.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}