/* Custom css **

/*Barra login superior (acuarel) creada por js*/
.acuarel-top-wrapper span{
   font-size:13px;
}
.acuarel-top-wrapper span > a{
   display: inline-block;
   margin-left: 1em;
   transition: color 150ms ease-in-out;
}

.acuarel-top-wrapper span > a:hover{
   color: var(--the7-links-color) !important;
}

/*Estilos cliente*/

:root{
    --rojo-nordes:#fd212a;
}
::placeholder { /* WebKit browsers */
	color:    #0e8a2f;
	font-family: inherit;
	opacity:1;
}


/*Submenu categorias*/
li:not(.dt-mega-menu) .sub-nav {
    width: 280px;
    top:90px !important;
    /* border:1px solid #c00 !important; */
}




/*

░██╗░░░░░░░██╗░█████╗░░█████╗░
░██║░░██╗░░██║██╔══██╗██╔══██╗
░╚██╗████╗██╔╝██║░░██║██║░░██║
░░████╔═████║░██║░░██║██║░░██║
░░╚██╔╝░╚██╔╝░╚█████╔╝╚█████╔╝
░░░╚═╝░░░╚═╝░░░╚════╝░░╚════╝░

*/

/* var(--the7-accent-color);*/

/*Listado: productos con opciones*/
.cart-btn-on-img .woo-buttons  a:not(.product_type_simple.ajax_add_to_cart){
    background-color: var(--the7-accent-color) !important;
    color:#ffffff00;
    border: none !important;
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}


.cart-btn-on-img .woo-buttons  a:not(.product_type_simple.ajax_add_to_cart):after{
    font-size: 16px;
    line-height: 32px;
    content: "\e204";
    color:#fff;
    font-family: icomoon-the7-font !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    right:8px;
}
.cart-btn-on-img .woo-buttons:hover  a:not(.product_type_simple.ajax_add_to_cart){
    color:#fff !important;

}
.cart-btn-on-img  .woo-buttons:hover  a:not(.product_type_simple.ajax_add_to_cart):before{
    display:inline-block;
    font-size: 16px;
    line-height: 32px;
    width:7px;
    content:" ";

}

/* width:75px;text-align:center; en Product Open Pricing Options */

/*selects, inputs e radios xenericos*/
body.woocommerce-page label +input[type="text"],
body.woocommerce-page  label + input[type="number"],
body.woocommerce-page  label + select{
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}
body.woocommerce-page  label + input[type="number"]{
    text-align: right;
}

/*       _   _           _    ____   ____     ___
        | | | |  _ __   (_)  / ___| |  _ \   / _ \
        | | | | | '_ \  | | | |     | |_) | | | | |
        | |_| | | | | | | | | |___  |  __/  | |_| |
         \___/  |_| |_| |_|  \____| |_|      \___/
*/

#uni_cpo_options{
    padding-bottom:24px;
    --uni-border-color:#c00;
    --uni-border-style:dashed;
    --uni-border-radius: 0.375rem;
    --uni-border-width:1px;
    --uni-sufix-bg:#f8f9fa;
    --uni-border:1px solid #ccc;
}

.uni-module-radio-classic-mode label:not(:first-of-type){
    display:inline-block !important;
    padding-left:1em;
}

/*si el id de una capa empieza por uni_row */
#uni_cpo_options div[id^="uni_row"] {
    padding-bottom:10px;
    /* border:1px dashed #0c0; */
}

.sjb-row{
    box-sizing: border-box;
}


/*Elemmentos before e after de las narices*/
/* .sjb-row .uni-row-content:before,
.sjb-row .uni-row-content .uni-module:not(.sufix):before,
.sjb-row .uni-row-content .uni-module:not(.sufix):after {display:none !important}  */
.sjb-row .uni-row-content .uni-module:not(.sufix):before{
    display:none;
}
.sjb-row .uni-module label{
    flex-basis:100%;
    /* border:1px dashed #f90; */
}


/* Campos input text|number simulando bootstrap */

.sjb-row .uni-sufix {
    display:flex;
    align-items: flex-start;
    flex-wrap:wrap !important;
}


.sjb-row .uni-sufix input[type="number"]{
    display:inline-block !important;
    width: calc(100% - 2.7em) !important;
}
.sjb-row .uni-sufix select{
    display:inline-block !important;
    width: calc(100% - 2.7em) !important;
}
.sjb-row .uni-sufix:after{
    display:inline-block !important;
    height: 36px !important;
    min-height: 36px !important;
    box-sizing: border-box;

    width:2.5em  !important;
    text-align: center;
    font-size: 0.85em  !important;
    line-height: 36px;
    border: var(--uni-border);
    background: var( --uni-sufix-bg);
    border-left:none;
    border-radius: 0 6px 6px 0;
}
.uni-module.sufix-m:after{
    content:'m.' !important;
}

.uni-module.sufix-mm:after{
    content:'mm.' !important;
}

.uni-module.sufix-cm:after{
    content:'cm.' !important;
}



/*switches tipo bootstrap*/
.sjb-row div.uni-col-content input[type="checkbox"]{
    --bs-form-check-bg: #fff;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    appearance: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #d7d7d7;
    width: 2em;
    /* margin-left: -2.5em; */

    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
    display: inline-block !important;
}

.sjb-row div.uni-col-content input[type="checkbox"]{
     --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-image: var(--bs-form-switch-bg);
}


.sjb-row div.uni-col-content  input[type="checkbox"]:checked {
    background-position: right center;
    background-color: #0d6efd;
    border-color: #0d6efd; /* #0d6efd; var(--rojo-nordes)*/
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}

/*Labels que añade o plugin como span:*/
.sjb-row  .uni-module-checkbox.checkbox-switch .uni-cpo-option-label{
    display: none !important;
}



/*Selector color*/
.row-selector-color  .uni-module-radio{
    display:flex;
    justify-content: flex-start;
    gap:5px;

}
.row-selector-color label{
    padding:2px;
    display:flex !important;
    justify-content: center;
    align-items: center;
    border: var(--uni-border) !important;
}
.row-selector-color input[type="radio"]:checked + label{
    background-color: #0d6efd44 !important;
     border: none !important;
}

.row-selector-color input[type="radio"] + label span{
    border:none !important;
}

/*Radio*/
.uni-module-radio input:checked + .uni-cpo-radio-option-label >.uni-cpo-option-label__radio:after {
    background-color:#0d6efd;
    width:8px;
    height:8px;
    border-radius: 50%;
    content: "";
}


/*datos meta en ficha de producto, que usamos para poner os botons whatsapp e presuposto*/
body.producto-nordes .product_meta *{
    box-sizing: border-box;
}
body.producto-nordes .product_meta {
    display: grid;
    grid-template-columns: 1fr 1fr;           /* 2 columnas de igual ancho */
    grid-template-rows: auto;            /* 2 filas, altura automática */
    gap: 10px 20px;                                /* espacio entre elementos */
    /* Definimos las áreas con nombres */
    grid-template-areas:
    "izquierda derecha"
    "avisoemail avisoemail"
    "meta1 meta1"
    "meta2 meta2";
    margin-top:1vh;
    margin-bottom: 1vh;
    /* border:1px dashed #f90; */
}

/* [grid-area="completo"] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    min-height: min-content;
} */

.button.btn-presupuesto{
    grid-area: izquierda;
    width:100%;
    justify-self: start;
}
#aviso-presupuesto{
    grid-area: avisoemail;
    font-size:0.9em;
    color:#555;
    justify-self: center;
    align-self: center;
    display:inline-block;
}

#aviso-presupuesto.error{
    border:2px solid #c00;
    color:#c00;
    background-color:#fdd;
}
#aviso-presupuesto.success{
    color: #0a0;
    border:2px solid #0a0;
    background-color:#dfd;
}
#aviso-presupuesto button{
    color:inherit !important;
}
/*Btn pregunta por producto via whatsapp*/
.button.btn-whatsapp{
    box-sizing: border-box;
    width:100%;
    grid-area: derecha;
    justify-self: start;
    color:#25D366 !important;
    border-color:#25D366;
}

.button.btn-whatsapp >i{
    color:#25D366 !important;
}

body.producto-nordes .product_meta span.posted_in{
    grid-area: meta1;
}
body.producto-nordes .product_meta span.posted_in::after{display:none}

body.producto-nordes .product_meta span.tagged_as{
    grid-area: meta2;
}

#btn-enviar-presuposto:disabled{
    opacity:0.5;
}