/*
 * Immagine e Suono - Tema figlio PrestaShop 9
 * Tema padre: Hummingbird
 */

:root {
  --ies-black: #111111;
  --ies-dark: #1b1b1b;
  --ies-gray: #666666;
  --ies-light: #f7f7f7;
  --ies-white: #ffffff;
  --ies-green: #217d46;
  --ies-green-dark: #176235;
  --ies-green-light: #e8f4ee;
  --ies-orange: #f28c28;
}

/* Base */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--ies-black);
  background: var(--ies-white);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Testi mobile */
@media (max-width: 767px) {
  body {
    font-size: 18px;
    line-height: 1.6;
  }

  p,
  .page-content p,
  .cms-page p,
  .custom-text p,
  .rte p {
    font-size: 18px;
    line-height: 1.65;
  }

  .page-content,
  .cms-page,
  .custom-text,
  .rte {
    font-size: 18px;
    line-height: 1.65;
  }
}

/* Link */
a {
  color: var(--ies-black);
}

a:hover {
  color: var(--ies-green);
}

/* Pulsanti principali */
.btn-primary,
button.btn-primary,
input.btn-primary {
  background-color: var(--ies-black);
  border-color: var(--ies-black);
  color: var(--ies-white);
}

.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
  background-color: var(--ies-green);
  border-color: var(--ies-green);
  color: var(--ies-white);
}

/* Header */
.header-top,
#header {
  background: var(--ies-white);
}

/* Titoli */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--ies-black);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* Card prodotto */
.product-miniature,
.product {
  border-radius: 6px;
}

/* Prezzo */
.product-price,
.current-price {
  color: var(--ies-black);
  font-weight: 700;
}

/* Badge offerte / nuovo */
.product-flags li,
.product-flag {
  background: var(--ies-green);
  color: var(--ies-white);
  font-weight: 700;
}

/* Newsletter */
#mailalert-subscription,
#blockEmailSubscription_displayFooterBefore,
.ps-emailsubscription {
  background: var(--ies-light);
}

#mailalert-subscription h3,
#blockEmailSubscription_displayFooterBefore h3,
.ps-emailsubscription h3,
.ps-emailsubscription .h3 {
  color: var(--ies-orange) !important;
  font-weight: 700;
}

/* Footer */
#footer {
  background: var(--ies-dark);
  color: var(--ies-white);
}

#footer a,
footer a,
#footer .footer-block__content a,
#footer .footer-block__list a,
#footer .footer-block__title a,
#footer .block-contact a {
  color: var(--ies-white) !important;
  transition: color 0.2s ease-in-out;
}

#footer a:hover,
#footer a:focus,
footer a:hover,
footer a:focus,
#footer .footer-block__content a:hover,
#footer .footer-block__content a:focus,
#footer .footer-block__list a:hover,
#footer .footer-block__list a:focus,
#footer .footer-block__title a:hover,
#footer .footer-block__title a:focus,
#footer .block-contact a:hover,
#footer .block-contact a:focus,
.footer-container a:hover,
.footer-container a:focus,
.footer-container li a:hover,
.footer-container li a:focus,
.footer__link:hover,
.footer__link:focus,
.links a:hover,
.links a:focus,
.block-contact a:hover,
.block-contact a:focus,
.blockcms-title a:hover,
.blockcms-title a:focus {
  color: var(--ies-green) !important;
  text-decoration-color: var(--ies-green) !important;
}