/*
Theme Name: Car Dealer Show
Theme URI: https://cardealerthemes.com/
Author: sminozzi
Author URI: https://billminozzi.com/
Description: Car Dealer Show is a powerful and modern WordPress Block Theme crafted specifically for car dealerships, vehicle marketplaces, auto traders, used car lots, and other automotive-related businesses. Built with Full Site Editing (FSE) at its core, this theme gives you complete visual control over every part of your website—no coding required. It includes a variety of pre-designed block patterns, making it easy to build professional sections for services, FAQs, featured listings, and more. All colors, typography, and layouts can be customized directly in the Site Editor. The theme is fully responsive, retina-ready, and optimized for fast loading across all screen sizes—delivering a smooth and consistent experience on mobile, tablet, and desktop. CarDealer Show is compatible with Gutenberg, Elementor, and other popular page builders, giving you the freedom to design your site with your preferred tools. When paired with the optional (and free) Car Dealer plugin, you unlock powerful listing management features. Dealers gain full control over their inventory, with support for unlimited custom fields, vehicle categories, image galleries, and more. Advanced search filters offer a tailored experience for users to quickly find the cars they’re looking for. Whether you're an independent dealer or part of a larger automotive network, Car Dealer Show offers seamless Full Site Editing support, lightweight and SEO-optimized code, ready-to-use block patterns, and translation-ready support. Get your car dealership website online in minutes—with flexibility, performance, and style. For live demos, detailed documentation, video, support and more information, visit our official website: https://cardealerthemes.com/
Version: 1.57
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: car-dealer-show
Tags: full-site-editing, block-patterns, translation-ready, e-commerce, portfolio, blog, custom-background, custom-logo, editor-style, one-column, wide-blocks
*/
/*-- 1.1 Top Bar --*/
.car-top-bar {
    background: var(--wp--preset--color--topbar);
    padding: 5px var(--wp--preset--spacing--40);
    color: var(--wp--preset--color--base);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar-contact-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-item p {
    margin: 0;
    padding: 0;
}

/*-- 1.2 Main Header Area --*/
.wp-block-column .car-container-logo {
    background-color: var(--wp--preset--color--backmenu);
    min-height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.wp-block-column .car-container-logo::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 10px;
    background-color: white;
    transform: skewX(-15deg);
    transform-origin: left;
    z-index: -1;
}

.wp-block-column .car-container-menu {
    background-color: var(--wp--preset--color--backmenu);
    min-height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
}

/*-- 1.3 Navigation & Submenu --*/
.wp-block-column.car-container-menu .wp-block-navigation-item>a {
    color: var(--wp--preset--color--colormenu);
    text-decoration: none;
}

.wp-block-column.car-container-menu .wp-block-navigation-item>a:hover {
    text-decoration: underline;
}

.wp-block-navigation__submenu-icon svg {
    stroke: var(--wp--preset--color--base);
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--backmenu);
    padding: 10px;
    border-top: 33px solid var(--wp--preset--color--topbar);
    min-width: 200px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item__link {
    color: var(--wp--preset--color--colormenu);
    padding: 5px 10px;
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item__link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item.has-child>.wp-block-navigation-item__link {
    padding-right: 10px;
}

/*-- 1.4 Footer --*/
.car-footer {
    padding: 10px;
}

.car-footer h2.wp-block-heading.car-footer-heading {
    color: var(--wp--preset--color--base);
    font-size: 18px;
}

.car-footer .car-footer-copy a {
    color: inherit;
    text-decoration: underline;
}

/* Calendar Block */
.wp-block-calendar table:where(:not(.has-text-color)) th {
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--contrast);
}

.wp-block-calendar table:where(:not(.has-text-color)) td {
    border-color: var(--wp--preset--color--contrast);
}

.wp-block-categories {
    list-style-type: none;
    padding-left: 0;
}

.wp-block-categories li {
    margin-bottom: 0.5rem;
}

.wp-block-post-terms .wp-block-post-terms__prefix {
    color: var(--wp--preset--color--contrast);
}

.wp-block-loginout input,
.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input,
.wp-block-search .wp-block-search__input {
    border-radius: .33rem;
}

.wp-block-loginout input {
    padding: calc(0.667em + 2px);
    border: 1px solid #949494;
}

.wp-block-query-title span {
    font-style: italic;
}

.wp-block-quote :where(p) {
    margin-block-start: 0;
    margin-block-end: calc(var(--wp--preset--spacing--10) + 0.5rem);
}

.wp-block-quote :where(:last-child) {
    margin-block-end: 0;
}

.wp-block-quote.has-text-align-right.is-style-plain,
.rtl .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-left) {
    border-width: 0 2px 0 0;
    padding-left: calc(var(--wp--preset--spacing--20) + 0.5rem);
    padding-right: calc(var(--wp--preset--spacing--20) + 0.5rem);
}

.wp-block-quote.has-text-align-left.is-style-plain,
body:not(.rtl) .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right) {
    border-width: 0 0 0 2px;
    padding-left: calc(var(--wp--preset--spacing--20) + 0.5rem);
    padding-right: calc(var(--wp--preset--spacing--20) + 0.5rem);
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull) {
    width: var(--wp--preset--spacing--60);
}

:where(*:focus-visible) {
    outline: 2px solid var(--wp--preset--color--contrast, #0073aa);
    outline-offset: 2px;
}

:where(*:focus):not(:focus-visible) {
    outline: none;
}

.car-container-menu .wp-block-navigation-item>a:focus-visible,
.car-container-menu .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item__link:focus-visible,
.car-container-menu .wp-block-navigation-submenu__toggle:focus-visible {
    outline: 2px solid var(--wp--preset--color--base, #FFFFFF);
    outline-offset: 3px;
    border-radius: 2px;
}

.car-container-menu .wp-block-navigation-submenu .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle:focus-visible svg {
    stroke: var(--wp--preset--color--base, #FFFFFF) !important;
    fill: var(--wp--preset--color--base, #FFFFFF) !important;
}

.wp-block-social-links .wp-block-social-link-anchor:focus-visible {
    outline: 2px solid var(--wp--preset--color--base, #FFFFFF);
    outline-offset: 3px;
    border-radius: 2px;
}

.wp-block-social-links .wp-block-social-link-anchor:focus-visible svg {
    stroke: var(--wp--preset--color--base, #FFFFFF) !important;
    fill: var(--wp--preset--color--base, #FFFFFF) !important;
}

.wp-block-site-logo img {
    width: auto !important;
    max-height: 80px !important;
}

@media (max-width: 900px) {
    .car-top-bar {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }

    .wp-block-column.car-container-logo,
    .wp-block-column.car-container-menu {
        min-height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .wp-block-column.car-container-menu .wp-block-navigation {
        margin: auto;
    }

    html.has-modal-open .wp-site-blocks::before {
        background-color: transparent;
        opacity: 0;
        pointer-events: none;
    }

    .wp-block-navigation__responsive-dialog {
        background-color: var(--wp--preset--color--backmenu);
        padding: 10px;
    }

    .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-close svg {
        fill: var(--wp--preset--color--colormenu);
    }

    .wp-block-navigation__responsive-container-open svg {
        fill: var(--wp--preset--color--colormenu);
    }

    .wp-block-navigation__responsive-dialog .wp-block-navigation-item a {
        color: var(--wp--preset--color--colormenu);
        font-size: 1.5rem;
    }
}

.wp-block-group .wp-block-columns .wp-block-column[style*="flex-basis:32px"] .wp-block-image {
    background-color: #075414;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.wp-block-group .wp-block-columns .wp-block-column[style*="flex-basis:32px"] .wp-block-image img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/*
 * FORÇA a imagem DENTRO de um bloco .size-full
 * a ocupar 100% da largura do seu contentor.
*/
.wp-block-image.size-full img {
    width: 100%;
    height: auto;
    /* Mantém a proporção para não distorcer a altura */
}

/*
.has-soft-background {
    background-color: #F5F5F5 !important;
}
*/

/*
.has-soft-background {
    background-color: rgba(var(--wp--preset--rgb--backmenu), 0.3) !important;
}
*/

/* --- Estilo de Fundo Suave para Blocos de Conteúdo --- */
/* Clareia a cor de fundo escolhida misturando-a com 20% de branco. */
/* Funciona APENAS em blocos com a classe .has-soft-background */
/* e que usem uma das cores de paleta de uso geral. */

/* Regra para a cor 'Base' (slug: base) */
.has-soft-background.has-base-background-color {
    background-color: color-mix(in srgb, var(--wp--preset--color--base), white 20%) !important;
}

/* Regra para a cor 'Base / Two' (slug: base-2) */
.has-soft-background.has-base-2-background-color {
    background-color: color-mix(in srgb, var(--wp--preset--color--base-2), white 20%) !important;
}

/* Regra para a cor 'Contrast' (slug: contrast) */
.has-soft-background.has-contrast-background-color {
    background-color: color-mix(in srgb, var(--wp--preset--color--contrast), white 20%) !important;
}

/* Regra para a cor 'Contrast / 2' (slug: contrast-2) */
.has-soft-background.has-contrast-2-background-color {
    background-color: color-mix(in srgb, var(--wp--preset--color--contrast-2), white 20%) !important;
}

/* Nov 25 */

.wp-block-group.has-dynamic-gradient.has-base-2-background-color {
    /* Primeiro defina a cor de fundo sólida */
    background-color: var(--wp--preset--color--base-2);

    /* Depois adicione apenas os gradientes escuros nos cantos */
    background-image:
        linear-gradient(135deg, rgba(0, 0, 0, 0.25) 0%, transparent 50%),
        linear-gradient(225deg, rgba(0, 0, 0, 0.25) 0%, transparent 50%),
        linear-gradient(45deg, rgba(0, 0, 0, 0.25) 0%, transparent 50%),
        linear-gradient(315deg, rgba(0, 0, 0, 0.25) 0%, transparent 50%);

    background-repeat: no-repeat;
    background-size:
        50% 50%,
        /* Canto superior esquerdo */
        50% 50%,
        /* Canto superior direito */
        50% 50%,
        /* Canto inferior esquerdo */
        50% 50%;
    /* Canto inferior direito */

    background-position:
        top left,
        /* Superior esquerdo */
        top right,
        /* Superior direito */
        bottom left,
        /* Inferior esquerdo */
        bottom right;
    /* Inferior direito */
}

.wp-block-spacer {
    display: none !important;
}