/*
Theme Name: OKTO
Theme URI: https://oktoofficial.com/
Author: cburakaltuntas
Author URI: https://cburakaltuntas.com/
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --------------------------------------------------------------
   1. TEMEL DEĞİŞKENLER VE SIFIRLAMALAR
-------------------------------------------------------------- */

:root{
    --bg:#0c0b0b;
    --card:#141212;
    --muted:#bfb8b8;
    --accent:#ffffff;
    --white-bg: #f9f9f9;
    --dark-text: #1a1a1a;
    --border-color: rgba(255,255,255,0.03);
    --transition: .4s cubic-bezier(.2,.8,.2,1);
    
    --bs-body-color: var(--muted);
    --bs-body-bg: var(--bg);
}

*{box-sizing:border-box}
html,body{
    height:100%;
    margin:0;
    background:linear-gradient(180deg,#0d0d0d 0%, #0b0b0b 100%);
    font-family:'Montserrat',sans-serif;
    -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:var(--muted);transition:color .3s}
a:hover{color:var(--accent)}
h1,h2,h3,h4,h5,h6 { color: var(--accent); }
ul{padding:0}


/* --------------------------------------------------------------
   2. HEADER, NAVIGASYON VE BUTONLAR (GÜÇLENDİRİLDİ)
-------------------------------------------------------------- */

header#masthead{position:sticky;top:0;z-index:40;background-color:#231f20;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}
/* Düzeltme: İç elemanların dikey hizalaması ve yatay dağılımı */
.navwrap{
    max-width:1180px;
    margin:0 auto;
    padding:14px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.brand{display:flex;align-items:center; line-height: 1;}
.brand-title{font-weight:800;letter-spacing:2px;color:var(--accent);font-size:16px; margin-left: 10px;}
.logo-dots { display: block; } 

.nav-content{display:flex;align-items:center;gap:24px;}
/* WordPress menü elemanlarını hizalama */
.main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.main-nav li {
    margin-left: 18px;
}
.main-nav a{color:var(--muted);font-size:14px;letter-spacing:0.5px}

.nav-icons{display:flex;gap:18px;align-items:center}
/* İkonların Genel Stili */
.nav-icons a{font-size:18px;margin-left:0; line-height: 1; color: var(--accent); transition: opacity 0.2s;}
.nav-icons a:hover { opacity: 0.7; }
.nav-icons .menu-toggle{display:none;cursor:pointer; font-size: 24px; line-height: 1;} /* Menü açma ikonu boyutu */

/* HESABIM ve SEPET İKONLARI İÇİN ÖZEL STİLLER */
.nav-icons .cart-icon-link {
    position: relative; /* Sepet sayacı için gerekli konumu sağlar */
}
.nav-icons .account-icon-link {
    font-size: 1.25rem; /* İkonu biraz daha belirgin yapar */
}

/* Mobil Menü Overlay (Kapatma ikonu GÜÇLENDİRİLDİ) */
.overlay-menu{
    height:0;width:100%;position:fixed;z-index:99;top:0;left:0;
    background-color:rgba(0,0,0,0.95);overflow-y:hidden;transition:height 0.5s;
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;
}
.overlay-menu.active{height:100%}
.overlay-menu a{padding:15px;text-decoration:none;font-size:32px;color:var(--muted);display:block;transition:color 0.3s;font-weight:600;letter-spacing:1px;}
/* Düzeltme: Kapatma ikonu boyutu ve rengi */
.overlay-close{
    position:absolute;
    top:20px;
    right:30px;
    font-size:4rem; 
    color:var(--accent);
    cursor:pointer;
    line-height: 1; 
    padding: 0 10px; /* Tıklama alanı genişletildi */
}
/* Ekstra WooCommerce mobil linkleri kaldırıldığı için bu alanda stil kalmadı. */


.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.25);color:var(--accent);padding:.8rem 1.4rem;border-radius:999px;transition:var(--transition); text-decoration: none;}
.btn-ghost:hover{background:rgba(255,255,255,0.05);border-color:var(--accent); color: var(--accent);}

.btn-solid, .btn-submit, .btn-add-to-cart {
    background:#fff;
    color:#000;
    padding:.8rem 1.6rem;
    border-radius:999px;
    border:none;
    transition:var(--transition);
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
}
.btn-solid:hover, .btn-submit:hover, .btn-add-to-cart:hover{background:#eee;transform:translateY(-1px); color: #000;}


/* --------------------------------------------------------------
   3. GENEL SAYFA & İÇERİK YAPISI
-------------------------------------------------------------- */

.section{max-width:1180px;margin:0 auto;padding:56px 20px}
.section-pad-y-lg {padding-top: 80px;padding-bottom: 80px;}

.collection-info{max-width:1180px;margin:0 auto 30px;padding:0 20px;}
.collection-info h2{color:var(--accent);margin-bottom:12px;font-size:2rem;text-align:center;}
.collection-info p{color:rgba(255,255,255,0.75);max-width:800px;margin:0 auto;text-align:center;}

.okto-page-content .entry-header {max-width: 800px;margin: 0 auto 40px;}
.okto-page-content .entry-title {color: var(--accent);font-size: 2.5rem;font-weight: 800;margin-bottom: 20px;text-align: center;}
.okto-page-content .entry-content {max-width: 900px;margin: 0 auto;color: var(--muted);line-height: 1.7;}


/* --------------------------------------------------------------
   4. ANA SAYFA VE JOURNAL BİLEŞENLERİ (DÜZELTİLDİ)
-------------------------------------------------------------- */

/* HERO */
.hero{position:relative;height:88vh;min-height:520px;display:flex;align-items:center}
.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.68) 100%);}
.hero-inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:48px 22px}
.hero h1{font-size:4.8rem;color:var(--accent);margin:0 0 12px;line-height:1;letter-spacing:3px;font-weight:900;text-shadow:0 4px 18px rgba(0,0,0,0.7)}
.hero p{max-width:740px;color:rgba(255,255,255,0.85);margin-bottom:24px}

/* PRODUCT Kartı */
.product{background:var(--card);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}
.product .visual{
    height:420px;
    background-size:cover;
    background-position:center;
    transition:transform var(--transition);
}
.product .meta{padding:18px 16px;display:flex;align-items:center;justify-content:space-between}
.product .meta h4{margin:0;font-size:15px;color:var(--accent);font-weight:600}
.product .meta small{color:var(--muted);opacity:.9}
.product:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,0.6);border-color:rgba(255,255,255,0.1);}
.product:hover .visual{transform:scale(1.03);}


/* BLOG Kartı (Altı Çizgiyi Kaldırmak için düzenleme) */
.journal-wrap{background:var(--white-bg);padding:64px 0;margin-top:56px;}
.journal{max-width:1180px;margin:0 auto;padding:0 20px;color:var(--dark-text);}
.journal h2{color:var(--dark-text) !important;text-align:center;margin-bottom:28px !important;}
.post{background:#ffffff;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s}
.post .thumb{height:200px;background-size:cover;background-position:center;transition:transform .4s}
.post .post-meta{padding:18px;color:var(--dark-text)}
.post h5{margin:0 0 8px;color:var(--dark-text)}
.post p{margin:0;color:var(--dark-text);font-size:14px;margin-bottom:8px;}
/* Blog yazılarındaki a etiketlerinin altı çizgisini kaldırır */
.post a{color:var(--dark-text);text-decoration:none; font-weight: 600;} 
.post a:hover { color: #555; text-decoration: underline; } /* Hover'da hafif alt çizgi eklenebilir */
.post:hover{box-shadow:0 6px 16px rgba(0,0,0,0.1);}
.post:hover .thumb{transform:scale(1.03)}

/* Single Post Stilleri */
.content-centered {max-width: 800px;margin: 0 auto;text-align: center;}
.post-meta-top {color: rgba(255,255,255,0.4); font-size: 13px; margin-bottom: 8px;}
.post-title-lg {color: var(--accent); font-size: 3rem; font-weight: 800; line-height: 1.1; margin-bottom: 20px;}
.post-content-wrap {color: var(--muted); line-height: 1.7; font-size: 16px;}
.post-footer-meta {margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--border-color);}
.tag-links {color: rgba(255,255,255,0.4); font-size: 14px;}


/* --------------------------------------------------------------
   5. FOOTER VE İLETİŞİM SAYFASI (DÜZELTİLDİ)
-------------------------------------------------------------- */

/* Hakkımızda bloğu kaldırıldığı için about-wrap kaldırıldı */
footer{background:transparent;border-top:1px solid var(--border-color);padding:48px 20px;}
.footer-wrap{max-width:1180px;margin:0 auto;display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}
.footer-col{min-width:220px}
.footer-col h6{color:var(--accent);margin-bottom:14px;font-weight:600}
.footer-col a{display:block;color:var(--muted);text-decoration:none;margin-bottom:8px}

/* Sosyal Medya İkonları Düzeltmesi (Büyütüldü ve yan yana getirildi) */
.social-icons-list {
    display: flex;
    gap: 18px; /* İkonlar arası boşluk */
    align-items: center;
}
.social-icons-list a {
    color: var(--muted);
    font-size: 24px; /* İkon boyutu büyütüldü */
    transition: color .3s, transform .3s;
    margin-bottom: 0; /* a etiketi display:block olduğu için eklendi */
}
.social-icons-list a:hover{color:var(--accent);transform:translateY(-2px)}

/* --------------------------------------------------------------
   11. FOOTER PAYMENT LOGOS STYLES
-------------------------------------------------------------- */

.okto-payment-methods-wrap {
    text-align: center; /* Logoları ortalar */
    padding: 30px 15px; /* Üstten ve alttan boşluk ekler */
    border-top: 1px solid var(--border-color); /* Üste ayırıcı çizgi ekler */
    margin-top: 40px;
    margin-bottom: 20px;
}

.okto-payment-methods-wrap .okto-payment-logos {
    max-width: 450px; /* Masaüstünde maksimum genişlik */
    height: auto;
    display: inline-block; /* Ortalamak için blok olarak davranır */
    opacity: 0.8; /* Hafif transparanlık, minimalist görünüm için */
    transition: opacity 0.3s;
}

/* Telif Hakkı Alanı */
.okto-copyright-area {
    text-align: center;
    padding-bottom: 30px;
    font-size: 0.8rem;
    color: var(--muted);
}


/* Mobil Uyum (Küçük Ekranlar) */
@media (max-width: 768px) {
    .okto-payment-methods-wrap {
        padding: 20px 15px;
    }
    .okto-payment-methods-wrap .okto-payment-logos {
        max-width: 80%; /* Mobil cihazlarda genişliği sınırla */
    }
}

/* --------------------------------------------------------------
   6. BOOTSTRAP FORM OVERRIDES (SELECT KUTUSU DÜZELTİLDİ)
-------------------------------------------------------------- */

.form-control, .form-select {
    background: var(--card) !important; 
    border: 1px solid var(--border-color) !important;
    color: var(--accent) !important; 
    padding: 14px;
    font-size: 15px;
    border-radius: 4px;
    /* !important kullanıldı çünkü Bootstrap'in varsayılanları koyu temada sorun çıkarabilir. */
}
.form-control:focus, .form-select:focus {
    color: var(--accent) !important;
    background: var(--card) !important;
    border-color: rgba(255,255,255,0.2) !important;
    box-shadow: 0 0 0 0.25rem rgba(255,255,255,0.1) !important; 
    outline: none;
}
/* Select kutusu (Dropdown) oku fixlendi */
.form-select {
    /* Ok ikonunu beyaz/açık gri renge ayarlar (data:image/svg+xml içinde) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat!important;
    background-position: right 0.75rem center!important;
    background-size: 16px 12px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Varsayılan tarayıcı okunu kaldırır */
}

/* Seçenekler listesi açıldığında da koyu temaya uyması için */
.form-select option {
    background: var(--card); 
    color: var(--accent);
}

.form-control::placeholder {
    color: var(--muted);
    opacity: 0.7;
}

/* --------------------------------------------------------------
   8. WOOCOMMERCE ARCHIVE/LISTING STYLES (KESİN FIX)
-------------------------------------------------------------- */

/* Genel Arşiv Görünümü */
.archive-product-main {
    padding-top: 40px;
    padding-bottom: 80px;
    max-width: 1300px; /* Geniş ekranlarda merkezi konumlandırma */
    margin: 0 auto;
}
.woocommerce-products-header__title {
    color: var(--accent);
    font-size: 3rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 40px;
}

/* Filtreler ve Sıralama */
.okto-archive-filters {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
}
.woocommerce-ordering select {
    background: var(--card) !important; 
    border: 1px solid var(--border-color) !important;
    color: var(--muted) !important; 
    padding: 8px 12px;
    border-radius: 4px;
    min-width: 150px;
}
.woocommerce-result-count {
    color: var(--muted);
    font-size: 14px;
}

/* ÜRÜN KARTLARI (okto-product-card) */
.okto-product-grid {
    padding: 0 15px;
}
.okto-product-grid .okto-product-card {
    list-style: none;
    background: var(--card); /* Kart arka planı */
    padding: 15px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    text-align: left;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.okto-product-grid .okto-product-card:hover {
    transform: translateY(-5px);
}

/* Görsel Alanı */
.okto-product-card .product-card-image-wrap {
    width: 100%;
    /* Görselin kare olmasını zorla */
    aspect-ratio: 1 / 1.1; 
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 10px;
}
.okto-product-card .attachment-woocommerce_thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Kart İçeriği (İsim ve Fiyat) */
.okto-product-card .product-card-content {
    padding: 5px 0;
}
.okto-product-card .woocommerce-loop-product__title {
    color: var(--accent);
    font-size: 1.1rem; /* Daha belirgin */
    font-weight: 600;
    margin-bottom: 5px;
    text-decoration: none;
    display: block;
}

.okto-product-card .price {
    color: var(--muted);
    font-size: 1rem;
    font-weight: 500;
    display: block;
}
.okto-product-card .price del {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.9em;
    margin-right: 5px;
    font-weight: 400;
}
.okto-product-card .price ins {
    background: transparent;
    color: var(--accent);
    font-weight: 600;
    text-decoration: none; /* Alt çizgiyi kaldır */
}

/* İndirim Etiketi */
.okto-product-card .onsale {
    background-color: var(--accent);
    color: var(--dark-text);
    padding: 4px 8px;
    border-radius: 4px;
    position: absolute;
    top: 25px; 
    left: 25px; 
    z-index: 5;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* Sepete Ekle Butonunu Varsayılan Olarak Gizle */
.okto-product-card .button.add_to_cart_button {
    display: none !important; 
}

.okto-product-card .product-card-image-wrap {
    aspect-ratio: 1 / 1.1; 
    overflow: hidden;
    /* ... diğer kurallar ... */
}
/* Fiyatın alt çizgisini kaldırır ve rengini ayarlar */
.okto-product-card .price ins {
    background: transparent;
    color: var(--accent);
    font-weight: 600;
    text-decoration: none; 
}

/* --------------------------------------------------------------
   9. WOOCOMMERCE CART PAGE STYLES (GÜNCELLENMİŞ VERSİYON)
-------------------------------------------------------------- */

/* Genel Stil Ayarları */
.woocommerce-cart-form {
    padding-bottom: 30px;
    max-width: 1300px;
    margin: 0 auto;
}
.woocommerce-cart-form h2 {
    color: var(--accent);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 25px;
}

/* Sepet Tablosu (Ürün Listesi) */
.woocommerce-cart-form__contents {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}
.woocommerce-cart-form__contents th, 
.woocommerce-cart-form__contents td {
    padding: 15px 0;
    vertical-align: middle;
    border-top: 1px solid var(--border-color) !important;
    border-bottom: none;
    color: var(--muted);
    font-size: 1rem;
}
.woocommerce-cart-form__contents thead th {
    color: var(--accent);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-top: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding-bottom: 15px;
}
.woocommerce-cart-form__contents tr:last-child {
    border-bottom: 1px solid var(--border-color) !important;
}

.product-name a {
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
}
.product-remove .remove {
    color: var(--muted) !important;
    font-size: 1.5rem;
    line-height: 1;
    text-decoration: none;
    transition: color 0.2s;
}

/* Ürün Görseli */
.product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    background: var(--dark);
}

/* Miktar Kutusu */
.woocommerce-cart-form .quantity input.qty {
    background: var(--dark) !important; /* Kart arka planından daha koyu */
    border: 1px solid var(--border-color) !important;
    color: var(--accent) !important;
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    width: 70px;
    text-align: center;
}

/* Kupon ve Güncelleme Alanı (actions row) */
.woocommerce-cart-form .actions {
    background: transparent !important;
    border-top: 1px solid var(--border-color) !important;
    padding: 20px 0 !important;
}

/* Sepeti Güncelle Butonu */
.woocommerce-cart-form .actions .button[name="update_cart"] {
    background: var(--card) !important; 
    color: var(--muted) !important;
    border: 1px solid var(--border-color) !important;
    padding: 0.8rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.2s;
}
.woocommerce-cart-form .actions .button[name="update_cart"]:hover {
    background: var(--border-color) !important;
    color: var(--accent) !important;
}

/* Kupon Formu İyileştirme (Kesin Override) */
.woocommerce-cart-form .coupon {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0 !important;
}
.woocommerce-cart-form .coupon input.input-text {
    background: var(--dark) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--accent) !important;
    height: 48px;
    padding: 0 15px;
    border-radius: 4px;
    flex-grow: 1; 
    margin: 0 !important; 
}
.woocommerce-cart-form .coupon button[name="apply_coupon"] { 
    background: var(--accent) !important; 
    color: var(--dark-text) !important;
    border: none !important;
    padding: 0.8rem 1.2rem !important;
    border-radius: 4px !important;
    font-weight: 700;
    text-transform: uppercase;
    flex-shrink: 0;
}
.woocommerce-cart-form .coupon button[name="apply_coupon"]:hover {
    background: #fff !important;
}

/* Sepet Toplamları (Sağ Sütun) */
.cart_totals {
    background: var(--card);
    padding: 30px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}
.cart_totals h2 {
    text-align: left; /* Başlığı sola hizalar */
    color: var(--accent);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 25px;
}
.cart_totals table {
    width: 100%;
    margin-bottom: 20px;
}
.cart_totals th, .cart_totals td {
    border-top: 1px solid var(--border-color) !important;
    padding: 12px 0;
    color: var(--muted);
}
.cart_totals th {
    font-weight: 600;
    color: var(--accent);
}
.cart_totals .order-total th, 
.cart_totals .order-total td {
    border-top: 2px solid var(--accent) !important;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--accent);
}

/* Ödeme Butonu (Vurgulu ve Büyük) */
.wc-proceed-to-checkout {
    margin-top: 30px;
}
.wc-proceed-to-checkout .checkout-button {
    width: 100%;
    text-align: center;
    background: var(--accent) !important; 
    color: var(--dark-text) !important; 
    padding: 1rem 1.5rem !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition: background 0.2s;
    border: none !important;
}
.wc-proceed-to-checkout .checkout-button:hover {
    background: #fff !important;
}

/* --------------------------------------------------------------
   10. WOOCOMMERCE CHECKOUT PAGE STYLES
-------------------------------------------------------------- */

/* Genel Form Alanı */
.woocommerce-checkout {
    max-width: 1200px;
    margin: 40px auto 80px;
    padding: 0 15px;
}
.checkout-section-heading {
    color: var(--accent);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 30px;
}

/* Form Elemanları */
.woocommerce-input-wrapper {
    width: 100%;
    display: block;
}
.form-row {
    padding: 0 0 15px !important;
    margin-bottom: 25px !important;
}
.form-row label {
    color: var(--muted);
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}
.form-row input[type="text"], 
.form-row input[type="email"], 
.form-row input[type="tel"],
.form-row textarea,
.form-row select {
    background: var(--dark) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--accent) !important;
    padding: 12px 15px;
    border-radius: 4px;
    width: 100%;
    font-size: 1rem;
    height: 48px;
    transition: border-color 0.2s;
}
.form-row textarea {
    height: 120px;
}
.form-row input:focus, .form-row textarea:focus, .form-row select:focus {
    border-color: var(--accent) !important;
    box-shadow: none !important;
}

/* Sağ Sütun: Sipariş İncelemesi (Review Order) */
.order-review-wrap {
    background: var(--card);
    padding: 30px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

/* Sipariş İncelemesi Tablosu */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 0;
    border-top: 1px solid var(--border-color) !important;
    color: var(--muted);
}
.woocommerce-checkout-review-order-table thead th {
    color: var(--accent);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-top: none !important;
    border-bottom: 1px solid var(--border-color) !important;
}
.woocommerce-checkout-review-order-table .order-total th, 
.woocommerce-checkout-review-order-table .order-total td {
    border-top: 2px solid var(--accent) !important;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--accent);
}
.woocommerce-checkout-review-order-table .product-quantity {
    color: var(--accent);
}

/* Ödeme Yöntemleri */
#payment {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#payment ul.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
#payment ul.wc_payment_methods li {
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color);
}
#payment ul.wc_payment_methods li label {
    color: var(--accent);
    font-weight: 600;
    cursor: pointer;
}
#payment div.payment_box {
    background: var(--dark) !important;
    color: var(--muted) !important;
    border: 1px solid var(--border-color) !important;
    padding: 15px !important;
    margin-top: 10px;
    border-radius: 4px;
}

/* Sipariş Ver Butonu */
#payment #place_order {
    background: var(--accent) !important;
    color: var(--dark-text) !important;
    padding: 1rem 1.5rem !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    width: 100%;
    border: none !important;
    transition: background 0.2s;
}
#payment #place_order:hover {
    background: #fff !important;
}





/* --------------------------------------------------------------
   11. WOOCOMMERCE MY ACCOUNT STYLES
-------------------------------------------------------------- */

/* Genel Sayfa Düzeni */
.okto-myaccount-page {
    max-width: 1200px;
    margin: 40px auto 80px;
    padding: 0 15px;
}
.okto-account-content-wrap {
    padding: 20px;
    background: var(--card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

/* Navigasyon (Sol Sütun) */
.okto-account-nav h2 {
    color: var(--accent);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 25px;
}
.okto-account-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.okto-account-nav ul li {
    margin-bottom: 5px;
}
.okto-account-nav ul li a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: var(--muted);
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.2s;
}
.okto-account-nav ul li a:hover,
.okto-account-nav ul li.is-active a {
    background: var(--accent);
    color: var(--dark-text);
    font-weight: 600;
}
.okto-account-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ff4d4f; /* Çıkış linkini kırmızı yap */
    background: transparent;
}
.okto-account-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: var(--dark-text);
    background: #ff4d4f;
}

/* İçerik Alanı (Sağ Sütun) */
.woocommerce-MyAccount-content h1, 
.woocommerce-MyAccount-content h2, 
.woocommerce-MyAccount-content h3 {
    color: var(--accent);
    font-weight: 700;
    margin-bottom: 20px;
}

/* Sipariş Tabloları ve Diğer Genel Tablolar */
.woocommerce-MyAccount-content table.shop_table {
    border: none !important;
    width: 100%;
    border-collapse: collapse;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
    border-top: 1px solid var(--border-color) !important;
    padding: 12px 0;
    color: var(--muted);
}
.woocommerce-MyAccount-content table.shop_table th {
    color: var(--accent);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-top: none !important;
}
.woocommerce-MyAccount-content table.shop_table tr:last-child td {
    border-bottom: 1px solid var(--border-color) !important;
}

/* Sayfa İçi Formlar (Adres düzenleme, Şifre değiştirme) */
.okto-account-content-wrap .form-row {
    padding: 0 0 15px !important;
    margin-bottom: 20px !important;
}
.okto-account-content-wrap .form-row label {
    color: var(--muted);
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}
.okto-account-content-wrap .form-row input[type="text"], 
.okto-account-content-wrap .form-row input[type="email"], 
.okto-account-content-wrap .form-row input[type="password"] {
    background: var(--dark) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--accent) !important;
    padding: 12px 15px;
    border-radius: 4px;
    width: 100%;
    font-size: 1rem;
    height: 48px;
}

/* Adresler İçin Buton */
.woocommerce-MyAccount-content .edit a.button {
    background: var(--accent);
    color: var(--dark-text);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.woocommerce-MyAccount-content .edit a.button:hover {
    background: #fff;
}


.u-column1.col-1.woocommerce-Address,.u-column2.col-2.woocommerce-Address{width:auto}

/*
.wc-block-components-address-form__country.wc-block-components-country-input,.woocommerce-shipping-fields,section.related.products,
#order-notes,
*/
.wc-block-components-product-metadata__description,
.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price{display:none!important}




/* ======================================================== */
/* 1. TEKİL GÖNDERİ (SINGLE POST) YAPI VE BOYUTLARI */
/* ======================================================== */

/* İçeriği Ortala ve Boxed Etkisi Yarat (Eğer Bootstrap grid kullanılmıyorsa) */
.okto-single-post-content {
    /* Yazı içeriğine genel yatay padding eklenir */
    padding-left: 15px;
    padding-right: 15px;
    
    /* Boxed etkisi için (Bootstrap'te col-lg-8 kullanıldığı için bu satır gereksiz olabilir ama tutulabilir) */
    max-width: 800px; 
    margin-left: auto;
    margin-right: auto;
    
    /* Yazı içeriği beyaz arka plan olmasın */
    background-color: transparent !important;
}

/* Öne Çıkarılan Görsel (%75 Max Genişlik ve Ortala) */
.okto-max-w-75,
.post-thumbnail-wrap {
    max-width: 75%;
    /* margin-left: auto ve margin-right: auto'yu birleştirerek ortalar */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ======================================================== */
/* 2. GÖRÜNÜRLÜK VE RENK DÜZELTMELERİ (Koyu Tema Çözümü) */
/* ======================================================== */

/* Başlık Altı Kategori (Meta Bilgisi) Rengi: Görünür yap */
.okto-meta-visible,
.okto-meta-visible a {
    color: #aaaaaa !important; /* Açık gri tonu yap */
}

/* Yazı İçeriği (Ana metin) Rengi: Görünür yap */
.okto-content-visible p,
.okto-content-visible li {
    color: #ffffff !important; /* Beyaz yap */
}

/* Başlık Arkasındaki Gri Katmanı ve Padding'i Kaldır */
.okto-single-post-content .entry-header .entry-title.okto-no-title-bg {
    background: none !important; 
    padding: 0 !important;       
    margin-top: 0 !important;
    margin-bottom: 10px !important; /* Sadece alt marjini ayarla */
}

/* ======================================================== */
/* 3. SIDEBAR STİLİ VE YAPI DÜZELTMELERİ */
/* ======================================================== */

/* Sidebar Kutusu (Arkaplan, Border, Genel Metin Rengi) */
.okto-sidebar-inner {
    background-color: #1a1a1a; /* Koyu tema için hafif açık bir gri tonu */
    border: 1px solid #333;
    color: #f1f1f1; /* Sidebar metin rengi */
}

/* Sidebar Başlıkları */
.okto-sidebar-inner h4 {
    color: #ffffff !important; /* Başlıkları beyaz yap */
}

/* Sidebar İçindeki Tüm Linkler, Sayı ve Kategori Metinleri */
.okto-sidebar-visible a.okto-sidebar-link,
.okto-sidebar-visible .okto-sidebar-count,
.okto-sidebar-visible .okto-sidebar-category,
.okto-sidebar-visible .okto-recent-posts h6 {
    color: #ffffff !important; /* Link ve metinleri beyaz yap */
}

.okto-sidebar-visible a.okto-sidebar-link:hover {
    color: #cccccc !important; /* Hover rengini ayarla */
}

/* Sidebar'daki Küçük Resim Desteği */
.okto-recent-posts img {
    object-fit: cover; 
    width: 50px;
    height: 50px;
}

/* Sidebar Son Yazılar Arasındaki Çizgi ve Boşluk */
.okto-recent-posts li.okto-recent-item:not(:last-child) {
    border-bottom: 1px solid #333 !important; 
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.okto-recent-posts li.okto-recent-item:last-child {
    border-bottom: none !important; /* Son elemandaki çizgiyi kaldır */
    padding-bottom: 0;
    margin-bottom: 0;
}

/* --- Arşiv Kartı Stilleri (Görsele Benzer) --- */

/* Kart Kapsayıcısı */
.okto-post-card {
    background-color: #ffffff; /* Kart arka planı beyaz (görseldeki gibi) */
    border: 1px solid #eee; /* Hafif bir sınır */
    transition: all 0.3s ease;
    height: 100%; /* Kartların eşit yüksekliğini koru */
}

/* Kart Başlık ve Metin Rengi (Koyu metin, açık zemin üzerinde) */
.okto-card-title,
.okto-card-summary {
    color: #333333 !important; /* Koyu metin yap */
}

/* Görsel Kapsayıcı */
.okto-card-image-wrap {
    /* Görselin kendi boyutuna göre oran verilebilir */
    aspect-ratio: 1/1; /* Kare oran */
}

/* 'Yazıyı Oku' Linki Stili */
.okto-read-more-link {
    color: #000000; /* Koyu renk link */
    padding-bottom: 2px;
    border-bottom: 1px solid #000000; /* Alt çizgi efekti */
}

/* Sayfalama Ortalaması */
.pagination {
    justify-content: center;
}

/* --------------------------------------------------------------
   7. MEDIA QUERIES
-------------------------------------------------------------- */

@media (max-width:1080px) {
    .hero h1{font-size:3.5rem}
}
@media (max-width:992px){
    .main-nav{display:none;}
    .nav-content{gap:12px;}
    .nav-icons .menu-toggle{display:block;}
    .hero h1{font-size:2.8rem}
    .product .visual{height:300px;}
}
@media (max-width:576px){
    .hero{height:60vh;min-height:400px}
    .hero h1{font-size:2.2rem;letter-spacing:1px}
    .hero p{font-size:14px}
    .nav-icons{gap:12px}
    .footer-wrap{gap:30px;justify-content:flex-start;}
    .overlay-menu a{font-size:24px}
    .overlay-close{font-size:3rem; top: 15px; right: 20px;}
    .product .visual{height:350px;}
}












/* ============================================================
   OKTO / SINGLE PRODUCT - MASTER OPTIMIZED DESIGN
   ============================================================ */

/* 1. SAĞ PANEL & YERLEŞİM */
@media (min-width: 768px) {
    .okto-sticky-panel { position: sticky; top: 120px; }
}

.blvck-price del { opacity: 0.3; margin-right: 10px; font-weight: 400; }
.blvck-price ins { text-decoration: none; }

/* 2. SATIN ALMA FORMU HİYERARŞİSİ */
form.cart {
    display: flex;
    flex-direction: column;
    gap: 30px; 
}

.variations label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    color: #000;
    display: block;
}

/* Adet (Quantity) Kutusu - Marjinler Korundu */
.quantity {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 1.5rem 0; 
}

.quantity::before {
    content: "Adet:";
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.quantity input.qty {
    width: 85px;
    height: 48px;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    background: #fff;
    font-weight: 600;
    text-align: center;
}

.single_add_to_cart_button {
    background: #000;
    color: #fff;
    border-radius: 999px;
    height: 55px;
    width: 100%;
    max-width: 320px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    transition: opacity 0.3s;
}

.single_add_to_cart_button:hover { opacity: 0.8; }
.single_add_to_cart_button.disabled {
    background: #f2f2f2;
    color: #999;
    cursor: not-allowed;
}

/* 3. İÇERİK & SEKMELER */
.okto-tabs-section { background-color: #fff; }

.woocommerce-tabs ul.tabs {
    display: flex;
    gap: 40px;
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 30px;
    list-style: none;
}

.woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    padding: 0 0 12px 0;
}

.woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid #000; }
.woocommerce-tabs ul.tabs li a {
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
}

.woocommerce-Tabs-panel { color: #444; padding: 10px 0 40px; }
.woocommerce-Tabs-panel :is(p, li, span) { color: #444; line-height: 1.8; }
.woocommerce-Tabs-panel, .blvck-v2-description { --accent: #444; }

/* 4. BOOTSTRAP ICONS - YORUM YAPMA (ETKİLEŞİMLİ YILDIZLAR) */
.woocommerce p.stars {
    display: inline-flex;
    gap: 5px;
    margin: 0;
    line-height: 1;
}

.woocommerce p.stars a {
    position: relative;
    height: 1.2em;
    width: 1.2em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}

.woocommerce p.stars a::before {
    content: "\F588"; /* bi-star */
    font-family: "bootstrap-icons" !important;
    position: absolute;
    top: 0; left: 0; text-indent: 0;
    font-size: 18px; color: #ccc;
    transition: color 0.2s ease;
}

.woocommerce p.stars a:hover::before,
.woocommerce p.stars.selected a::before,
.woocommerce p.stars:hover a::before {
    content: "\F586" !important; /* bi-star-fill */
    color: #000 !important;
}

.woocommerce p.stars.selected a.active ~ a::before,
.woocommerce p.stars a:hover ~ a::before {
    content: "\F588" !important;
    color: #ccc !important;
}

/* 5. BOOTSTRAP ICONS - YORUM LİSTESİ (STATİK 5 YILDIZ DÜZENİ) */
.comment-text .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1.2em;
    width: 5.4em; /* Hassas genişlik ayarı */
    font-family: "bootstrap-icons" !important;
    font-size: 14px;
    line-height: 1;
}

.comment-text .star-rating span { display: none !important; }

.comment-text .star-rating::before {
    content: "\F588\F588\F588\F588\F588";
    color: #eee;
    position: absolute;
    top: 0; left: 0;
    white-space: nowrap;
}

.comment-text .star-rating::after {
    content: "\F586\F586\F586\F586\F586";
    color: #ccc;
    position: absolute;
    top: 0; left: 0;
    white-space: nowrap;
}

/* 6. YORUM LİSTESİ HİZALAMA */
ol.commentlist li.review { display: block; padding: 30px 0; border-bottom: 1px solid #f0f0f0; }

.comment_container {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.comment-text { position: relative; width: calc(100% - 50px); }
.comment-text .meta { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }

ol.commentlist li.review img.avatar { 
    width: 35px; height: 35px; border-radius: 50%; margin: 0; 
    position: static; 
}

.comment-text .description { font-size: 14px; color: #444; }

/* 7. FORM VE ETİKET DÜZENLEMELERİ */
#review_form label#comment-form-rating-label,
#review_form label[for="wp-comment-cookies-consent"] { margin-bottom: 0!important }
#review_form label[for="wp-comment-cookies-consent"]{font-weight:400!important;text-transform:unset!important}
#review_form textarea { width: 100%; height: 100px; min-height:100px; border: 1px solid #e2e2e2; padding: 20px; border-radius: 4px; }

#reviews #reply-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000 !important;
    display: block;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    width: fit-content;
}

.comment-notes { display: none !important; }
.comment-form-comment { margin-top: 2rem; }

#review_form label {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #000 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

#review_form input[type="text"],
#review_form input[type="email"] {
    background-color: #fcfcfc !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-bottom: 5px !important;
}

.comment-form-cookies-consent {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 15px 0 !important;
}

/* TEMİZLİK */
.product_meta, .reset_variations, .woocommerce-variation-availability, .woocommerce-Tabs-panel h2, .woocommerce-review__dash { display: none; }
.description p:first-child:contains("oy aldı") { display: none; }

/* 5. BOOTSTRAP ICONS - YORUM LİSTESİ (KESİN ÇÖZÜM) */
.comment-text .star-rating {
    float: right;
    position: relative;
    font-family: "bootstrap-icons" !important;
    font-size: 14px;
    height: 1em;
    line-height: 1;
    width: 70px; /* 5 ikonun sığacağı sabit genişlik */
    color: #eee; /* Boş yıldızların rengi */
}

/* Arka plan: 5 Boş Yıldız */
.comment-text .star-rating::before {
    content: "\F588\F588\F588\F588\F588";
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 0;
}

/* Ön plan (Dinamik Dolum): span etiketi üzerinden genişliği alıyoruz */
.comment-text .star-rating span {
    display: block !important; /* Gizlemek yerine blok yaptık */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden; /* Taşmayı keserek yıldız sayısını belirler */
    text-indent: -9999px; /* İçindeki metni (3 oy aldı) dışarı atar */
}

/* span::before ile siyah yıldızları basıyoruz */
.comment-text .star-rating span::before {
    content: "\F586\F586\F586\F586\F586";
    font-family: "bootstrap-icons" !important;
    text-indent: 0;
    position: absolute;
    top: -5px;
    left: 0;
    color: #000; /* Dolu yıldızların rengi */
    letter-spacing: 0;
    z-index: 1;
}