/*
Theme Name: Fabio Bonaldi Portfolio
Theme URI: https://www.fabiobonaldi.it
Author: Fabio Bonaldi
Description: Tema portfolio personale per progettazione impiantistica e consulenza tecnica.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: fabio-bonaldi
*/

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; }
.fb-card { transition: transform .2s ease, box-shadow .2s ease; }
.fb-card:hover { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(14,35,45,.10); }
.fb-link { transition: transform .18s ease, background-color .18s ease; }
.fb-link:hover { transform: translateX(4px); }


/* Modulo contatto */
.fb-contact-form { max-width: 620px; }
.fb-contact-form label { display: block; font-weight: 600; margin-bottom: 6px; font-size: .92rem; }
.fb-contact-form .req { color: #C66A3D; }
.fb-contact-form input[type="text"],
.fb-contact-form input[type="email"],
.fb-contact-form textarea {
  width: 100%; padding: 11px 13px; border: 1px solid #d0dbe0; border-radius: 6px;
  background: #fff; color: #10252E; font: inherit; margin-bottom: 4px;
}
.fb-contact-form input:focus, .fb-contact-form textarea:focus {
  outline: none; border-color: #C66A3D; box-shadow: 0 0 0 3px rgba(198,106,61,.15);
}
.fb-contact-form button {
  background: #C66A3D; color: #fff; border: none; border-radius: 6px;
  padding: 12px 26px; font: inherit; font-weight: 650; cursor: pointer;
}
.fb-contact-form button:hover { filter: brightness(1.06); }
.fb-hp-wrap { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.fb-form-ok { padding: 12px 16px; border-radius: 6px; background: #e6f4ea; color: #15603a; border: 1px solid #bfe3c8; }
.fb-form-err { padding: 12px 16px; border-radius: 6px; background: #fdecea; color: #9c2b2b; border: 1px solid #f2c4c4; }

/* === Menu mobile: voci allineate a sinistra, non attaccate al bordo === */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 28px 24px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100%;
    text-align: left;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    top: 20px;
    right: 24px;
  }
}