/*
Theme Name:     Listify Child
Theme URI:      https://astoundify.com/products/listify/
Template:       listify
Version:        1.0
*/

/* ========================================
   CELEIRO DE CARROS - Custom Styles
   ======================================== */

/* === VARIÁVEIS DE COR === */
:root {
    --branco-gelo: #f3f1eb;
    --creme: #e6dcc8;
    --verde: #628968;
    --verde-escuro: #4a6b50;
    --texto-escuro: #2c2c2c;
}

/* === FAIXA SUPERIOR VERDE === */
#header-top-bar {
    background-color: var(--verde) !important;
    padding: 6px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
}

/* Links da faixa superior */
#header-top-bar a {
    color: #fff !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
}

#header-top-bar a:hover {
    color: var(--creme) !important;
}

/* === HEADER PRINCIPAL === */
#masthead,
.site-header {
    background-color: var(--creme) !important;
    border-bottom: 2px solid var(--verde) !important;
    padding: 0 !important;
}

/* === LOGO MENOR === */
.site-branding,
.custom-logo-link {
    max-width: 140px !important;
}

.custom-logo {
    max-height: 70px !important;
    width: auto !important;
}

/* Esconde slogan do header para ganhar espaço */
.site-description {
    display: none !important;
}

/* === MENU DE NAVEGAÇÃO === */
.main-navigation,
#site-navigation {
    background-color: var(--creme) !important;
}

.main-navigation ul li a,
#site-navigation ul li a {
    color: var(--texto-escuro) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 8px 14px !important;
}

.main-navigation ul li a:hover,
#site-navigation ul li a:hover {
    color: var(--verde) !important;
}

/* === FUNDO GERAL === */
body {
    background-color: var(--branco-gelo) !important;
}

/* === BOTÕES PRINCIPAIS === */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
    background-color: var(--verde) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: var(--verde-escuro) !important;
    color: #fff !important;
}

/* === CARDS DE LISTING === */
.job_listings .job_listing,
.listings .listing {
    background-color: #fff !important;
    border: 1px solid var(--creme) !important;
    border-radius: 6px !important;
}

/* === RODAPÉ === */
#colophon,
.site-footer {
    background-color: var(--verde) !important;
    color: #fff !important;
}

#colophon a,
.site-footer a {
    color: var(--creme) !important;
}

#colophon a:hover,
.site-footer a:hover {
    color: #fff !important;
}