/* =========================================================
   Vai con la Sigla - Hummingbird Child Theme
   Palette principale
   ========================================================= */

:root {
  --vcs-orange: #F58220;
  --vcs-orange-dark: #D96A12;
  --vcs-text: #2C2C2C;

  --bs-primary: #F58220;
  --bs-primary-rgb: 245, 130, 32;

  --bs-link-color: #F58220;
  --bs-link-hover-color: #D96A12;
}


/* =========================================================
   LINK
   ========================================================= */

a {
  color: var(--vcs-orange);
}

a:hover,
a:focus {
  color: var(--vcs-orange-dark);
}


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

.btn-primary,
button.btn-primary,
a.btn-primary,
input.btn-primary {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: var(--vcs-orange-dark) !important;
  border-color: var(--vcs-orange-dark) !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 .25rem rgba(245, 130, 32, .22) !important;
}


/* =========================================================
   ADD TO CART / CARRELLO
   ========================================================= */

.add-to-cart,
.product-add-to-cart .btn,
.product-miniature .add-to-cart,
.product-miniature .btn-primary {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}

.add-to-cart:hover,
.add-to-cart:focus,
.product-add-to-cart .btn:hover,
.product-miniature .add-to-cart:hover,
.product-miniature .btn-primary:hover {
  background-color: var(--vcs-orange-dark) !important;
  border-color: var(--vcs-orange-dark) !important;
}


/* =========================================================
   PULSANTI QUANTITÀ + / -
   ========================================================= */

.bootstrap-touchspin .btn,
.bootstrap-touchspin-up,
.bootstrap-touchspin-down,
.product-quantity .btn,
.qty .btn,
.input-group-btn .btn {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}

.bootstrap-touchspin .btn:hover,
.bootstrap-touchspin-up:hover,
.bootstrap-touchspin-down:hover,
.product-quantity .btn:hover,
.qty .btn:hover,
.input-group-btn .btn:hover {
  background-color: var(--vcs-orange-dark) !important;
  border-color: var(--vcs-orange-dark) !important;
}


/* =========================================================
   VEDI DETTAGLI / PULSANTI PRODOTTO
   ========================================================= */

.product-miniature .btn,
.product-miniature .product-actions .btn,
.product-miniature .product-add-to-cart,
.product-miniature a.btn {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}

.product-miniature .btn:hover,
.product-miniature .product-actions .btn:hover,
.product-miniature .product-add-to-cart:hover,
.product-miniature a.btn:hover {
  background-color: var(--vcs-orange-dark) !important;
  border-color: var(--vcs-orange-dark) !important;
}


/* =========================================================
   SELECT / ORDINA PER
   ========================================================= */

.form-select,
select.form-control,
.products-sort-order .select-title,
.products-sort-order button,
.sort-by-row select,
.sort-by-row .form-select {
  border-color: #DADADA;
}

.products-sort-order .select-title,
.products-sort-order button {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}

.products-sort-order .select-title:hover,
.products-sort-order .select-title:focus,
.products-sort-order button:hover,
.products-sort-order button:focus {
  background-color: var(--vcs-orange-dark) !important;
  border-color: var(--vcs-orange-dark) !important;
}

.form-select:focus,
select.form-control:focus,
.form-control:focus {
  border-color: var(--vcs-orange) !important;
  box-shadow: 0 0 0 .25rem rgba(245, 130, 32, .18) !important;
}


/* =========================================================
   BADGE / ETICHETTE PRODOTTO
   ========================================================= */

.badge.bg-primary,
.bg-primary,
.product-flag,
.product-flags .product-flag,
.product-miniature .product-flag {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}


/* =========================================================
   PAGINAZIONE
   ========================================================= */

.pagination .page-link {
  color: var(--vcs-orange);
}

.pagination .page-link:hover,
.pagination .page-link:focus {
  color: #fff;
  background-color: var(--vcs-orange);
  border-color: var(--vcs-orange);
}

.pagination .active > .page-link,
.pagination .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}


/* =========================================================
   CHECKBOX / RADIO / FORM
   ========================================================= */

.form-check-input:checked {
  background-color: var(--vcs-orange) !important;
  border-color: var(--vcs-orange) !important;
}

.form-check-input:focus {
  border-color: var(--vcs-orange) !important;
  box-shadow: 0 0 0 .25rem rgba(245, 130, 32, .18) !important;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: var(--vcs-orange) !important;
}


/* =========================================================
   TESTO PRINCIPALE
   ========================================================= */

body {
  color: var(--vcs-text);
}
/* =========================================================
   Hummingbird - override componenti carrello / checkout
   ========================================================= */

/* Pulsanti generici Hummingbird */
.btn-primary,
.btn-secondary,
.cart-detailed-actions .btn,
.cart-grid-body .btn,
.checkout .btn,
.block_newsletter .btn,
.product-actions .btn {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.cart-detailed-actions .btn:hover,
.cart-grid-body .btn:hover,
.checkout .btn:hover,
.block_newsletter .btn:hover,
.product-actions .btn:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
  color: #fff !important;
}


/* Quantità nel carrello */
.js-increase-product-quantity,
.js-decrease-product-quantity,
.bootstrap-touchspin-up,
.bootstrap-touchspin-down,
.input-group-btn-vertical .btn {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.js-increase-product-quantity:hover,
.js-decrease-product-quantity:hover,
.bootstrap-touchspin-up:hover,
.bootstrap-touchspin-down:hover,
.input-group-btn-vertical .btn:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
}


/* Pulsante checkout */
.cart-detailed-actions .btn-primary,
.checkout .btn-primary {
  background: #F58220 !important;
  border-color: #F58220 !important;
}

.cart-detailed-actions .btn-primary:hover,
.checkout .btn-primary:hover {
  background: #D96A12 !important;
  border-color: #D96A12 !important;
}


/* Newsletter */
.block_newsletter button,
.block_newsletter .btn {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.block_newsletter button:hover,
.block_newsletter .btn:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
}
/* =========================================================
   Ultimi override Hummingbird
   ========================================================= */

/* Ordinamento prodotti */
.products-sort-order .select-title,
.products-sort-order .dropdown-toggle,
.products-sort-order button {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.products-sort-order .select-title:hover,
.products-sort-order .dropdown-toggle:hover,
.products-sort-order button:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
}


/* Continua lo shopping */
.cart-grid-body .btn-secondary,
.cart-grid-body a.btn-secondary {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.cart-grid-body .btn-secondary:hover,
.cart-grid-body a.btn-secondary:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
}


/* Tutti i nuovi prodotti / pulsanti lista */
.products-section-title + .all-product-link,
.all-product-link,
a.all-product-link,
.products .all-product-link {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.products-section-title + .all-product-link:hover,
.all-product-link:hover,
a.all-product-link:hover,
.products .all-product-link:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
}
/* Bottone "Tutti i nuovi prodotti" / link finali sezioni prodotti */
.featured-products .all-product-link,
.product-list .all-product-link,
.products .all-product-link,
section.featured-products a,
section.product-accessories a.btn,
section.products a.btn {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.featured-products .all-product-link:hover,
.product-list .all-product-link:hover,
.products .all-product-link:hover,
section.featured-products a:hover,
section.product-accessories a.btn:hover,
section.products a.btn:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
  color: #fff !important;
}
/* Quantità carrello - classi esatte Hummingbird */
.js-decrement-button,
.js-increment-button,
button.decrement.btn-square-icon,
button.increment.btn-square-icon {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.js-decrement-button:hover,
.js-increment-button:hover,
button.decrement.btn-square-icon:hover,
button.increment.btn-square-icon:hover {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
  color: #fff !important;
}
/* Continua lo shopping */
.cart-continue-shopping.btn-outline-primary {
  background: #F58220 !important;
  background-color: #F58220 !important;
  border-color: #F58220 !important;
  color: #fff !important;
}

.cart-continue-shopping.btn-outline-primary:hover,
.cart-continue-shopping.btn-outline-primary:focus,
.cart-continue-shopping.btn-outline-primary:active {
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
  color: #fff !important;
}
/* Continua lo shopping - override definitivo */
#center-column .cart-grid .cart-grid-body .cart-continue-shopping.btn.btn-outline-primary {
  color: #ffffff !important;
  background: #F58220 !important;
  background-color: #F58220 !important;
  border: 1px solid #F58220 !important;
  border-color: #F58220 !important;
  box-shadow: none !important;
}

#center-column .cart-grid .cart-grid-body .cart-continue-shopping.btn.btn-outline-primary:hover,
#center-column .cart-grid .cart-grid-body .cart-continue-shopping.btn.btn-outline-primary:focus,
#center-column .cart-grid .cart-grid-body .cart-continue-shopping.btn.btn-outline-primary:active {
  color: #ffffff !important;
  background: #D96A12 !important;
  background-color: #D96A12 !important;
  border-color: #D96A12 !important;
}
/* Override pulsanti generici Creative Elements */
.btn:not(.btn-primary, .btn-secondary),
a.btn:not(.btn-primary, .btn-secondary) {
    color: #FFFFFF !important;
    background-color: #F58220 !important;
    border-color: #F58220 !important;
}

.btn:not(.btn-primary, .btn-secondary):hover,
.btn:not(.btn-primary, .btn-secondary):focus,
a.btn:not(.btn-primary, .btn-secondary):hover,
a.btn:not(.btn-primary, .btn-secondary):focus {
    color: #FFFFFF !important;
    background-color: #D96A12 !important;
    border-color: #D96A12 !important;
}
/* Rassicurazioni cliente - icone arancioni */
.reassurance__image svg,
.reassurance__image svg * {
  fill: #F58220 !important;
  stroke: #F58220 !important;
}