/*
 * Pedales y Zapatillas
 * CSS personalizado
 *
 * Archivo maestro de trabajo.
 * Mantener sincronizado con Apariencia > Editor > Estilos > CSS adicional.
 */

 a:focus, button:focus, select:focus, input:focus, textarea:focus, .woocommerce :focus {outline: none;}

/* =========================================================
   FOOTER
   ========================================================= */

/* Elimina únicamente la separación entre el contenido y el footer. */
.wp-site-blocks > footer.wp-block-template-part, .wp-site-blocks > .woocommerce {margin-block-start: 0 !important;}
footer h4 {font-weight: 300; font-size: 22px; margin-bottom: 0 !important;}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram, :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {background-color: #88B613;}
footer li a::first-letter {color: #88B613;}
footer li a:hover {color: #9e9e9e; text-decoration: none;}
footer .afiliacion p {font-size: 14px;}
footer .site-footer {font-size: 12px; color: #eee;}
footer .site-footer p:nth-of-type(3) {margin-inline-start: 5px;}

/* =========================================================
   AVISO DE ENVÍO
   ========================================================= */

/* Ajusta el párrafo al ancho real de su contenido. */
.envio-top {width: fit-content; max-width: 100%; background: url(//www.pedalesyzapatillas.com/wp-content/themes/pedalesyzapatillas/images/envio-rapido.svg) no-repeat left bottom; background-size: 25px auto; padding-left: 35px;}
.envio-top a {text-decoration: underline;}
.envio-top a:hover {text-decoration: none;}

/* =========================================================
   BANNER HOME
   ========================================================= */
.banner-tienda-home h2 {width: fit-content; max-width: 100%; font-weight: 400; text-shadow: 1px 1px 2px #323232; text-align: center;}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {border-color:#88B613; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 0;}
.wp-block-search__button-inside .wp-block-search__button {padding-left: 1rem; padding-right: 1rem; margin-left: 0.75rem;}
.wp-block-search .wp-block-search__input {padding-left: 1rem; padding-right: 1rem;}

/* =========================================================
   MENÚ PRINCIPAL
   ========================================================= */

/* Espaciado de cada elemento del menú. */
.pyz-menu .wp-block-navigation-item__content {padding: 12px 13px;}

/* Fondo al pasar el cursor. */
.pyz-menu .wp-block-navigation-item:hover {background-color: #000;}

/* Texto blanco al pasar el cursor. */
.pyz-menu .wp-block-navigation-item:hover > .wp-block-navigation-item__content {color: #fff;}

/* Fondo del elemento activo. */
.pyz-menu .pyz-menu-active {background-color: #88B613;}

/* Texto blanco del elemento activo. */
.pyz-menu .pyz-menu-active > .wp-block-navigation-item__content {
    color: #fff;
}
.pyz-menu li a:hover {text-decoration: none;}

/* =========================================================
   GRILLA DE ENTRADAS
   ========================================================= */
.wp-block-latest-posts__list a.wp-block-latest-posts__post-title {font-weight: 400; font-size: 1.50em; line-height: 1.3;}
.wp-block-latest-posts__list a.wp-block-latest-posts__read-more {font-weight: bold;}

/* =========================================================
   PORTADA — CATEGORÍAS
   ========================================================= */

/* Estado normal: capa al 50% */
.pyz-categorias .wp-block-cover__background {opacity: 0.5; transition: opacity 0.25s ease;}

/* Hover: oscurecer al 75% */
.pyz-categorias .wp-block-cover:hover .wp-block-cover__background {opacity: 0.75;}
.pyz-categorias .wp-block-cover {position: relative; cursor: pointer;}
.pyz-categoria-link a {align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 2em; font-family: 'Oswald', sans-serif; font-weight: 400;}

/* =========================================================
   CONTENIDO
   ========================================================= */
.banners-publicitarios {float: left; display: block; width: 100%; margin: 10px 0 20px 0;}
.escritopor p {padding-bottom: 0 !important;}
.sidebar .wp-block-latest-posts__list a.wp-block-latest-posts__post-title {font-size: 1em;}
.sidebar .wp-block-latest-posts__list li { margin-bottom: 5px;}
/* =========================================================
   PRODUCTOS
   ========================================================= */
   .woocommerce-uses-block-theme span, .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, .woocommerce-uses-block-theme .wc-block-components-totals-coupon {font-size: 1.06rem;}
   .wp-block-woocommerce-checkout-order-summary-block h3.wc-block-components-product-name {font-size: 1.06rem;}
   .wp-block-woocommerce-product-collection h2 {text-align: center !important;}
   .wp-block-woocommerce-product-collection h2 a{color: #323232 !important; font-size: 0.85em; text-align: center !important; font-weight: 300;}
   .wp-block-woocommerce-product-collection h2 a:hover{color: #88B613 !important; text-decoration: none;;}
   .wp-block-woocommerce-product-price span {font-size: 1.2em !important; font-weight: 400; color: #88B613;}
   .wp-block-add-to-cart-form button, button.woocommerce-Button, .wp-block-woocommerce-product-button .added_to_cart {border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 15px 35px;}
   .wp-block-woocommerce-product-button a.added_to_cart {background-color: #323232; color: fff; margin-top: 0;}
   .woocommerce-uses-block-theme .wp-element-button, .woocommerce-uses-block-theme .wp-block-button__link {padding-left: 1rem; padding-right: 1rem;}
   .aviso {border: 3px dotted #88B613; padding: 10px; margin-top: 30px;}
   .aviso p {margin: 0;}
   .variations select {border: 1px solid #88b613; background-color: #fff; margin: 5px;}
   .woocommerce div.product .woocommerce-tabs ul.tabs {margin-bottom: 0 !important;}
   .woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: #f7f7f7 !important;}
   .woocommerce div.product .woocommerce-tabs ul.tabs .active {border-top: 2px solid #88B613 !important; border-bottom: 0; background-color: #fff !important;}
   .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {border: 1px solid #f7f7f7; padding: 0 15px 15px 15px !important;}
   .wp-block-woocommerce-product-collection h4 a {color: #323232; text-align: center !important;}
   .wp-block-woocommerce-product-collection h4 a:hover {color: #88B613; text-decoration: none;}
   .single-product .woocommerce-variation-price span {font-size: 1.2em !important; font-weight: 400; color: #88B613;}
   .single-product .woocommerce-variation {border-top: 1px solid #323232; margin: 1rem 0;}
   
/* =========================================================
   FORMULARIOS
   ========================================================= */
.wpcf7-form label {font-weight: bold; font-size: 16px;}
.wpcf7-form input, .wpcf7-form textarea {border: 1px solid #88B613; background-color: #fff; margin: 5px 0 10px 0; padding: 9px 12px;}
.wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {width: 95%;}
.wpcf7-form textarea {width: 95%;}
.wpcf7-form .wpcf7-submit {background-color:#88B613;color: #fff; font-size: 16px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-top: 5px; padding: 15px 30px; width: 35%;}
.sidebar .wpcf7-form .wpcf7-submit {width: 99%;}
.sidebar .wpcf7-form p br {display: none;}
.wpcf7-form span.wpcf7-list-item {margin-left: 0;}
.wpcf7-form input[type="checkbox"] {margin-top: 5px;}
.wpcf7-form .wpcf7-acceptance {font-size: 16px;}
.wpcf7-form p:has(.wpcf7-acceptance) {margin-block-start: 0;}
.wpcf7-form .politica p, .wpcf7-form p.politica {font-size: 12px !important; font-style: italic; color: #666;}
.wpcf7-form p { margin-top: 0;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media only screen and (min-width: 782px) {
	.banners-publicitarios .mobile-banner {display: none; /* Oculta el banner móvil en dispositivos de escritorio */}
}
@media only screen and (max-width: 781px) {
   .envio-top {background-position: left center;}
   header .is-layout-flex {gap: 1rem;}
	header .wp-block-site-logo {width: 100%; text-align: center;}
   header .wp-block-site-logo a {width: 220px; text-align: center !important;}
   .pyz-menu button {padding: 12px 13px;}
   .pyz-menu .wp-block-navigation__responsive-container-open svg {height: 30px; width: 30px;}
   .banner-tienda-home {min-height: 300px !important; max-height: 300px; background-size: 100% auto !important; background-repeat: no-repeat; background-position: center center; background-attachment:scroll !important;}
	.banners-publicitarios .desktop-banner {display: none; /* Oculta el banner de escritorio en dispositivos móviles */ }
   .banners-publicitarios img {width: 100% !important;}
   .wpcf7-form .wpcf7-submit {width: 80%;}
   .wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {width: 92%;}
   body.page .columnas-suscripcion-home .wp-block-column {width: auto !important; flex-basis: 85% !important;}
}

@media only screen and (max-width: 834px) {
	
}
@media only screen and (min-width: 600px) and (max-width: 834px) {

   /* Mostrar botón hamburguesa */
   .wp-block-navigation .wp-block-navigation__responsive-container-open {
      display: flex;
   }

   /* Ocultar menú horizontal */
   .wp-block-navigation > .pyz-menu {
      display: none;
   }

   /* Ocultar overlay cerrado */
   .wp-block-navigation > .wp-block-navigation__responsive-container {
      display: none !important;
   }

   /* Mostrar overlay cuando WordPress lo abre */
   .wp-block-navigation > .wp-block-navigation__responsive-container.is-menu-open {
      display: flex !important;
   }
   .pyz-menu button {padding: 12px 13px;}
   .pyz-menu .wp-block-navigation__responsive-container-open svg {height: 30px; width: 30px;}
   header .is-layout-flex {gap: 1rem;}
	header .wp-block-site-logo {width: auto; text-align: left;}
   header .wp-block-site-logo a {width: 220px; text-align: left !important;}
   .banners-publicitarios img {width: 100% !important;}
   .banners-publicitarios .mobile-banner {display: none; /* Oculta el banner móvil en dispositivos de escritorio */}
   .banners-publicitarios .desktop-banner {display: block; /* Enseña el banner de escritorio en tabletas */ }
   .wp-block-woocommerce-product-collection[data-collection="related"]
   .wp-block-woocommerce-product-collection[data-collection="related"]
   .wp-block-product-template.is-flex-container.columns-5 > li {flex: 0 0 calc((100% - 2.5rem) / 3) !important; width: calc((100% - 2.5rem) / 3) !important;}
   .wp-block-woocommerce-product-collection .wc-block-product-template.is-flex-container.is-flex-container.columns-5 > li {width: calc((100% - 3rem) / 3) !important;}
   body.single-post .wp-block-columns.is-layout-flex,
    body.page .wp-block-columns.is-layout-flex,
    body.single-product .wp-block-columns.is-layout-flex {
        flex-direction: column !important;
    }

    body.single-post .wp-block-columns.is-layout-flex > .wp-block-column,
    body.page .wp-block-columns.is-layout-flex > .wp-block-column,
    body.single-product .wp-block-columns.is-layout-flex > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
   body.page .columnas-suscripcion-home .wp-block-column {width: auto !important; flex-basis: 85% !important;}
}