/**
Theme Name: Idee Astramirate
Author: Idee Mirate
Author URI: https://www.ideemirate.it/
Description: Tema personalizzato per Sibania partendo da Asttra
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: idee-astramirate
Template: astra
*/


/*Questo mi serve solo per appunti*/
:root {
    --ast-global-color-0: #762c19;/*Enfasi*/
    --ast-global-color-1: #051230;/*Enfasi 2 Hover*/
    --ast-global-color-2: #000000;/* Intestazioni */
    --ast-global-color-3: #334155;/* Contenuto - testo */ 
    --ast-global-color-4: #ffffff; /*Sfondo bianco del sito*/
    --ast-global-color-5: #e2e4f4; /*nuovo colore*/
    /*--ast-global-color-5: #BCB7AE; */ /*Questo è RAL 7044 chiesto nella mail del 14 ottobre alle 15:09*/
    --ast-global-color-6: #fff; /* exStatue */
    --ast-global-color-7: #f5ac9f;/* Home Decor */
    --ast-global-color-8: #a0b8e1;/* Bambole */
    --im-def-radius: 8px;
    --im-global-color-4-5: #e2e4f4;
}

p strong {
    background-color: var(--im-global-color-4-5);
    color: var(--ast-global-color-2);
}

.im-def-radius {
    border-radius: var(--im-def-radius);
    overflow: hidden;
}

.widget {
    margin-bottom: 0px;
}

/*Header e footer con BG scuro*/

.site-above-header-wrap a {
    color: var(--ast-global-color-4);
}

.site-above-header-wrap a:hover {
    color: var(--ast-global-color-4);
}

.site-above-header-wrap p{
    color: var(--ast-global-color-6);
}
.site-above-header-wrap p a{
    color: var(--ast-global-color-6);
    text-decoration: underline;
}

div.im-bl-back {
    text-align: center;
}
div.im-bl-back p {
    color: var(--ast-global-color-6);
}
div.im-bl-back p a {
    color: var(--ast-global-color-6);
    text-decoration: underline;
}

/*carrello*/
button.wc-block-mini-cart__button{
    background-color: var(--ast-global-color-5);
    padding: 10px;
}

button.wc-block-mini-cart__button:hover{
    background-color: var(--ast-global-color-4);
}

.wc-block-mini-cart__quantity-badge svg.wc-block-mini-cart__icon {
    display: none !important;
}

.wc-block-mini-cart__quantity-badge::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: var(--ast-global-color-2); 
    -webkit-mask-image: url('/wp-content/uploads/2026/07/sibania-cart.svg');
    mask-image: url('/wp-content/uploads/2026/07/sibania-cart.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.wc-block-mini-cart__quantity-badge span{
    color: var(--ast-global-color-2);
    font-size: 0.7em;
    margin-left: -1px;
}

/*
-> MINI CART WOO
*/


.wp-block-woocommerce-filled-mini-cart-contents-block h2 {
    font-size: 22px;
}

.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-product-metadata {
    display: none;
}

.wp-block-woocommerce-filled-mini-cart-contents-block span.wc-block-components-product-price {
    font-size: 16px;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 16px;
}


/*mobile menu*/
.ast-header-break-point .main-header-bar {
    line-height: 0px;
}

@media (max-width: 921px) {
    .ast-header-break-point .main-header-bar {
        line-height: 0px;
    }

    .wc-block-mini-cart__quantity-badge::before {
        width: 25px;
        height: 25px;
    }

    [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
        background-color: var(--ast-global-color-5);
    }
}

@media (max-width: 544px) {
    header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
        width: 100%;
    }
}




/*
-> FOOTER - desktop + mobile
*/

.im-footer-menu-container nav {
    gap: 18px;
}

.im-footer-menu-container nav ul li a{
    font-size: .9em;
    text-decoration: underline;
}


.im-footer-bl p, .im-footer-bl a {
    color: var(--ast-global-color-4);
}

.im-footer-bl a:hover {
    color: var(--ast-global-color-5);
}

/*
-> HOMEPAGE
*/

.ast-article-single figure.sib-home-video {
    box-shadow: 40px -40px 0px var(--ast-global-color-5);
}

h4.im-product-loop-title a{
    font-size: .9em;
    text-decoration: none !important;
    line-height: 1.5rem;
}

.im-default-row-space{
    padding-top:80px;
}

.im-home-category-image figcaption {
    position: absolute;
    margin: 0px;
    top: 50%;
    bottom: 50%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}

.ast-single-post .entry-content .im-home-category-image figcaption a {
    width: 100%;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-size: 1.8em;
    color: var(--ast-global-color-3);
    text-transform: uppercase;
}

@media (max-width: 921px){
    .im-default-row-space{
        padding-top:40px;
    }
    .ast-single-post .entry-content .im-home-category-image figcaption a{
        font-size: 1.4em;
    }
}

@media (max-width: 544px){
    .im-default-row-space{
        padding-top:20px;
    }
    .ast-single-post .entry-content .im-home-category-image figcaption a{
        font-size: 1em;
    }

}

/*Pagine del negozio*/

.woocommerce-js ul.products li.product.product-category{
    border: solid 1px var(--ast-global-color-2);
}

.woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-js ul.products li.product .woocommerce-loop-category__title{
    left: 0px;
    right: 0px;
}

.woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title{
    bottom: 0px;
    font-size: 1em;
    width: 100%;
    text-transform: none;
    font-family: 'Roboto';
}

.woocommerce-js ul.products li.product.product-category>a:hover .woocommerce-loop-category__title, .woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title{
    background-color: var(--ast-global-color-5);
}


.woocommerce ul.products li.product .astra-shop-thumbnail-wrap, .woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap {
    border: solid 1px var(--ast-global-color-2);
}



/*
-> PAGINA PRODOTTO - desktop + mobile
*/

.single-product div.product h1.entry-title{
    font-size: 1.8em;
    line-height: 1em;
}


.ast-article-single figure, .ast-article-single img:not(figure img) {
    box-shadow: none
}

.im-sottotitolo-statua h2 {
    font-size: 1.4em;
}

table.im-info-aggiuntive tr td {
    padding: .4em .7em;
}

span.im-icone-prodotto svg {
    max-width: 30px;
    transform: translateY(5px);
    fill: var(--ast-global-color-1);
    margin-right: 10px;
}

button:hover span.im-icone-prodotto svg, button:focus span.im-icone-prodotto svg {
    fill: var(--ast-global-color-4);
}

/* Sistemazione Accordion */
.wp-block-accordion-panel[hidden] {
    display: none !important;
}
.wp-block-accordion-item.is-open .wp-block-accordion-panel {
    display: block !important;
}


/*Slide delle recensioni*/

.im-nolink a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.im-nolink .slick-track {
    display: flex;
    align-items: center;
}

.im-nolink .slick-slide {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.im-nolink .uagb-post__inner-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}


/* Single Page*/

/* Se vogliamo 0 spazio sopra da dsk cancella commento
@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0px;
    }
}
*/


/*pagina delle recensioni dei clienti*/

.im-recensioni-clienti article.uagb-post__inner-wrap{
    overflow: hidden;
}

.im-recensioni-clienti article.uagb-post__inner-wrap h3.uagb-post__title{
    font-size: 1.4em;
    text-align: right;
}

.im-recensioni-clienti article.uagb-post__inner-wrap h3.uagb-post__title a{
    pointer-events: none;
}

/*Pagina azienda*/

.im-poem-back p strong {
    background-color: rgba(255, 255, 255, 0);
}





/*FORM CONTATTO*/
/* Layout Generale del Form */
.cf7-custom-form {
  max-width: 600px;
  margin: 0 auto;
  /*padding: clamp(10px, 3vw, 25px);*/
  /*background-color: var(--ast-global-color-4);*/
  /*border: 1px solid var(--ast-global-color-5);*/
  border-radius: 0px;
  /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);*/
  font-family: inherit;
}

.cf7-custom-form p{
    line-height: 0.3em;
}

/* Griglia per affiancare i campi (Nome/Cognome, Città/Stato) */
.cf7-row {
  display: flex;
  gap: 18px;
  margin-bottom: 36px;
}

.cf7-col {
  flex: 1;
}

.cf7-field {
  margin-bottom: 36px;
}

/* Etichette (Label) */
.cf7-custom-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--ast-global-color-3);
  /*font-size: 14px;*/
}

/* Input, Textarea e Select */
.cf7-custom-form input[type="text"],
.cf7-custom-form input[type="email"],
.cf7-custom-form textarea,
.cf7-custom-form select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--ast-global-color-5);
  border-radius: 0px;
  font-size: 1em;
  color: var(--ast-global-color-2);
  background-color: var(--ast-global-color-4);
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cf7-custom-form textarea {
  height: 120px;
  resize: vertical;
}

/* Focus sugli elementi di input */
.cf7-custom-form input:focus,
.cf7-custom-form textarea:focus,
.cf7-custom-form select:focus {
  outline: none;
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-6);
  box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.15);
}

/* Checkbox Privacy e Newsletter */
.cf7-checkbox-group {
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--ast-global-color-1);
}

.cf7-checkbox-group .wpcf7-list-item {
  margin: 0;
}

.cf7-checkbox-group input[type="checkbox"] {
  margin-right: 8px;
  accent-color: var(--ast-global-color-1);
}

/* Bottone di Invio */
.cf7-submit {
  margin-top: 20px;
}

.cf7-custom-form input[type="submit"] {
  width: 100%;
  background-color: var(--ast-global-color-0);
  color: var(--ast-global-color-6);
  padding: 12px 20px;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.cf7-custom-form input[type="submit"]:hover {
  background-color: var(--ast-global-color-1);
}

.cf7-custom-form input[type="submit"]:active {
  transform: scale(0.95);
}

/* Adattamento Mobile */
@media (max-width: 576px) {
  .cf7-row {
    flex-direction: column;
    gap: 18px;
  }
}