
:root{
    --clc-green:var(--cl-verde-oficial);
    --clc-green-dark:var(--cl-verde-oficial);
    --clc-blue:#1976d2;
    --clc-blue-dark:#125da8;
    --clc-orange:#f39c12;
    --clc-orange-dark:#c97f08;
    --clc-red:#e53935;
    --clc-red-dark:#b92724;
    --clc-dark:#202428;
    --clc-muted:#6f7782;
    --clc-bg:#f4f6f8;
    --clc-card:#ffffff;
    --clc-border:#e4e8ec;
    --clc-radius:12px;
    --clc-shadow:0 8px 22px rgba(24,32,40,.08);
}

/* Base visual para componentes do próprio Core. */
body.clc-design-system .clc-btn,
body.clc-design-system .clc-primary-btn,
body.clc-design-system .clc-actions a,
body.clc-design-system .clc-management-actions a,
body.clc-design-system .clc-editor-submit,
body.clc-design-system .clc-listing-submit{
    min-height:48px!important;
    padding:12px 18px!important;
    border-radius:var(--clc-radius)!important;
    border:0!important;
    font-weight:800!important;
    text-decoration:none!important;
    text-shadow:none!important;
    box-shadow:0 6px 16px rgba(24,32,40,.10)!important;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}

/* Verde = ação principal/positiva */
body.clc-design-system .clc-btn,
body.clc-design-system .clc-primary-btn,
body.clc-design-system .clc-actions a.is-primary,
body.clc-design-system .clc-editor-submit,
body.clc-design-system .clc-listing-submit,
body.clc-design-system a[href*="/anunciar-veiculo/"]{
    background:linear-gradient(135deg,#63E600 0%,var(--clc-green-dark) 100%)!important;
    color:#fff!important;
}

/* Azul = visualizar/editar/informação */
body.clc-design-system .clc-actions a:not(.is-primary):not(.green){
    background:var(--clc-blue)!important;
    color:#fff!important;
}

/* Laranja = renovar/atenção */
body.clc-design-system .clc-renew{
    background:var(--clc-orange)!important;
    color:#fff!important;
}

/* Vermelho = excluir/perigo */
body.clc-design-system .clc-trash,
body.clc-design-system .button.delete,
body.clc-design-system .button.remove{
    background:var(--clc-red)!important;
    color:#fff!important;
}

/* Cinza escuro = pausar/neutro */
body.clc-design-system .clc-pause{
    background:var(--clc-dark)!important;
    color:#fff!important;
}

/* Verde claro = reativar */
body.clc-design-system .clc-reactivate{
    background:var(--clc-green)!important;
    color:#fff!important;
}

body.clc-design-system .clc-btn:hover,
body.clc-design-system .clc-primary-btn:hover,
body.clc-design-system .clc-actions a:hover,
body.clc-design-system .clc-management-actions a:hover,
body.clc-design-system .clc-editor-submit:hover,
body.clc-design-system .clc-listing-submit:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 10px 22px rgba(24,32,40,.16)!important;
    color:#fff!important;
}

/* Cards */
body.clc-design-system .clc-ad,
body.clc-design-system .clc-ad-card,
body.clc-design-system .clc-user-grid > *,
body.clc-design-system .woocommerce-MyAccount-content,
body.clc-design-system .clc-section,
body.clc-design-system .clc-account-section{
    border-radius:16px!important;
    border:1px solid var(--clc-border)!important;
    box-shadow:var(--clc-shadow)!important;
}

/* Status */
body.clc-design-system .clc-status{
    border-radius:999px!important;
    padding:6px 10px!important;
    font-weight:900!important;
}
body.clc-design-system .clc-status.is-published,
body.clc-design-system .clc-status.status-publish{
    background:#e5f7ed!important;
    color:var(--cl-verde-oficial)!important;
}
body.clc-design-system .clc-status.is-pending,
body.clc-design-system .clc-status.status-pending{
    background:#fff3cd!important;
    color:#856404!important;
}
body.clc-design-system .clc-status.is-paused,
body.clc-design-system .clc-status.status-draft{
    background:#eceff1!important;
    color:#394149!important;
}

/* Formulários */
body.clc-design-system input[type="text"],
body.clc-design-system input[type="email"],
body.clc-design-system input[type="tel"],
body.clc-design-system input[type="number"],
body.clc-design-system input[type="password"],
body.clc-design-system select,
body.clc-design-system textarea{
    border-radius:12px!important;
    border:1px solid var(--clc-border)!important;
}

body.clc-design-system input:focus,
body.clc-design-system select:focus,
body.clc-design-system textarea:focus{
    outline:none!important;
    border-color:var(--clc-green)!important;
    box-shadow:0 0 0 4px rgba(99,230,0,.12)!important;
}

/* Botão flutuante Minha Conta */
body.clc-design-system .clc-header-account{
    background:linear-gradient(135deg,#63E600 0%,var(--clc-green-dark) 100%)!important;
    border-color:rgba(255,255,255,.25)!important;
}

/* Responsivo */
@media(max-width:720px){
    body.clc-design-system .clc-actions,
    body.clc-design-system .clc-management-actions{
        gap:8px!important;
    }

    body.clc-design-system .clc-btn,
    body.clc-design-system .clc-primary-btn,
    body.clc-design-system .clc-editor-submit,
    body.clc-design-system .clc-listing-submit{
        width:100%!important;
    }
}

/* 4.3.4 — Correção de contraste nas estatísticas/informações do anúncio. */
body.clc-design-system .clv-grid-info,
body.clc-design-system .clv-grid-info *,
body.clc-design-system .clv-info-item,
body.clc-design-system .clv-info-item *{
    text-shadow:none!important;
}

body.clc-design-system .clv-info-item{
    background:#ffffff!important;
    border:1px solid #e5e7eb!important;
    color:#111827!important;
}

body.clc-design-system .clv-info-item small,
body.clc-design-system .clv-info-item .label,
body.clc-design-system .clv-info-item .clv-label{
    color:#6b7280!important;
    opacity:1!important;
}

body.clc-design-system .clv-info-item strong,
body.clc-design-system .clv-info-item b,
body.clc-design-system .clv-info-item .value,
body.clc-design-system .clv-info-item .clv-value,
body.clc-design-system .clv-info-item p{
    color:#111827!important;
    opacity:1!important;
}

body.clc-design-system .clv-info-item span:not(.label):not(.value):not(.clv-label):not(.clv-value){
    opacity:1!important;
}

/* Compatibilidade com cards de estatísticas criados por versões anteriores. */
body.clc-design-system .clc-listing-stats,
body.clc-design-system .clc-listing-stats *,
body.clc-design-system .clc-vehicle-stats,
body.clc-design-system .clc-vehicle-stats *,
body.clc-design-system .vehicle-stats,
body.clc-design-system .vehicle-stats *{
    text-shadow:none!important;
}

body.clc-design-system .clc-listing-stats .stat-card,
body.clc-design-system .clc-vehicle-stats .stat-card,
body.clc-design-system .vehicle-stats .stat-card{
    background:#ffffff!important;
    border-color:#e5e7eb!important;
}

body.clc-design-system .clc-listing-stats strong,
body.clc-design-system .clc-listing-stats b,
body.clc-design-system .clc-listing-stats .value,
body.clc-design-system .clc-vehicle-stats strong,
body.clc-design-system .clc-vehicle-stats b,
body.clc-design-system .clc-vehicle-stats .value,
body.clc-design-system .vehicle-stats strong,
body.clc-design-system .vehicle-stats b,
body.clc-design-system .vehicle-stats .value{
    color:#111827!important;
    opacity:1!important;
}

body.clc-design-system .clc-listing-stats small,
body.clc-design-system .clc-listing-stats .label,
body.clc-design-system .clc-vehicle-stats small,
body.clc-design-system .clc-vehicle-stats .label,
body.clc-design-system .vehicle-stats small,
body.clc-design-system .vehicle-stats .label{
    color:#6b7280!important;
    opacity:1!important;
}

/* 6.6.6 — verde oficial extraído da marca Carros Lagarto */
:root{
    --clc-green:var(--cl-verde-oficial);
    --clc-green-dark:var(--cl-verde-oficial);
}
body.clc-design-system .clc-btn,
body.clc-design-system .clc-primary-btn,
body.clc-design-system .clc-actions a.is-primary,
body.clc-design-system .clc-editor-submit,
body.clc-design-system .clc-listing-submit,
body.clc-design-system a[href*="/anunciar-veiculo/"],
body.clc-design-system .clc-header-account{
    background:linear-gradient(135deg,#63E600 0%,#63E600 100%)!important;
}
body.clc-design-system a:not(.clc-trash):not(.button):hover,
body.clc-design-system .clc-link,
body.clc-design-system .clc-accent,
body.clc-design-system input:checked + label{
    accent-color:var(--cl-verde-oficial);
}
body.clc-design-system input:focus,
body.clc-design-system select:focus,
body.clc-design-system textarea:focus{
    border-color:var(--cl-verde-oficial)!important;
    box-shadow:0 0 0 4px rgba(99,230,0,.16)!important;
}


/* Global Motors/WooCommerce override */
:root{
 --stm-base-color: var(--clc-green)!important;
 --motors-primary-color: var(--clc-green)!important;
}
a,
.stm-color-primary,
.stm-template-listing_two .price,
.stm_listing_price,
.price,
.woocommerce-Price-amount,
.stm_rent_price,
.stm-car-price,
.stm-price,
[class*="price"],
[class*="green"],
button,
input[type=submit],
input[type=button],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.btn,
.stm-button,
.stm-btn{
 color:inherit;
}
button,
input[type=submit],
input[type=button],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.btn,
.stm-button,
.stm-btn,
a.button{
 background:var(--clc-green)!important;
 border-color:var(--clc-green)!important;
 color:#fff!important;
}
button:hover,
input[type=submit]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.btn:hover,
.stm-button:hover{
 background:var(--clc-green-dark)!important;
 border-color:var(--clc-green-dark)!important;
}
.stm_listing_price,
.stm-car-price,
.stm-price,
.price,
.woocommerce-Price-amount,
.stm-color-primary,
a:hover{
 color:var(--clc-green)!important;
}


/* ==========================================================
   6.8.7 — VERDE ÚNICO DO LAYOUT DE REFERÊNCIA
   Cor principal observada na página de anúncio: #63E600.
   Esta camada é carregada por último e unifica os componentes
   públicos do Carros Lagarto sem alterar cores de erro/alerta.
   ========================================================== */
:root,
body.clc-design-system{
    --clc-green:var(--cl-verde-oficial)!important;
    --clc-green-dark:var(--cl-verde-oficial)!important;
    --cl-green:var(--cl-verde-oficial)!important;
    --cl-green-dark:var(--cl-verde-oficial)!important;
    --stm-base-color:var(--cl-verde-oficial)!important;
    --stm-secondary-color:var(--cl-verde-oficial)!important;
    --motors-primary-color:var(--cl-verde-oficial)!important;
}

/* textos, preços, títulos pequenos, ícones e estados ativos */
body.clc-design-system :is(
    .clc-accent,.clc-link,.clc-price,.clv-price,.clv-kicker,
    .clc-category-title,.clc-category-count,.clc-step.is-active,
    .clc-progress-current,.clc-status-active,.clc-icon-green,
    .stm-color-primary,.stm_listing_price,.stm-car-price,.stm-price,
    .woocommerce-Price-amount,.price,.amount
){color:var(--cl-verde-oficial)!important;}

/* botões principais */
body.clc-design-system :is(
    .clc-btn,.clc-primary-btn,.clc-editor-submit,.clc-listing-submit,
    .clc-header-account,.clc-whatsapp,.clv-whatsapp,.clc-submit,
    button[type="submit"],input[type="submit"],input[type="button"],
    a.button,.button,.btn,.stm-button,.stm-btn,
    .woocommerce a.button,.woocommerce button.button,.woocommerce input.button
){
    background:var(--cl-verde-oficial)!important;
    background-image:none!important;
    border-color:var(--cl-verde-oficial)!important;
    color:#fff!important;
}
body.clc-design-system :is(
    .clc-btn,.clc-primary-btn,.clc-editor-submit,.clc-listing-submit,
    .clc-header-account,.clc-whatsapp,.clv-whatsapp,.clc-submit,
    button[type="submit"],input[type="submit"],input[type="button"],
    a.button,.button,.btn,.stm-button,.stm-btn,
    .woocommerce a.button,.woocommerce button.button,.woocommerce input.button
):hover{
    background:var(--cl-verde-oficial)!important;
    background-image:none!important;
    border-color:var(--cl-verde-oficial)!important;
    color:#fff!important;
}

/* foco, seleção, paginação e controles */
body.clc-design-system :is(input,select,textarea):focus{
    border-color:var(--cl-verde-oficial)!important;
    box-shadow:0 0 0 4px rgba(99,230,0,.16)!important;
}
body.clc-design-system :is(input[type="checkbox"],input[type="radio"],progress){
    accent-color:var(--cl-verde-oficial)!important;
}
body.clc-design-system :is(
    .current,.active,.is-active,.selected,
    .page-numbers.current,.swiper-pagination-bullet-active,
    .clc-badge,.clc-tag,.clc-step-number.is-active
){
    border-color:var(--cl-verde-oficial)!important;
}
body.clc-design-system :is(
    .page-numbers.current,.swiper-pagination-bullet-active,
    .clc-step-number.is-active,.clc-badge.is-primary,.clc-tag.is-primary
){
    background-color:var(--cl-verde-oficial)!important;
    color:#fff!important;
}

/* links do ecossistema Carros Lagarto */
body.clc-design-system :is(
    .clc-content,.clc-form,.clc-card,.clc-dashboard,.clc-single-vehicle,
    .clc-single-category-ad,.clc-category-page,.clc-account
) a:not(.button):not(.clc-btn):not(.clc-whatsapp){color:var(--cl-verde-oficial)!important;}
body.clc-design-system :is(
    .clc-content,.clc-form,.clc-card,.clc-dashboard,.clc-single-vehicle,
    .clc-single-category-ad,.clc-category-page,.clc-account
) a:not(.button):not(.clc-btn):not(.clc-whatsapp):hover{color:var(--cl-verde-oficial)!important;}
