/*
Theme Name: Schumy
Theme URI: 
Author: Susanna Pecora
Author URI: https://www.susannapecorawebdesign.com/ 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: schumy


/* Defaults
---------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
a, button, input:focus, input[type="button"], input[type="submit"], textarea:focus, .wp-element-button {
  transition: all 0.2s ease-in-out;
}
a, a:focus, a:hover, a:not(.wp-element-button) {
  text-decoration-thickness: 1px;
}
b, strong, th {
  font-weight: 800;
}
mark {
  background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
  background-position: 0 85%;
  background-repeat: repeat-x;
  background-size: 100% 15%;
}
/* -- Forms -- */
input, select, textarea {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 0;
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--light);
  line-height: var(--wp--custom--line-height--body);
  padding: 6px;
  width: 100%;
  box-sizing: border-box;
  max-height: 35px;
}
input:focus, textarea:focus {
  background-color: var(--wp--preset--color--neutral);
  outline: none;
}
input[type="checkbox"], input[type="image"], input[type="radio"] {
  width: auto;
}
input[type="button"], input[type="email"], input[type="search"], input[type="submit"], input[type="text"], textarea {
  -webkit-appearance: none;
}
::placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.5;
}
/* fix footer to bottom of page */
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--wp-admin--admin-bar--height));
}
.wp-site-blocks > main {
  flex: 1
}
.wp-site-blocks > footer {
  margin-top: auto
}
/* Blocks
---------------------------------------- */
/* -- Code -- */
*:not(.wp-block-code) > code {
  background-color: var(--wp--preset--color--neutral);
  font-size: var(--wp--preset--font-size--small);
  padding: 5px 8px;
}
/* -- Navigation -- */
.wp-block-group.main-nav {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 15px, rgba(0, 0, 0, 0.05) 0px 3px 10px;
}
.wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--custom--spacing--gap);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: var(--wp--custom--spacing--gap);
}
.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
  border: 1px solid currentColor;
  padding: 2px;
}
.has-background .wp-block-navigation__responsive-container-open:focus, .has-background .wp-block-navigation__responsive-container-open:hover {
  color: var(--wp--preset--color--base);
}
/* -- Navigation Submenu -- */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--contrast);
  border: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding: 10px;
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
  padding: 2px 10px;
}
span.wp-block-navigation-item__label:hover {
  color: var(--wp--preset--color--primary);
}
/* Utility
---------------------------------------- */
/* -- Box Shadow -- */
.is-style-shadow-light {
  box-shadow: var(--wp--preset--shadow--light);
}
.is-style-shadow-solid {
  box-shadow: var(--wp--preset--shadow--solid);
}
/* custom
---------------------------------------- */
.wp-block-group.car-details > .wp-block-group {
  border-bottom: 1px solid #eaeaea;
  font-size: var(--wp--preset--font-size--x-small);
  gap: 1em;
}
.wp-block-columns.card {
  /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;*/
  padding: 18px;
  background: #f0f0f0;
  border-radius: 10px;
}
a.wp-block-post-excerpt__more-link {
  background: var(--wp--preset--color--primary);
  color: white;
  padding: 6px 20px;
  text-decoration: none;
  margin: 0;
}
.taxonomy-alimentazione a, .taxonomy-marca a, .taxonomy-cambio a {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 5px
}
.taxonomy-alimentazione a::before, .taxonomy-marca a::before, .taxonomy-cambio a::before {
  display: inline-block;
  content: '';
  margin-right: .5em;
  width: 14px;
  height: 14px;
  background-image: url("../schumy/assets/images/alimentazione.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.taxonomy-marca a::before {
  background-image: url("../schumy/assets/images/marca.svg");
}
.taxonomy-cambio a::before {
  background-image: url("../schumy/assets/images/cambio.svg");
}
a.wp-block-post-excerpt__more-link:hover, .archive .taxonomy-alimentazione a:hover, .archive .taxonomy-marca a:hover, .archive .taxonomy-cambio a:hover {
  background: var(--wp--preset--color--secondary);
}
.inline-block {
  display: inline-block
}
.wp-block-group.car-details {
  flex-wrap: wrap;
  row-gap: 4px;
}
.prezzo div {
  color: var(--wp--preset--color--primary);
  font-weight: 700;
  font-size: 15px!important;
  margin-right: 2em;
}
.wp-block-group.car-details div, .wp-block-group.car-details p {
  font-size: 13px;
}
/* filtri
----------------------------------------- */
.auto-filtri {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
}
.auto-filtri__actions {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 3rem
}
.filter-submit {
  padding: 12px 34px;
  background-color: var(--wp--preset--color--primary);
  border: 0;
  color: white;
  font-size: var(--wp--preset--font-size--medium);
  text-transform: uppercase;
}
/* slider prezzo */
.auto-filtri__field--full {
  grid-column: 1 / -1;
}
.auto-filtri__slider {
  margin: 12px 0;
}
.auto-filtri__slider-values {
  text-align: right;
  font-weight: 600;
}
.noUi-connect {
  background: var(--wp--preset--color--primary) !important;
}
/* auto gallery 
---------------------------------------- */
.auto-gallery {
  margin: 16px 0;
}
.auto-gallery-main {
  margin-bottom: 10px;
  position:relative
}
.auto-gallery-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 6px
}
.auto-gallery-main-img, .auto-thumb-wrap img {
  width: 100%;
  height: auto;
  display: block;
  /*border-radius:8px;*/
}
.auto-gallery-badge {
  position: absolute;
  top: 34%;
  left: 35%;
  transform: translate(-25%, -30%) rotate(-12deg);
  font-size: 3.5rem;
}
.auto-gallery-badge, .auto-gallery-badge-small {
  background: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  padding: 12px 22px;
  font-weight: 900;
  text-transform: uppercase;
  z-index: 2;
  pointer-events: none;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.auto-gallery-badge-small {
	position: absolute;
	font-size:58%;
	bottom: 35%;
    width: 100%
}

.auto-thumb img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  /*border-radius:6px;*/
  /*border:1px solid #ddd;*/
}
.auto-gallery-thumbs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}
/* WP forms
---------------------------------------- */
div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button {
  border-radius: 0;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    min-height: 300px;
}
/* Media Queries
---------------------------------------- */
@media only screen and (min-width: 601px) {
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    width: 60%;
}
}
@media only screen and (max-width: 600px) {
  /* -- Utility -- */
  .is-style-hidden-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 782px) {
  /* -- Columns -- */
  .is-style-columns-reverse {
    flex-direction: column-reverse;
  }
  .wp-block-cover.schumy-hero {
    padding-left: 0;
  }
}