/* =================================================================
   CONTATTI - InnatUs
   Stessa pagina di Cosmetic Center: qui vive solo la palette.
================================================================== */

@import url('../../../css/components/contact-section.css');

body.innatus-contacts-page {
  /* Sfondo pagina: come la home InnatUs */
  --contact-page-bg: #efe6da;

  /* Colore brand: titolo della colonna sinistra */
  --contact-accent: #CF933D;
  --contact-accent-rgb: 207, 147, 61;

  /* Card esterna: bianco al 55%, lascia trasparire la texture */
  --contact-card-bg: rgba(255, 255, 255, 0.55);

  /* Testo della colonna sinistra: paragrafi, icone, recapiti */
  --contact-text: #3C4534;
  --contact-muted: rgba(60, 69, 52, 0.45);

  /* .contact-right: pannello del form nel colore brand, al 50% */
  --contact-panel-bg: rgba(207, 147, 61, 0.5);

  /* Campi del form al 50% */
  --contact-input-bg: rgba(255, 255, 255, 0.5);

  /* Font del form */
  --contact-panel-text: #3C4534;
  --contact-input-text: #3C4534;
  --contact-input-placeholder: rgba(60, 69, 52, 0.55);
  --contact-focus-border: #3C4534;
  --contact-focus-shadow: 0 0 5px rgba(60, 69, 52, 0.5);

  /* Bottone invio: pillola bianca */
  --contact-submit-bg: #FFFFFF;
  --contact-submit-radius: 999px;
  --contact-submit-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  --contact-submit-padding: 15px 30px;
  --contact-submit-padding-800: 13px 26px;
  --contact-submit-padding-480: 12px 22px;
}

/* Texture carta della home InnatUs */
body.innatus-contacts-page {
  background-image: url("../../img/Texturelabs_Paper_241XL 1.webp");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
}