/*
Theme Name: TRIACORDA
Theme URI: https://triacorda.it
Description: Tema child personalizzato basato su Hello Elementor
Author: TRIACORDA
Author URI: https://triacorda.it
Template: hello-elementor
Version: 1.0.0
Text Domain: triacorda
*/


/* --- GRADIENTE PAROLE ---*/

span.tria {
    background: linear-gradient(120deg, #9F445E 0%, #88195D 33%, #084783 66%, #152F4E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}

span.tria-w {
    background: linear-gradient(120deg, #9F445E 0%, #88195D 33%, #084783 66%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}

/* --- GRADIENTE BOTTONI BLU ---*/

div#tria-btn a.elementor-button.elementor-size-sm {
    background-color: #00000000;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    fill: white;
    color: white;
    background-image: linear-gradient(129deg, #88195D 65%, #9f445e 100%);
    border-style: none;
    border-radius: 8px 8px 8px 8px;
}

div#tria-btn a.elementor-button.elementor-size-sm:hover, div#tria-btn a.elementor-button.elementor-size-sm:focus {
    background-color: transparent;
    color: white;
    background-image: linear-gradient(135deg, #9f445e 0%, #88195D 40%);
    border-color: white;
}

/* --- GRADIENTE BOTTONI ROSA ---*/

div#tria-btn-2 a.elementor-button.elementor-size-sm {
    background-color: #00000000;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    fill: white;
    color: white;
    background-image: linear-gradient(129deg, #152F4E 65%, #084783 100%);
    border-style: none;
    border-radius: 8px 8px 8px 8px;
}

div#tria-btn-2 a.elementor-button.elementor-size-sm:hover, div#tria-btn a.elementor-button.elementor-size-sm:focus {
    background-color: transparent;
    color: white;
    background-image: linear-gradient(135deg, #084783 0%, #152F4E 40%);
    border-color: white;
}

/* --- BOTTONI TRASPARENTI ---*/

div#tria-btn-3 a.elementor-button.elementor-size-sm {
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    fill: #ffffff00;
    color: #ffffff;
    background: #ffffff00;
    border: solid 2px;
    border-radius: 0px;
}

div#tria-btn-3 a.elementor-button.elementor-size-sm:hover, div#tria-btn a.elementor-button.elementor-size-sm:focus {
    color: #152F4E;
    background: white;
    border: solid 2px;
    border-color: white;
}

/* --- BOTTONI ACCORDION ---*/

button#dona-ora:hover {
    background: #698cb7;
}

button#dona-ora:focus {
    background: #152f4e;
}

button#shop:hover {
    background: #b9798b;
}

button#shop:focus {
    background: #9F445E;
}

button#socio:hover {
    background: #698cb7;
}

button#socio:focus {
    background: #084783;
}

button#volontario:hover {
    background: #b9798b;
}

button#volontario:focus {
    background: #88195D;
}

.box {
  position: relative;
}

/* --- TRATTINI GRADIENTATI ---*/

.box {
  position: relative;
}

.box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;

  /* gradiente colore */
  background: linear-gradient(240deg, #9F445E 0%, #88195D 33%, #084783 66%, #152F4E 100%);

  /* crea i trattini */
  -webkit-mask: repeating-linear-gradient(
    to right,
    #000 0 10px,
    transparent 10px 20px
  );
  mask: repeating-linear-gradient(
    to right,
    #000 0 10px,
    transparent 10px 20px
  );
}

/* --- BREADCRUMB ---*/

div#breadcrumb {
    position: relative;
    border-radius: 0 0 9px 9px;
    background: linear-gradient(#f3f3f3, #f3f3f3) padding-box,
                linear-gradient(120deg, #9F445E 0%, #88195D 33%, #084783 66%, #152F4E 100%) border-box;
    border-bottom: 2px solid transparent;
}

div#breadcrumb span.last {
    color: #142f4e;
}

/*--- PRODOTTI ---*/


ul.flex-direction-nav {
    display: none;
}

/*.woocommerce-product-gallery__image.flex-active-slide {
    width: 600px;
    top: -130px;
    
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 0px;
    padding-left: 100px;
}*/

/* --- ICONA CARRELLO MENU ---*/

.menu-carrello > a {
    display: flex !important;
    justify-content: unset;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url(/wp-content/uploads/2026/04/icona-carrello.png) !important;
    background-size: contain;
    margin: 0px !important;
    padding: 0 !important;
    top: 50%;
    transform: translateY(-18%);
}

.menu-carrello > a:hover {
    text-decoration-line: underline;
    text-decoration-color: #88195d;
    text-decoration-thickness: 3px;
    text-underline-offset: 10px;
}


li.shop.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-115 {
    border-left: solid 2px #074783;
    padding-left: 9px;
}

/* --- BOX GRADIENTATO ---*/

div#box-tria {
    position: relative;
    border-radius: 13px 13px 13px 13px;
    background: linear-gradient(#fff) padding-box, linear-gradient(120deg, #9F445E 0%, #88195D 33%, #084783 66%, #152F4E 100%) border-box;
    border: 2px solid transparent;
}

/* --- BOTTONE CARRELLO ---*/

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #14304e;
    border-radius: 9px;
    color: white;
    text-transform: uppercase;
}

/* --- BOTTONE CARRELLO ---*/

.elementor-89 .elementor-element.elementor-element-eff9d71 {
    justify-content: right;
    padding-right: 3em;
}

.elementor-menu-toggle {
    justify-content: right;
}