/*
 Theme Name:   Cantina San Donaci
 Theme URI:    http://underscores.me/
 Description:  Vincoop child theme for Cantina San Donaci
 Author:       NODE
 Author URI:   http://underscores.me/
 Template:     vincoop
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  LICENSE
 Text Domain:  vincoop
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
# CHILD THEME - CUSTOM CSS
--------------------------------------------------------------*/

:root {
  /* color palette */
  --primary-color-child: #121212;
  --primary-color-child-translucent: rgba(18, 18, 18, 0.7);

  --light-grey: #d8d8d8;
  --dark-grey: #979797;
  --white: #ffffff;
  --black: #000000;

  --primary-color: #410130;
  --secondary-color: #220019;
  --accent-color-dark: #890465;
  --accent-color-light: #d629b5;
}

/* Utility class
------------------------------------------------- */

.bg-primary-child {
  background-color: var(--primary-color-child) !important;
}

/* HEADER
------------------------------------------------- */

.site-header.main-header.fixed {
  padding-block: 1.5rem;
  background-color: var(--primary-color-child-translucent);
}

.site-header.main-header.fixed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color-child-translucent);
  mix-blend-mode: multiply;
  z-index: -1;
}

.site-header.main-header .site-branding {
  margin-right: 1rem;
}

.site-header.main-header .site-branding img {
  height: auto;
  width: 100%;
  max-width: 16rem;
}

/* TO DO: CHECK */
/* MAIN MENU > SITE LOGO */
@media screen and (max-width: 480px) {
  .site-header.main-header .site-branding img {
    max-width: 80px;
  }
}

/* HERO SECTION DEI SITI FIGLI
 * Homepage delle cantine
------------------------------------------------- */

.site-main.front-page .hero {
  min-height: 42.5rem;
  background-color: var(--primary-color);
}

.virtualtour-banner,
.virtualtour-banner::before {
  background-color: var(--primary-color-child-translucent);
}

.virtualtour-banner .virtualtour-button {
  background-color: var(--accent-color-dark);
}

/* SEARCH BAR DI WOOCOMMERCE
------------------------------------------------- */

form.woocommerce-product-search input[type="search"] {
  width: 100%;
}

/* HOME > SLIDER DEGUSTAZIONE
-------------------------------------------------- */

/* TO DO */
.site-main.front-page .one-product-slider .product-slide h3 {
  color: var(--primary-color-child);
}

@media screen and (max-width: 480px) {
  .site-main.front-page .slider-content .slider-top-content .wp-block-group {
    align-items: center !important;
  }
}

/*--------------------------------------------------------------
# WOCOMMERCE - CUSTOM CSS
--------------------------------------------------------------*/

/* GRID SYSTEM - PRODUCT/BOOKING LISTING 
 * stilizza il listing dei prodotti renderizzati tramite
 * i shortcode creati appositamente
-------------------------------------------------------- */
.site-main .grid-system .product .product-title {
  color: var(--primary-color-child);
}

/* WOOCOMMERCE ARCHIVE PAGE - GRID SYSTEM
 * stilizza il loop dei prodotti gestito dal template 
 * archive-product di woocommerce
------------------------------------------------- */

.post-type-archive-product .product .product-title,
.archive.tax-product_cat .product .product-title {
  color: var(--primary-color-child);
}

/* WOOCOMMERCE > SINGLE PRODUCT TEMPLATE > CHILD SITES
 * stilizza la pagina dettaglio dei prodotti
---------------------------------------------------------------- */

.single-product .woocommerce-breadcrumb {
  --bg-color: var(--primary-color-child);
  background-color: var(--bg-color);
}

.single-product .related.products ul.products li.product .product-title {
  color: var(--primary-color-child);
}

/* HEADER > TITOLO, SHORT DESC., PRICE 
------------------------------------------------- */

.single-product .product-data {
  background-color: var(--primary-color-child);
}

/* PRODOTTI CORRELATI */
.single-product .related.products ul.products li.product .product-title {
  color: var(--primary-color-child);
}

/* END SINGLE PRODUCT TEMPLATE ---------------------------------- */