/*
Theme Name: BD Robots
Theme URI: https://www.bdrobots.com/
Author: BD Robots
Author URI: https://www.bdrobots.com/
Description: Tema WordPress custom per BD Robots — consulenza RPA & AI. Hero animato a rete neurale, sezioni servizi, metodo, case study, news e contatti. Variante chiara (grigio/bianco) con hero scuro.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bdr
*/

/* =========================================================
   PALETTE — VARIANTE CHIARA
   (contiene anche --maxw e --radius: NON rimuoverle, servono
    a centrare .wrap e .bdr-page e a dare il raggio ai box)
   ========================================================= */
:root{
  --bg-0:   #eef1f5;   /* sfondo pagina: grigio chiaro          */
  --bg-1:   #f7f9fc;   /* sezioni “--alt”, topbar, footer       */
  --bg-2:   #e3e8f0;   /* grigio placeholder (media, gradienti) */
  --surface:#ffffff;   /* box / card: bianco                    */
  --surface-2:#f4f7fb; /* hover leggero                          */
  --border: rgba(20,35,75,.12);
  --border-hover: rgba(20,35,75,.26);
  --orange: #f6641e;
  --orange-dim: rgba(246,100,30,.12);
  --text:   #16233f;
  --muted:  #55617a;
  --muted-2:#727d96;
  --maxw:   1280px;
  --radius: 14px;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; padding:0;
  font-family:"Inter",system-ui,sans-serif;
  color:var(--text);
  background:var(--bg-0);
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; }
img{ max-width:100%; height:auto; display:block; }
:focus-visible{ outline:2px solid var(--orange); outline-offset:3px; border-radius:8px; }

/* ---------- Fallback generico per pagine non-homepage (single, archive, category, PAGINE) ---------- */
.bdr-page{ max-width:var(--maxw); margin:0 auto; padding:clamp(40px,7vw,90px) clamp(20px,4vw,48px); }

/* ---------- Pagina Contatti: mappa attaccata AL footer (zero spazio scuro) ---------- */
.bdr-page:has(.bdrc-map-wrap){ padding-bottom:0; }
.bdr-page:has(.bdrc-map-wrap) .entry-content{ margin-bottom:0; }
.bdr-page:has(.bdrc-map-wrap) .bdrc-map-wrap{ margin-bottom:0; }
.bdr-page:has(.bdrc-map-wrap) .bdrc-map-wrap ~ *{ display:none; }
.bdr-page:has(.bdrc-map-wrap) + .bdr-footer{ padding-top:44px; }
.bdr-page h1{ font-family:"Poppins",sans-serif; font-weight:800; font-size:clamp(1.9rem,4vw,2.6rem); margin:0 0 22px; letter-spacing:-.02em; }
.bdr-page .entry-content{ color:var(--muted); font-size:1.02rem; line-height:1.75; }
.bdr-page .entry-content p{ margin:0 0 1.2em; }
.bdr-page .entry-content h2,
.bdr-page .entry-content h3{ font-family:"Poppins",sans-serif; color:var(--text); margin:1.6em 0 .6em; }
.bdr-page .entry-content a{ color:var(--orange); text-decoration:underline; }

/* Allineamento immagini nel contenuto (WordPress alignleft/alignright) */
.bdr-page .entry-content img.alignleft{
  float:left; margin:0 20px 16px 0;
}
.bdr-page .entry-content img.alignright{
  float:right; margin:0 0 16px 20px;
}
.bdr-page .entry-content img.aligncenter{
  display:block; margin:20px auto;
}

.bdr-archive-list{ display:flex; flex-direction:column; gap:22px; margin-top:28px; }
.bdr-archive-item{
  display:block; text-decoration:none; padding:22px;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  transition:transform .2s ease, border-color .2s ease;
}
.bdr-archive-item:hover{ transform:translateY(-3px); border-color:var(--border-hover); }
.bdr-archive-item span{ display:block; font:600 11.5px/1 "JetBrains Mono",monospace; color:var(--orange); text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; }
.bdr-archive-item h2{ font-family:"Poppins",sans-serif; font-size:1.15rem; margin:0 0 8px; color:var(--text); }
.bdr-archive-item p{ margin:0; color:var(--muted); font-size:.94rem; line-height:1.6; }

.bdr-simple-nav{ padding:18px clamp(20px,4vw,48px); border-bottom:1px solid var(--border); }
.bdr-simple-nav a{ text-decoration:none; font:600 15px/1 "Poppins",sans-serif; }
.bdr-simple-nav a .dot{ color:var(--orange); }

/* ---------- Card / griglie generiche (home + pagine servizio) ---------- */
.bdr-grid{ display:grid; gap:22px; }
.bdr-grid--3{ grid-template-columns:repeat(3,1fr); }
.bdr-grid--6{ grid-template-columns:repeat(3,1fr); }
@media (max-width:980px){ .bdr-grid--3, .bdr-grid--6{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .bdr-grid--3, .bdr-grid--6{ grid-template-columns:1fr; } }

.bdr-card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  padding:28px; display:flex; flex-direction:column; gap:14px;
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}
.bdr-card:hover{ transform:translateY(-4px); border-color:var(--border-hover); background:var(--surface-2); }
.bdr-card__icon{
  width:46px; height:46px; border-radius:11px; background:var(--orange-dim);
  display:flex; align-items:center; justify-content:center; color:var(--orange); flex:none;
}
.bdr-card__icon svg{ width:22px; height:22px; }
.bdr-card h3{ font-family:"Poppins",sans-serif; font-weight:800; letter-spacing:-.02em; font-size:1.14rem; margin:0; }
.bdr-card p{ color:var(--muted); font-size:.95rem; line-height:1.6; margin:0; flex:1; }
.bdr-card__link{ font:600 13.5px/1 "Poppins",sans-serif; color:var(--orange); text-decoration:none; display:inline-flex; align-items:center; gap:6px; margin-top:4px; }
.bdr-card__link:hover{ gap:9px; }

/* ---------- eyebrow + wrap (usati anche fuori da .bdr, es. single-servizio.php) ---------- */
.wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:clamp(20px,4vw,48px); }
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font:600 12.5px/1 "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase;
  color:var(--orange); margin-bottom:14px;
}
.eyebrow::before{ content:""; width:16px; height:2px; background:var(--orange); border-radius:2px; }


/* =======================================================================
   RIFINITURE TEMA CHIARO (hero scuro, header bianco, ombre sui box)
   ======================================================================= */

/* HERO — resta scuro con i colori della vecchia home ---------------------- */
.bdr .bdr-hero{
  --bg-0:#070d20; --bg-1:#0c1738; --bg-2:#14224e;
  --surface:#0f1a3a; --surface-2:#101f45;
  --border:rgba(150,175,230,.14); --border-hover:rgba(150,175,230,.32);
  --text:#f2f6ff; --muted:#9fb0d4; --muted-2:#6f81ab;
  color:#f2f6ff;   /* forza chiaro il testo ereditato: H1 e numeri statistiche */
}
.bdr .bdr-hero .bdr-btn--ghost{ border-color:rgba(150,175,230,.4); color:#f2f6ff; }

/* Header sticky bianco “glass” ------------------------------------------- */
.bdr .bdr-header{ background:rgba(255,255,255,.82); }

/* Ombre morbide sui box bianchi ----------------------------------------- */
.bdr .bdr-card,
.bdr .bdr-post,
.bdr .bdr-form,
.bdr .bdr-single-article,
.bdr .bdr-single-nav__link,
.bdr .bdr-single-sidebar .bdr-sidebar-widget,
.bdr .bdr-archive-item,
.bdr .bdr-svc-cta{
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 10px 26px -14px rgba(16,24,40,.14);
}
.bdr .bdr-card:hover,
.bdr .bdr-post:hover,
.bdr .bdr-archive-item:hover,
.bdr .bdr-single-nav__link:hover{
  box-shadow:0 4px 10px rgba(16,24,40,.06), 0 20px 42px -16px rgba(16,24,40,.20);
}

/* Blocco “codice” del Metodo -------------------------------------------- */
.bdr .bdr-code{ box-shadow:0 18px 40px -22px rgba(16,24,40,.28); }
.bdr .bdr-code .fn{ color:#2f6fd0; }

/* Bottoni “ghost” fuori dall'hero: bordo grigio neutro ------------------- */
.bdr .bdr-btn--ghost{ border-color:rgba(110,122,150,.5); }
.bdr .bdr-btn--ghost:hover{ border-color:rgba(110,122,150,.85); }

/* OPZIONALE — loghi vendor monocromatici chiari nel marquee (scommenta se spariscono):
.bdr .bdr-marquee__item img[src*="/vendors/"]{ filter:brightness(0) opacity(.6); }
*/
/* =======================================================================
   MENU A TENDINA (dropdown) per la nav principale
   Aggiungi questo blocco IN FONDO a style.css (non sostituire il file).
   Funziona per QUALSIASI voce del menu con sotto-voci: WordPress genera
   già <li class="menu-item-has-children"><ul class="sub-menu">…</ul></li>.
   ======================================================================= */

/* Ogni voce di primo livello fa da àncora per la sua tendina */
.bdr-nav li{ position:relative; }

/* Freccina sulle sole voci che hanno figli */
.bdr-nav .menu-item-has-children > a{ display:inline-flex; align-items:center; gap:7px; }
.bdr-nav .menu-item-has-children > a::after{
  content:""; width:7px; height:7px; margin-top:-2px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); opacity:.65;
  transition:transform .2s ease, opacity .2s ease;
}
.bdr-nav .menu-item-has-children:hover > a::after,
.bdr-nav .menu-item-has-children:focus-within > a::after{ transform:rotate(-135deg); opacity:1; }

/* Il pannello a tendina */
.bdr-nav .sub-menu{
  position:absolute; top:100%; left:0; margin-top:14px;
  display:flex; flex-direction:column; gap:2px;
  min-width:230px; padding:8px;
  background:var(--surface); border:1px solid var(--border); border-radius:12px;
  box-shadow:0 18px 40px -16px rgba(16,24,40,.28);
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
  z-index:60;
}

/* "Ponte" invisibile che copre lo stacco tra voce e tendina:
   evita che la tendina si chiuda mentre sposti il mouse verso il basso */
.bdr-nav .menu-item-has-children::before{
  content:""; position:absolute; top:100%; left:0; width:100%; height:16px;
}

/* Apertura al passaggio del mouse o quando entri col tab (accessibilità) */
.bdr-nav .menu-item-has-children:hover > .sub-menu,
.bdr-nav .menu-item-has-children:focus-within > .sub-menu{
  opacity:1; visibility:visible; transform:translateY(0);
}

/* Voci dentro la tendina */
.bdr-nav .sub-menu li{ width:100%; }
.bdr-nav .sub-menu a{
  display:block; width:100%; padding:9px 12px; border-radius:8px;
  font:500 14.5px/1.35 "Inter",sans-serif; color:var(--muted);
  transition:background .18s ease, color .18s ease;
}
.bdr-nav .sub-menu a:hover{ background:var(--orange-dim); color:var(--orange); }

/* Terzo livello (se mai servisse): esce di lato invece che sotto */
.bdr-nav .sub-menu .sub-menu{ top:-8px; left:100%; margin:0 0 0 10px; }
.bdr-nav .sub-menu .menu-item-has-children > a::after{ transform:rotate(-45deg); }
.bdr-nav .sub-menu .menu-item-has-children:hover > a::after{ transform:rotate(135deg); }

/* La tendina non è pensata per la nav desktop nascosta sotto 820px:
   lì compare il drawer mobile, che è un menu a parte. */
@media (max-width:820px){
  .bdr-nav .sub-menu{ display:none; }
}