/*
Theme Name: Most (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Most Creative Agency and Portfolio Theme – The theme is built to take advantage of the Full Site Editing features introduced in WordPress and Elementor plugin, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: most
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: most
*/

/* Add your own modification from here
-------------------------------------------------------------- */


/* Variables de colores */

:root {
    --input-bg-off: #707070;   /* gris claro para campos sin foco */
    --input-bg-on:  #1A1A1A;   /* gris oscuro casi negro para foco */
    --fondo: #e5e5e5;
    --rojo: #e42823;
    --label-color: #2A2A2A;
}



/* ajuste de márgenes del icono del footer de elementor */

.elementor-widget-icon{
  line-height: 0;
}

/* márgenes del subtítulo de woocommerce */

.term-description{
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
	margin-bottom:50px;
}

/* agrandar marca principal */

.main-header__logo a, .main-header__logo svg, .main-header__logo img {
  width: auto;
  height: 50px !important;
}

/* botón de tienda de la derecha */

.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link{
  
  border: 1px solid ;
  transition: all 250ms var(--ease-out);
  font-weight: bold;
  
  &:hover{
    border: 1px solid var(--color-primary);
    color: #9a2424 !important;
    transition: all 250ms var(--ease-out);
  }

}


/* checkout */

.wc-block-components-form input,
.wc-block-components-form select,
.wc-block-components-form textarea {
    background: var(--fondo) !important;
    outline: solid 1px black !important;
    color:  var(--input-bg-off) !important;
  &:focus{
    background:white !important;
    color:  var(--input-bg-on) !important;
  }

}

.wc-block-components-form input:focus,
.wc-block-components-form select:focus,
.wc-block-components-form textarea:focus {
    background-color: white !important;
    color: var(--input-bg-on) !important;
}

.wc-block-components-form label {
  color: var(--label-color) !important;
}

.has-dark-controls .wc-blocks-components-select .wc-blocks-components-select__expand {
  fill: var(--input-bg-on) !important;
}

.has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__mark {
  fill: var(--input-bg-on) !important;
}

/* checkout boton de entrega */

.has-dark-controls .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
  background: white !important;
  
}

.has-dark-controls .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected[aria-checked="true"] {
  color: var(--input-bg-on) !important;                      /* alto contraste */
  border-color: var(--rojo) !important;
 
}

.has-dark-controls .wc-block-checkout__shipping-method-option {
  color: var(--input-bg-off) !important;
}

.wc-block-components-textarea::placeholder {
    color: var(--input-bg-off) !important;
}

.wc-block-components-button:not(.is-link) {
  border-radius: 4px;
  &:hover{
    border-color: var(--rojo); 
    background: white;
  }
}


.has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input::before {
  background-color: var(--input-bg-on) !important;
}

.wc-block-components-country-input{
  margin-top: 12px !important;
}