/*
Theme Name: Makao Child
Theme URI: http://makao.elated-themes.com
Description: A child theme of Makao
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.4
Text Domain: makao
Template: makao
*/

/* ==========================================================================
   STRUTTURA GENERALE E LAYOUT BASE
   ========================================================================== */

#qodef-page-outer {
	margin-top: 20px;
}

#qodef-page-inner {
	padding: 0 0 100px;
}

.single-product #qodef-page-inner {
	padding: 40px 0 37px;
}

/* ==========================================================================
   INTESTAZIONE / HEADER / TOP AREA
   ========================================================================== */

#qodef-top-area {
	height: 43px !important;
	color: #666;
}

#qodef-top-area .widget {
	color: #666;
}

#qodef-top-area .widget a:link,
#qodef-top-area .widget a:visited {
	color: #666;
}

#qodef-top-area .widget a:hover,
#qodef-top-area .widget a:active {
	color: #333;
}

/* Search box nel top area */
#qodef-top-area .widget.widget_search input {
	color: #666;
	border-bottom: 1px solid #666;
	background-color: #cacaca;
	border-bottom: none;
	border: 1px solid #bababa;
	line-height: 22px;
	height: 22px;
}

#qodef-top-area .widget.widget_search button {
	color: #666;
	background-color: #ebebeb;
}

#qodef-top-area .widget.widget_search button:hover {
	background-color: #ebebeb;
	color: black;
}

#qodef-top-area .widget.widget_search button,
#qodef-top-area .widget.widget_search input {
	line-height: 22px;
	height: 22px;
}

/* ==========================================================================
   HEADER RESPONSIVE
   ========================================================================== */

@media only screen and (max-width: 1024px) {
  #qodef-top-area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  #qodef-top-area .qodef-e-title-text {
    font-size: 10px;
  }

  #lang_choice_polylang-2 {
    font-size: 12px;
  }

  .qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-icon {
    font-size: 16px;
  }

  .qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-count {
    font-size: 12px;
	margin-left: 3px;
  }
}

/* ==========================================================================
   TIPOGRAFIA
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant Garamond';
}

.widget .qodef-widget-title {
	font-family: 'Cormorant Garamond', display, sans-serif;
}

h3.qodef-widget-title {
	font-size: 16px;
}

/* ==========================================================================
   COLORI E STILI GENERALI
   ========================================================================== */

::selection {
	color: #666;
}

/* ==========================================================================
   PULSANTI
   ========================================================================== */

#qodef-woo-page .button {
	background-color: #666;
}

#qodef-woo-page .button:hover {
	background-color: #333;
}

/* ==========================================================================
   DROPDOWN CART / WISHLIST ICONS
   ========================================================================== */

.qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-count {
	color: #333;
	font-size: 14px;
	margin-left: 3px;
}

.qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-icon {
	font-size: 22px;
}

.qodef-wishlist-dropdown .qodef-m-link-icon {
	font-size: 18px;
}

#qodef-page-mobile-header-inner .widget_makao_core_woo_dropdown_cart .qodef-m-opener-icon {
	display: block;
}

/* ==========================================================================
   MENU E NAVIGAZIONE
   ========================================================================== */

.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
	width: 320px;
}

/* ==========================================================================
   PRODOTTI E PAGINE WOOCOMMERCE
   ========================================================================== */

/* Titoli prodotti */
.qodef-woo-product-list .qodef-woo-product-title {
	font-size: 24px;
}

#qodef-woo-page .qodef-woo-product-title {
	font-size: 23px;
}

#qodef-woo-page .qodef-woo-product-title {
	font-size: 26px;
}

/* Nasconde le categorie prodotto nella lista */
.qodef-woo-product-list .qodef-woo-product-categories {
	display: none;
}

/* Risultati prodotti */
.woocommerce-result-count {
	display: none;
}

/* ==========================================================================
   GALLERIA PRODOTTO (DETTAGLIO)
   ========================================================================== */

/* Immagini principali */
#qodef-woo-page.qodef--single .woocommerce-product-gallery.qodef-position--left figure img {
	height: auto !important;
	width: auto !important;
	margin: 0 auto;
}

/* Miniature prodotto (desktop) */
@media (min-width: 1025px) {
  #qodef-woo-page.qodef--single .qodef-woo-thumbnails-wrapper {
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: 5px !important;
  }

  #qodef-woo-page.qodef--single .woocommerce-product-gallery.qodef-position--left figure>.qodef-woo-thumbnails-wrapper {
	width: 13%;
  }

  #qodef-woo-page.qodef--single .woocommerce-product-gallery.qodef-position--left figure>.woocommerce-product-gallery__image {
	width: calc(100% - 13%);
  }

  #qodef-woo-page.qodef--single .woocommerce-tabs {
	margin-top: 30px;
  }
}

/* Miniature prodotto su mobile */
@media only screen and (max-width: 680px) {
	#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 figure>.qodef-woo-thumbnails-wrapper .woocommerce-product-gallery__image {
		width: 25% !important;
	}

	.qodef-woo-thumbnails-wrapper {
		margin-top: 20px;
	}
}

/* Adattamento immagini nella galleria */
#qodef-woo-page.qodef--single .woocommerce-product-gallery.qodef-position--left .woocommerce-product-gallery__wrapper a,
#qodef-woo-page.qodef--single .woocommerce-product-gallery.qodef-position--left .woocommerce-product-gallery__wrapper img {
	height: auto;
	object-position: center;
	object-fit: scale-down;
}

/* ==========================================================================
   SEZIONE VARIAZIONI E ADD TO CART
   ========================================================================== */

#qodef-woo-page.qodef--single form.cart .variations td.value {
	display: block;
	width: 100%;
	min-width: 500px !important;
}

@media only screen and (max-width: 680px){
 #qodef-woo-page.qodef--single form.cart .variations td.value {
	min-width: 300px !important;
 }
}

/* Correzione blocco quantità/aggiungi al carrello (YITH) */
#qodef-woo-page.qodef--single form.cart .variations_button,
#qodef-woo-page.qodef--single form.cart:not(.variations_form),
#yith-quick-view-content.single-product form.cart .variations_button,
#yith-quick-view-content.single-product form.cart:not(.variations_form) {
    display: initial;
}

/* ==========================================================================
   CARRELLO E CHECKOUT (SPEDIZIONE E FORM)
   ========================================================================== */

/* --- Sezione "Shipping" --- */

/* Allinea radio-button pallino e descrizione sulla stessa riga */
.woocommerce ul#shipping_method li {
  display: flex;
  align-items: center;
}
/* Spazio e rialzo testo */
.woocommerce ul#shipping_method li label {
  margin-left: 8px;
  display: inline-block;
  position: relative;
  top: -6px;
}
/* Uniformità e spaziatura tra i metodi */
.woocommerce ul#shipping_method {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce ul#shipping_method li + li {
  margin-top: 6px;
}

/* Evidenzia voce selezionata nei menu Select2 (es. Paese, Provincia, ecc.) */
.select2-container--default .select2-results__option--highlighted {
  background-color: #666 !important; /* Colore di sfondo evidenziato */
  color: #fff !important;             /* Colore del testo evidenziato */
  font-weight: 600 !important;        /* Leggermente in grassetto */
}

/* ==========================================================================
   RECAPTCHA
   ========================================================================== */

/* Nascosto di default */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Mostrato solo in specifiche pagine */
.page-id-590 .grecaptcha-badge,
.page-id-4202 .grecaptcha-badge {
    visibility: visible !important;
}

/* ==========================================================================
   ELEMENTI VISIVI E PAGINAZIONE
   ========================================================================== */

.qodef-rev-pagination-item {
	display: none;
}

/* Carrello - Allineamento Testo "Gift Card Number" / Tasto "Apply"  */
#pwgc-redeem-gift-card-number {
  margin: 0 !important;
  vertical-align: middle;
}

/* Centra completamente i post nella pagina Journal (Makao Blog List) */
.page-id-41280 .qodef-m.qodef-blog.qodef--list article {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-id-41280 .qodef-m.qodef-blog.qodef--list article .qodef-e-info.qodef-info--top,
.page-id-41280 .qodef-m.qodef-blog.qodef--list article .qodef-e-info.qodef-info--bottom,
.page-id-41280 .qodef-m.qodef-blog.qodef--list article .qodef-e-info-left {
  display: flex;
  justify-content: center !important;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

/* ==========================================================================
   MOBILE E RESPONSIVE VARI
   ========================================================================== */

@media only screen and (max-width: 768px) {
	.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs a>span,
	.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs span,
	.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs .qodef-breadcrumbs-current {
		font-size: 9px;
	}
}

@media only screen and (max-width: 667px) {
	.woocommerce-page div#qodef-page-content {
	    display: flex;
	    flex-direction: column;
	}

	.woocommerce-page .qodef-grid-item .qodef-page-sidebar-section .qodef-col--3 .qodef-col-pull--9 {
	    order: 2;
	}

	.woocommerce-page div#qodef-woo-page {
	    order: 1;
	}
}

/* ==========================================================================
   TESTO CATEGORIA E DESCRIZIONI
   ========================================================================== */

.testo_categoria_prodotti {
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
}

.term-description p {
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   PULSANTI "READ MORE / READ LESS"
   ========================================================================== */

.read-more, .read-less {
	padding: 0 30px 10px 30px;
	border: 1px solid #999;
	width: 220px;
	background-color: white;
	color: #666;
	font-family: Muli, sans-serif;
	font-size: 11px;
	letter-spacing: .2em;
	line-height: 2em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

/* ==========================================================================
   FILTRO PREZZO WIDGET
   ========================================================================== */

.widget.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range {
	background-color: #666;
}

.widget.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
	background-color: #666;
}

/* ==========================================================================
   ALTRI ELEMENTI MINORI
   ========================================================================== */

.qodef-video-button {
	width: 100%;
	height: auto;
	text-align: center;
}

.qodef-m-image {
	text-align: center;
}

.qodef-e-label {
	color: #ebebeb;
}

.qodef-page-title .qodef-m-title {
	font-size: 32px;
}

/* ==========================================================================
   GIFT CARD
   ========================================================================== */

#gift-card-amount {
	width: 220px !important;
	display: block !important;
	height: 50px !important;
	line-height: 50px !important;
}

/* ==========================================================================
   BACKORDER NOTIFICATION
   ========================================================================== */

.backorder_notification {
	display: none;
}

.backorder_notification.custom {
	display: block;
}

/* Tooltip fisso stile Makao per colori custom */
.yith-wapo-option {
    position: relative !important;
}

.dg-tooltip-fixed {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 999;
    pointer-events: none;
}