/*
	Theme Name: GvAutomotion
	Theme URI:
	Description: Tema para la tienda virtual de GvAutomotion
	Author: Andrés Pulgarín.
	Template: storefront
	Version: 1.0
	License: GNU General Public License v2 or later
	Tags: Compra y venta de coches de segunda mano y ocación.
*/

:root {
    /* Fuentes */
    /* --fuentePrincipal: 'Poppins';
    --fuenteSecundaria: 'Poppins';
    --fuenteTerciaria: 'Poppins'; */
    /* Colores */
    /* --colorPrimario: #de1b83; */
    --colorPrimario: #eeeeee;
    --colorSecundario: #21bbb4;
    --colorTerciario: #565656;
    --yellow: yellow;
    --white: #ffffff;
    --black: #000000;
    --grisClaro: #ebebeb;
    --grisOscuro: #565656;
    --red: red;
    --azul: #026deb;
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    /* Now 10px = 1rem! */
}

body {
    font-size: 16px;
    /* px fallback */
    font-size: 1.6rem;
    /* default font-size for document */
    line-height: 2;
    /* a nice line-height */
    font-family: var(--fuenteTerciaria);
}

*,
*:before,
*:after {
    box-sizing: inherit;
}


/* Headings */

h1,
h2,
h3,
h4 {
    font-family: var(--fuentePrincipal);
    margin: 1rem 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 2rem;
    text-align: center;
    color: #565656;
    text-shadow: 0 0 black;
}

@media (min-width: 768px) {
    h1,
    h2,
    h3,
    h4 {
        font-family: var(--fuentePrincipal);
        margin: 1rem 0;
        line-height: 1.2;
    }
}


/* Ocultar botones en dispositivos móviles */

@media (max-width: 768px) {
    .storefront-handheld-footer-bar {
        display: none;
    }
}

.site-header-cart .cart-contents {
    display: none;
}

.nota {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: black;
}

.nota a {
    color: white;
    padding: 1rem 0;
    margin: 0.5rem auto;
}

.nota a:hover {
    color: #dbd1d1;
}

.creditos {
    display: block;
    background-color: var(--black);
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 1rem;
    font-size: 1rem;
}

.breadcrumb-trail a {
    color: var(--colorSecundario);
}


/* seccion movil */

@media (max-width:720px) {
    .home.blog .site-header,
    .home.page:not(.page-template-template-homepage) .site-header,
    .home.post-type-archive-product .site-header {
        background-image: url(https://gvautomotion.com/wp-content/uploads/2025/03/background_home.jpg);
        width: 100%;
        height: 640px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        /* display: grid;
        grid-template-columns: 90% 10%; */
    }
    .site-branding {
        width: calc(80% - 120px);
    }
    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        width: 100%;
        max-width: 73px;
    }
    button.menu-toggle:after {
        margin-top: 5px;
    }
    .main-navigation.toggled button.menu-toggle:after {
        margin-top: 0;
    }
    button.menu-toggle span:before {
        margin-top: 2px;
    }
    nav button.menu-toggle,
    button.menu-toggle:hover {
        background-color: #00000000;
        border-color: #00000000;
        border: none;
    }
    .main-navigation.toggled nav button.menu-toggle {
        margin-top: 1rem;
    }
    button.menu-toggle:after,
    button.menu-toggle:before,
    button.menu-toggle span:before {
        background-color: var(--colorSecundario);
        width: 2.5rem;
    }
    .home nav button:focus,
    .home a:focus {
        outline-color: #00000000;
    }
    .secondary-navigation {
        display: block;
    }
    ul#menu-menu-secundario {
        list-style-type: none;
        text-align: center;
    }
    li#menu-item-153 {
        background-image: url(https://gvautomotion.com/wp-content/uploads/2025/03/mail_heades.png);
        width: 30px;
        height: 25px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        display: inline-block;
        margin-right: 2rem;
    }
    ul.menu li#menu-item-153 a {
        color: #ffffff00;
    }
    li#menu-item-155 {
        background-image: url(https://gvautomotion.com/wp-content/uploads/2025/03/telf_header.png);
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        display: inline-block;
        margin-right: 2rem;
    }
    ul.menu li#menu-item-155 a {
        color: #ffffff00;
    }
    header#masthead.site-header::before {
        grid-row: 1/1;
        display: none;
    }
    .home.page:not(.page-template-template-homepage) .site-header {
        margin-bottom: 0;
    }
    #content .col-full {
        margin: 0 auto;
    }
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        padding: 0 1rem;
        line-height: 1.3;
    }
    .storefront-breadcrumb {
        display: none;
    }
    .breadcrumb-trail {
        /* text-transform: uppercase;
    background-color: black;
    color: white;
    padding: 1rem;
    border-radius: 20px;
    font-weight: 700; */
        display: none;
        margin: 0;
        padding: 0;
    }
    .hentry .entry-content .wp-block-columns .wp-block-column {
        margin-bottom: 0;
    }
    .home-stock-carta .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
        margin: 4rem auto;
    }
    body.custom-background .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
        background-color: #000000;
        margin: 0 auto;
        background-image: url(https://gvautomotion.com/wp-content/uploads/2025/03/Fondo-linias.png);
        background-repeat: round;
    }
    .hentry .entry-content figure.wp-block-image,
     :where(.wp-block-columns),
    .site-main {
        margin: 0;
    }
    .wp-block-buttons.alignwide.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-1.wp-block-buttons-is-layout-flex {
        background-color: black;
        padding-bottom: 5rem;
    }
    .home .wp-block-button__link:not(.has-background) {
        background-color: #21bbb4;
    }
    .wp-block-image.footer-logo {
        width: 35%;
        text-align: center;
        margin: 0 auto;
    }
    .block.footer-widget-1 {
        margin: 0 auto;
        padding: 0 1rem;
    }
    footer .widget {
        margin: 0 auto;
    }
    footer.site-footer {
        padding: 0;
        padding-bottom: 1rem;
    }
     :root :where(.is-layout-flex) {
        gap: 10px;
    }
    #block-22,
    #block-23 {
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    p.has-small-font-size {
        padding: 0;
        margin: 0.2rem auto;
    }
    .seccio1 {
        background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 1) 100%);
    }
    .seccio2 {
        background: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 1) 100%);
    }
    .entry-content .wp-block-column p {
        padding: 4rem 1rem;
    }
    nav#site-navigation {
        /* background-color: red; */
        margin: -55px 3px;
    }
    .main-navigation.toggled {
        position: fixed;
        /* Hace que se fije al viewport */
        top: 0;
        left: 0;
        width: 100vw;
        /* Cubre todo el ancho de la pantalla */
        height: 100vh;
        /* Cubre todo el alto de la pantalla */
        background-color: rgba(0, 0, 0, 0.8);
        /* Fondo negro con algo de transparencia */
        z-index: 999;
        padding: 1rem;
        text-align: center;
        margin: 0!important;
        transition: all 0.8s ease-in;
    }
    .main-navigation.toggled li {
        border-top: 1px solid var(--colorSecundario);
        border-bottom: 1px solid var(--colorSecundario);
    }
    ul#menu-menu-para-moviles {
        margin: 5rem auto;
    }
    .handheld-navigation {
        transition: none;
    }
}