/*
Theme Name: Nitka Firany
Theme URI: https://nitkafirany.pl
Author: KZB Studio
Author URI: https://kzbstudio.pl
Description: Dedykowany motyw dla salonu firan i zasłon Nitka Firany — Tailwind CSS, ACF, WooCommerce.
Template: oceanwp
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: nitka
Tags: woocommerce, custom-menu, featured-images, full-width-template
*/

:root {
    --gold-50:  #faf8f5;
    --gold-100: #f3ede2;
    --gold-200: #e3d5bf;
    --gold-300: #cca772;
    --gold-400: #b89053;
    --gold-500: #9e753b;
    --gold-900: #3a2a14;

    --stone-800: #292524;
    --stone-900: #1c1917;
    --stone-950: #0c0a09;

    --font-serif: 'Cormorant Garamond', serif;
    --font-sans:  'Montserrat', sans-serif;
}

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

body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--gold-50);
    color: var(--stone-800);
    margin: 0;
    padding: 0;
}

/* Usunięcie domyślnych stylów OceanWP na stronie głównej — Tailwind przejmuje całość */
.ocean-main-content-wrap,
.site-main { padding: 0; margin: 0; }

/* Override OceanWP — nagłówki na ciemnym tle */
#jak-pracujemy h2,
#jak-pracujemy h3 { color: #fff; }

/* WooCommerce cena — !important bo OceanWP woo CSS ładuje się po naszym */
.woocommerce-Price-amount.amount { color: var(--stone-900) !important; }
.price { color: var(--stone-900) !important; }

/* ============================================================
   LAYOUT PODSTRON
   ============================================================ */

/* page-header pod fixed navbar */
body:not(.home) .page-header {
    margin-top: 7rem;
    padding: 2rem 0;
    background: #fff;
    border-bottom: 1px solid var(--gold-200);
}

body:not(.home) .page-header .container {
    max-width: 80rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Ukryj subheading (opis archiwum) — tytuł wystarczy */
body:not(.home) .page-header .page-subheading {
    display: none;
}

body:not(.home) .page-header h1.page-header-title {
    font-family: var(--font-serif) !important;
    font-size: 2.25rem !important;
    font-weight: 300 !important;
    color: var(--stone-900) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

/* Fallback padding jeśli page-header nie renderuje */
body:not(.home) #content-wrap {
    padding-top: 2rem;
    padding-bottom: 4rem;
}

/* Gdy page-header jest renderowany, reduce content-wrap padding-top */
body:not(.home):has(.page-header) #content-wrap {
    padding-top: 2rem;
}

/* OceanWP ma .container { width: 1200px } — stały px; nadpisujemy na 100% responsywne */
body:not(.home) #content-wrap.container,
body:not(.home) .page-header .container,
body:not(.home) .page-header-inner {
    width: 100% !important;
    max-width: 80rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    box-sizing: border-box !important;
}

/* Pełna szerokość głównej kolumny gdy brak sidebara */
body:not(.home) #primary {
    width: 100% !important;
    float: none !important;
    padding: 0;
}

/* Ukryj sidebar jeśli PHP filter nie zadziałał */
body:not(.home) #sidebar,
body:not(.home) .sidebar-container {
    display: none !important;
}

/* ============================================================
   TYPOGRAFIA PODSTRON
   !important potrzebne bo OceanWP wstrzykuje inline CSS z customizera
   ============================================================ */
body:not(.home) {
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: var(--stone-800);
}

body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6 {
    font-family: var(--font-serif) !important;
    color: var(--stone-900);
    font-weight: 300;
    line-height: 1.25 !important;
    margin-bottom: 0.75rem;
}

body:not(.home) h1.entry-title,
body:not(.home) .woocommerce h1.entry-title {
    font-size: 2.25rem !important;
    font-weight: 300;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gold-200);
}

body:not(.home) h2 { font-size: 1.75rem !important; }
body:not(.home) h3 { font-size: 1.375rem !important; }

body:not(.home) p {
    margin-bottom: 1rem;
    color: var(--stone-800);
}

body:not(.home) a {
    color: var(--gold-500);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: color 0.2s, text-decoration-color 0.2s;
}

body:not(.home) a:hover {
    color: var(--gold-900);
    text-decoration-color: var(--gold-300);
}

/* ============================================================
   WOOCOMMERCE — FORMULARZE (logowanie, rejestracja, checkout)
   ============================================================ */
.woocommerce-account .woocommerce,
.woocommerce-page .woocommerce {
    padding: 0;
}

.woocommerce input.input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce select,
.woocommerce textarea {
    border: 1px solid var(--gold-200) !important;
    border-radius: 0.75rem !important;
    padding: 0.75rem 1rem !important;
    font-family: var(--font-sans) !important;
    font-size: 0.875rem !important;
    color: var(--stone-800) !important;
    background: #fff !important;
    width: 100% !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s !important;
    height: auto !important;
}

.woocommerce input.input-text:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
    border-color: var(--gold-300) !important;
    box-shadow: 0 0 0 3px rgba(204, 167, 114, 0.15) !important;
}

.woocommerce label,
.woocommerce .form-row label {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #57534e;
    margin-bottom: 0.375rem;
    display: block;
}

/* Przyciski WooCommerce */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.button {
    background-color: var(--stone-900) !important;
    color: #fff !important;
    border-radius: 9999px !important;
    padding: 0.875rem 2rem !important;
    font-family: var(--font-sans) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s !important;
    display: inline-block !important;
    height: auto !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--gold-300) !important;
    color: var(--stone-950) !important;
}

.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
    background-color: var(--gold-300) !important;
    color: var(--stone-950) !important;
}

.woocommerce .button.alt:hover {
    background-color: var(--gold-500) !important;
    color: #fff !important;
}

/* Formularz logowania / rejestracji */
.woocommerce-account .oceanwp-loginform-wrap,
.woocommerce form.woocommerce-form-login,
.woocommerce form.register,
.woocommerce form.checkout_coupon {
    background: #fff;
    border: 1px solid var(--gold-200);
    border-radius: 1.25rem;
    padding: 2rem 2.5rem;
    max-width: 32rem;
    margin: 0 auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce form.woocommerce-form-login .lost_password a {
    color: var(--gold-500);
}

/* ============================================================
   WOOCOMMERCE — SKLEP (archiwum produktów, OceanWP layout)
   ============================================================ */

/* Grid produktów — WC blocks CSS daje display:grid bez columns, OceanWP floaty nie działają */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* OceanWP float-grid: span_1_of_3=33%, tablet-2-col=50%, mobile-1-col=100% — wszystkie !important */
/* Używamy .products.tablet-2-col li.product dla wyższego specificity (0,4,2) vs OceanWP (0,4,0) */
.woocommerce ul.products li.product,
.woocommerce ul.products.tablet-2-col li.product,
.woocommerce ul.products.mobile-1-col li.product {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 580px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }

    /* Tabela zamówień — stacked layout na mobile */
    .woocommerce-account table.woocommerce-orders-table thead {
        display: none !important;
    }

    .woocommerce-account table.woocommerce-orders-table,
    .woocommerce-account table.woocommerce-orders-table tbody,
    .woocommerce-account table.woocommerce-orders-table tr {
        display: block !important;
        width: 100% !important;
    }

    .woocommerce-account table.woocommerce-orders-table tr {
        margin-bottom: 1rem !important;
        border: 1px solid var(--gold-200) !important;
        border-radius: 0.75rem !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    .woocommerce-account table.woocommerce-orders-table td,
    .woocommerce-account table.woocommerce-orders-table th {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0.625rem 1rem !important;
        border-bottom: 1px solid var(--gold-100) !important;
        text-align: right !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce-account table.woocommerce-orders-table td:last-child,
    .woocommerce-account table.woocommerce-orders-table th:last-child {
        border-bottom: none !important;
    }

    .woocommerce-account table.woocommerce-orders-table td::before,
    .woocommerce-account table.woocommerce-orders-table th::before {
        content: attr(data-title);
        font-size: 0.6875rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        color: #78716c !important;
        text-align: left !important;
        flex-shrink: 0 !important;
        margin-right: 1rem !important;
    }

    /* Formularz logowania / rejestracji — pełna szerokość na mobile */
    .woocommerce-account .oceanwp-loginform-wrap,
    .woocommerce form.woocommerce-form-login,
    .woocommerce form.register,
    .woocommerce form.checkout_coupon {
        padding: 1.5rem !important;
        border-radius: 1rem !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Zapobiegaj overflow na mobile */
    body:not(.home) #content-wrap {
        overflow-x: hidden;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Karta produktu — OceanWP używa .product-inner zamiast li.product */
.woocommerce ul.products li.product .product-inner {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid var(--gold-200);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.woocommerce ul.products li.product .product-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

/* ul.woo-entry-inner wypełnia resztę karty */
.woocommerce ul.products li.product ul.woo-entry-inner {
    flex: 1 !important;
}

/* Reset OceanWP horizontal layout — wymuszamy pionowy układ kart */
.woocommerce ul.products li.product ul.woo-entry-inner {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.woocommerce ul.products li.product ul.woo-entry-inner li {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ukryj duplikację obrazka poza ul.woo-entry-inner */
.woocommerce ul.products li.product .product-inner > .woo-entry-image {
    display: none !important;
}

/* Obrazek produktu */
.woocommerce ul.products li.product li.image-wrap {
    width: 100% !important;
    float: none !important;
}

.woocommerce ul.products li.product li.image-wrap .woo-entry-image {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product li.image-wrap .woo-entry-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.woocommerce ul.products li.product li.image-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

/* Ukryj Quick View i kategorię */
.owp-quick-view { display: none !important; }
.woocommerce ul.products li.product .woo-entry-inner li.category { display: none !important; }

/* Sekcja tytułu, ceny, przycisku — selektory z ul.woo-entry-inner dla wyższego specificity */
.woocommerce ul.products li.product ul.woo-entry-inner li.title {
    padding: 1rem 1rem 0.375rem !important;
}

.woocommerce ul.products li.product ul.woo-entry-inner li.title h2 {
    font-family: var(--font-serif) !important;
    font-size: 1rem !important;
    font-weight: 400;
    color: var(--stone-900) !important;
    line-height: 1.4;
    margin: 0 !important;
    /* zawsze 2 linijki */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: calc(1rem * 1.4 * 2) !important;
}

@media (max-width: 580px) {
    .woocommerce ul.products li.product ul.woo-entry-inner li.title h2 {
        font-size: 1.125rem !important;
        height: calc(1.125rem * 1.4 * 2) !important;
    }
}

.woocommerce ul.products li.product ul.woo-entry-inner li.title h2 a {
    color: var(--stone-900) !important;
    text-decoration: none !important;
    font-size: inherit !important;
}

.woocommerce ul.products li.product ul.woo-entry-inner li.price-wrap {
    padding: 0.375rem 1rem 0.75rem !important;
}

.woocommerce ul.products li.product ul.woo-entry-inner li.price-wrap .price,
.woocommerce ul.products li.product .price {
    color: var(--stone-900) !important;
    font-weight: 700;
    font-size: 1rem !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product ul.woo-entry-inner li.rating,
.woocommerce ul.products li.product ul.woo-entry-inner li.woo-desc { display: none !important; }

/* Przycisk dodaj do koszyka */
.woocommerce ul.products li.product ul.woo-entry-inner li.btn-wrap {
    padding: 0 1rem 1rem !important;
    margin-top: auto !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.625rem 1rem !important;
    text-align: center !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em;
    border-radius: 0.5rem !important;
    white-space: nowrap !important;
}

/* Breadcrumbs — ukryj */
.woocommerce .woocommerce-breadcrumb,
.ocean-breadcrumb,
#breadcrumbs {
    display: none;
}

/* Paginacja sklep */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border-color: var(--gold-200);
    color: var(--stone-800);
    border-radius: 0.5rem;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--gold-300);
    border-color: var(--gold-300);
    color: var(--stone-950);
}

/* Wynik wyszukiwania / liczba produktów */
.woocommerce-result-count,
.woocommerce-ordering select {
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    color: #78716c;
}

/* ============================================================
   WOOCOMMERCE — POJEDYNCZY PRODUKT
   ============================================================ */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid var(--gold-200);
    margin-bottom: 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #78716c;
    border-radius: 0.5rem 0.5rem 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--gold-900);
    border-bottom-color: #fff;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--gold-900);
    font-size: 1.5rem;
    font-weight: 700;
}

/* ============================================================
   WOOCOMMERCE — KOSZYK
   ============================================================ */
.woocommerce-cart table.cart {
    border-collapse: collapse;
    width: 100%;
}

.woocommerce-cart table.cart th {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #78716c;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--gold-200);
}

.woocommerce-cart table.cart td {
    padding: 1rem;
    border-bottom: 1px solid var(--gold-100, #f3ede2);
    vertical-align: middle;
}

.woocommerce-cart .cart_totals {
    background: #fff;
    border: 1px solid var(--gold-200);
    border-radius: 1.25rem;
    padding: 1.5rem 2rem;
}

.woocommerce-cart .cart_totals h2 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

/* ============================================================
   WOOCOMMERCE — CHECKOUT
   ============================================================ */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
    font-size: 1.125rem;
    font-family: var(--font-sans);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--stone-900);
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gold-200);
}

.woocommerce-checkout #payment {
    background: #fff;
    border-radius: 1.25rem;
    border: 1px solid var(--gold-200);
    padding: 1.5rem;
}

.woocommerce-checkout #payment .payment_methods {
    border-bottom: 1px solid var(--gold-200);
}

.woocommerce-checkout #payment div.payment_box {
    background: var(--gold-50, #faf8f5);
    border-radius: 0.75rem;
    color: #78716c;
    font-size: 0.875rem;
}

/* ============================================================
   WOOCOMMERCE — MOJE KONTO
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #fff;
    border: 1px solid var(--gold-200);
    border-radius: 1.25rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--gold-100, #f3ede2);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #57534e;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    background: var(--gold-100, #f3ede2);
    color: var(--gold-900);
}

.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff;
    border: 1px solid var(--gold-200);
    border-radius: 1.25rem;
    padding: 1.5rem 2rem;
}

/* ============================================================
   STOPKA — przywróć kolory na podstronach (body:not(.home) nadpisuje przez dziedziczenie)
   ============================================================ */
body:not(.home) footer,
body:not(.home) footer p {
    color: #a8a29e;
}

body:not(.home) footer a {
    color: #a8a29e !important;
    text-decoration: none !important;
    text-decoration-color: transparent !important;
}

body:not(.home) footer a:hover {
    color: #fff !important;
}

/* ============================================================
   OceanWP — czyść resztkowe style na podstronach
   ============================================================ */
body:not(.home) .site-main,
body:not(.home) .ocean-main-content-wrap {
    padding: 0;
}

/* Navbar — badge koszyka */
.navbar-cart-badge {
    position: absolute;
    top: -7px;
    right: -9px;
    background: var(--gold-300);
    color: var(--stone-950);
    font-size: 10px;
    font-family: var(--font-sans);
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    padding: 0 3px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
}

.navbar-cart-badge.hidden { display: none; }

/* Navbar sticky — glass effect */
.nav-scrolled {
    background: rgba(250, 248, 245, 0.75) !important;
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    box-shadow: 0 1px 0 rgba(204, 167, 114, 0.4), 0 8px 32px rgba(0, 0, 0, 0.08) !important;
}

/* === Complianz cookie banner — pozycja i kolory brandingowe === */

/* Pozycja: pasek na dole ekranu */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    top: initial !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    border-top: 1px solid #3a2a14 !important;

    /* Kolory — stone-900 bg, białe teksty, gold akcent */
    --cmplz_banner_background_color: #1c1917;
    --cmplz_text_color: #e7e5e4;
    --cmplz_hyperlink_color: #cca772;
    --cmplz_button_accept_background_color: #cca772;
    --cmplz_button_accept_border_color: #cca772;
    --cmplz_button_accept_text_color: #1c1917;
    --cmplz_button_deny_background_color: #292524;
    --cmplz_button_deny_border_color: #44403c;
    --cmplz_button_deny_text_color: #e7e5e4;
    --cmplz_button_settings_background_color: #292524;
    --cmplz_button_settings_border_color: #44403c;
    --cmplz_button_settings_text_color: #e7e5e4;
    --cmplz_slider_active_color: #cca772;
    --cmplz_slider_inactive_color: #44403c;
    --cmplz_category_header_always_active_color: #cca772;
    --cmplz_banner_border_radius: 0;
    --cmplz_button_border_radius: 9999px;
}

/* Zarządzaj zgodą — przycisk na dole */
#cmplz-manage-consent .cmplz-manage-consent {
    background-color: #1c1917 !important;
    color: #e7e5e4 !important;
    border-color: #3a2a14 !important;
}