/* ==========================================================
   HEADER / FOOTER - koyu, kurumsal his
   ========================================================== */
.site-header,
#site-navigation,
.main-navigation {
    background-color: var(--brand-navy);
}

/* GeneratePress kendi menu renklerini Customizer'dan inline olarak
   yukluyor ve bizim stilimizden daha "guclu" (yuksek ozgullukte)
   yukleniyor - bu yuzden burada !important + genis selector kullanildi. */
.main-navigation .main-nav ul li a,
.main-navigation ul li a,
#site-navigation ul li a,
.site-header .site-title a,
.site-header .site-description,
.main-navigation .menu-item a {
    color: #FFFFFF !important;
}

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

/* Mobil menu (hamburger) ikon rengi */
.main-navigation .menu-toggle,
.main-navigation .mobile-menu-control-wrapper svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.site-footer,
footer.site-footer-wrapper {
    background-color: var(--brand-navy);
    color: #C9D2DE;
    font-family: var(--font-body);
}

.site-footer a {
    color: #FFFFFF;
}
.site-footer a:hover {
    color: var(--brand-amber);
}

/* ==========================================================
   BUTONLAR - amber CTA, hover'da hafif hazard-stripe hissi
   ========================================================== */
.button,
button,
input[type="submit"],
input[type="button"],
.search-submit,
.widget .search-submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.wp-block-button__link {
    background-color: var(--brand-amber) !important;
    border: none !important;
    color: #FFFFFF !important;
    font-family: var(--font-display);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 3px;
    transition: background-color 0.15s ease, transform 0.1s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.search-submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--brand-amber-dark) !important;
    transform: translateY(-1px);
}

/* Ana CTA (Sepete Ekle / Satin Al) biraz daha belirgin */
.woocommerce div.product form.cart .button,
.woocommerce a.add_to_cart_button {
    padding: 0.9em 1.6em;
    font-size: 0.95em;
}

/* ==========================================================
   URUN KARTLARI
   ========================================================== */
.woocommerce ul.products li.product {
    background-color: var(--brand-surface);
    border: 1px solid var(--brand-border);
    border-radius: 6px;
    padding: 14px;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 6px 18px rgba(22, 35, 61, 0.10);
    border-color: var(--brand-navy-light);
}

.woocommerce ul.products li.product .price {
    font-family: var(--font-mono);
    color: var(--brand-navy);
    font-weight: 600;
    font-size: 1.05em;
}

.woocommerce ul.products li.product .price ins {
    color: var(--brand-amber-dark);
}

/* Marka rozeti (Nice / BFT / DEA vb.) - kucuk etiket */
.product-brand-badge {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 0.72em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--brand-text-muted);
    background: var(--brand-bg);
    border: 1px solid var(--brand-border);
    border-radius: 3px;
    padding: 2px 8px;
    margin-bottom: 6px;
}

/* ==========================================================
   TEKNIK SPEC TABLOSU (urun detay sayfasi)
   Agirlik / Voltaj / Motor tipi gibi degerler icin
   ========================================================== */
.woocommerce table.shop_attributes,
table.woocommerce-product-attributes {
    font-family: var(--font-body);
    border: 1px solid var(--brand-border);
}

.woocommerce table.shop_attributes th,
table.woocommerce-product-attributes th {
    background-color: var(--brand-bg);
    font-family: var(--font-display);
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.03em;
    color: var(--brand-navy);
    width: 35%;
}

.woocommerce table.shop_attributes td,
table.woocommerce-product-attributes td {
    font-family: var(--font-mono);
    color: var(--brand-text);
}

/* ==========================================================
   STOK DURUMU
   ========================================================== */
.stock.in-stock { color: var(--brand-success); font-weight: 600; }
.stock.out-of-stock { color: var(--brand-danger); font-weight: 600; }

/* ==========================================================
   FIYAT (genel)
   ========================================================== */
.woocommerce .price {
    font-family: var(--font-mono);
    color: var(--brand-navy);
}

/* ==========================================================
   MOBIL DUZENLEME
   ========================================================== */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        padding: 10px;
    }
    .woocommerce div.product form.cart .button,
    .woocommerce a.add_to_cart_button {
        width: 100%;
        text-align: center;
    }
}