/* ══════════════════════════════════════════════════════
   BIRRAMENTE — CUSTOM CSS (IDCliente = 34)
   Caricato DOPO default.css. Contiene gli stili della
   pagina Contatti e gli adattamenti per le pagine
   generiche del CMS (news/blog, privacy policy, ecc.).
══════════════════════════════════════════════════════ */

/* Pagine generiche del CMS (news, privacy, ...) */
.breadcrumb { display: none; }
.page-header { padding-top: 40px; background: transparent; border: 0; }
.page-header h1 { font-size: clamp(30px,4.4vw,50px); font-weight: 800; }
div[role="main"].main { padding-bottom: 60px; }

/* Honeypot anti-bot (campo hp_url, verificato da ContattiGo.asp via SecLib) */
.bm-hp { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; opacity: 0; }

/* ── CONTATTI ── */
.bm-contatti { padding: 80px 0 96px; }
.bm-contatti .bm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; margin-top: 40px; align-items: start; }
.bm-contatti .bm-intro { font-size: 15px; color: var(--bm-ink-soft); margin: 0 0 6px; }

.bm-info p { font-size: 16px; margin: 0 0 14px; color: var(--bm-ink-soft); }
.bm-info p a { color: var(--bm-ink); font-weight: 600; border-bottom: 1.5px solid rgba(221,106,10,.45); transition: color .2s, border-color .2s; }
.bm-info p a:hover { color: var(--bm-orange-burnt); border-color: var(--bm-orange); }
.bm-info .bm-lbl { display: block; margin-bottom: 2px; font-family: var(--bm-disp); font-weight: 600; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--bm-orange-burnt); }

.bm-social-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; }
.bm-social-row a {
    display: inline-flex; align-items: center; gap: 10px;
    border: 1px solid var(--bm-line); border-radius: 4px; padding: 10px 16px;
    background: rgba(255,255,255,.45); font-weight: 600; font-size: 14px; color: var(--bm-ink);
    transition: border-color .18s, color .18s, transform .18s;
}
.bm-social-row a:hover { border-color: var(--bm-orange); color: var(--bm-orange-burnt); transform: translateY(-2px); }
.bm-social-row img, .bm-social-row svg { width: 22px; height: 22px; display: block; color: var(--bm-orange); }

.bm-cform {
    display: flex; flex-direction: column; gap: 14px;
    background: rgba(255,255,255,.55); border: 1px solid var(--bm-line); border-radius: 4px; padding: 34px;
}
.bm-cform label { font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--bm-ink); margin-bottom: -6px; }
.bm-cform input[type=text],
.bm-cform input[type=email],
.bm-cform input[type=tel],
.bm-cform select,
.bm-cform textarea {
    width: 100%; padding: 12px 14px; border: 1px solid var(--bm-line); border-radius: 2px;
    background: #fff; font-family: var(--bm-body); font-size: 15px; color: var(--bm-ink);
}
.bm-cform input:focus, .bm-cform select:focus, .bm-cform textarea:focus { outline: 2px solid var(--bm-orange); border-color: var(--bm-orange); box-shadow: none; }
.bm-cform textarea { min-height: 130px; resize: vertical; }
.bm-cform .bm-btn { align-self: flex-start; }
.bm-cform .bm-note { margin: 0; font-size: 13px; color: var(--bm-muted); }

.bm-check { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 14px; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.5; color: var(--bm-ink-soft) !important; margin: 0 !important; }
.bm-check input { margin-top: 4px; accent-color: var(--bm-orange); flex: none; }
.bm-check a { color: var(--bm-orange-burnt); text-decoration: underline; }

/* Captcha del CMS (/contatti/Captcha.asp) dentro il form */
.bm-cform .p-captcha { margin: 6px 0 0; font-size: 13px; font-weight: 600; color: var(--bm-ink); }
.bm-cform .row-captcha { display: flex; margin: 0; gap: 0; }
.bm-cform .col-captcha { margin-bottom: 4px; padding: 0; }
.bm-cform .input-captcha { margin-left: 14px; border: 1px solid var(--bm-line); border-radius: 2px; }
.bm-cform .img-captcha { border-color: var(--bm-line); }

@media(max-width:900px) {
    .bm-contatti .bm-grid { grid-template-columns: 1fr; gap: 34px; }
}
@media(max-width:520px) {
    .bm-cform { padding: 24px; }
    .bm-cform .input-captcha { margin-left: 0; }
}