/*
Theme Name: Storefront Child
Theme URI: https://shop.vickygrem.com/
Author: Olimau
Author URI:
Description: Child theme di Storefront per personalizzazioni
Template: storefront
Version: 1.0.0
*/

/* Qui aggiungi i tuoi stili */

/* -----------------------------------
   Tipografia generale
----------------------------------- */
body,
button,
input,
select,
textarea {
  font-family: 'Mulish', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;              /* ~16px */
  line-height: 1.6;             /* leggibilità ottimale */
  color: #333;
}

/* Paragrafi */
p {
  margin-bottom: 1.2rem;
}

/* Link */
a {
  color: #007b83;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: #005f66;
  text-decoration: underline;
}

/* -----------------------------------
   Titoli
----------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Mulish', Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #222;
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.3;
}

/* Scala desktop */
h1 { font-size: 2.5rem; }   /* ~40px */
h2 { font-size: 2rem; }     /* ~32px */
h3 { font-size: 1.75rem; }  /* ~28px */
h4 { font-size: 1.5rem; }   /* ~24px */
h5 { font-size: 1.25rem; }  /* ~20px */
h6 { font-size: 1rem; }     /* ~16px */

/* -----------------------------------
   Testi secondari / utility
----------------------------------- */
.small-text {
  font-size: 0.875rem;       /* ~14px */
  line-height: 1.4;
  color: #555;
}

/* -----------------------------------
   Responsive (mobile)
----------------------------------- */
@media (max-width: 768px) {
  body {
    font-size: 0.9375rem;     /* ~15px per schermi piccoli */
    line-height: 1.6;
  }

  h1 { font-size: 2rem; }     /* ~32px */
  h2 { font-size: 1.75rem; }  /* ~28px */
  h3 { font-size: 1.5rem; }   /* ~24px */
  h4 { font-size: 1.25rem; }  /* ~20px */
  h5 { font-size: 1.125rem; } /* ~18px */
  h6 { font-size: 1rem; }     /* ~16px */
}

/* -----------------------------------
   Footer
----------------------------------- */

#colophon {
	background-color:#82c250;
}

#colophon * {
	color:#fff;
}

#block-8 a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #bbff86;
  word-break: break-all;
}

#block-8 a:hover {
  color: #bbff86;
  border-bottom-color: #bbff86;
}