/* Top2Toe — Mavi/Beyaz tema */
html:root {
    --tg-primary-color:   #1a3a6b;
    --tg-secondary-color: #2563eb;
    --tg-third-color:     #dbeafe;
}
a:not(.tg-btn), a:not(.tg-btn):hover {
    --tg-secondary-color: #1a3a6b;
}

/* Dil seçici */
.lang-switcher-suxnix { display:flex; gap:4px; }
.lang-switcher-suxnix a {
    padding:4px 10px; border-radius:4px; font-size:12px; font-weight:700;
    color:#333; border:1px solid #ccc; text-decoration:none; transition:all .2s;
}
.lang-switcher-suxnix a.active,
.lang-switcher-suxnix a:hover {
    background:var(--tg-primary-color); color:#fff; border-color:var(--tg-primary-color);
}

/* Shop item */
.tg-shop-item {
    border-radius:12px; overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    transition:transform .25s, box-shadow .25s;
    background:#fff;
}
.tg-shop-item:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.15); }
.tg-shop-thumb { position:relative; overflow:hidden; background:#f5f5f5; }
.tg-shop-action {
    position:absolute; bottom:-50px; left:0; right:0;
    text-align:center; transition:bottom .3s;
}
.tg-shop-item:hover .tg-shop-action { bottom:12px; }
.tg-shop-action .add-cart-btn {
    display:inline-block; padding:8px 20px;
    background:var(--tg-primary-color); color:#fff;
    border-radius:6px; font-size:13px; font-weight:600;
    text-decoration:none;
}
.tg-shop-content { padding:16px; }
.tg-shop-content .title a { color:#222; font-size:15px; font-weight:700; }
.tg-shop-content .title a:hover { color:var(--tg-primary-color); }

/* Service item — suxnix-core.css değerleri geçerli */
/* tg-service-item override kaldırıldı */


/* Rich content */
.rich-content p { margin-bottom:12px; }
.rich-content ul { padding-left:20px; margin-bottom:12px; }

/* Alert */
.alert-success { background:#d4edda; color:#155724; padding:12px 16px; border-radius:8px; margin-bottom:20px; }

/* Contact form */
.contact-form .form-control {
    border:1px solid #e0e0e0; border-radius:8px;
    padding:12px 16px; font-size:14px;
}
.contact-form .form-control:focus {
    border-color:var(--tg-primary-color); box-shadow:none;
}

/* Breadcrumb */
.breadcrumb-area { padding:80px 0; background-size:cover; background-position:center; position:relative; }
.breadcrumb-area::before { content:''; position:absolute; inset:0; background:rgba(10,25,60,.65); }
.breadcrumb-content { position:relative; z-index:1; color:#fff; }
.breadcrumb-content .title { color:#fff; font-size:36px; margin-bottom:12px; }
.breadcrumb-item a { color:rgba(255,255,255,.8); }
.breadcrumb-item.active { color:#fff; }
.breadcrumb-item+.breadcrumb-item::before { color:rgba(255,255,255,.5); }

/* mb-50 utility */
.mb-50 { margin-bottom:50px; }

/* Sertifika kartları */
.cert-item {
    padding: 16px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    transition: transform .2s, box-shadow .2s;
    min-width: 100px;
}
.cert-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
}

/* Tab stilleri */
.wc-tabs .nav-link {
    color: #555;
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: 12px 24px;
    transition: all .2s;
}
.wc-tabs .nav-link.active,
.wc-tabs .nav-link:hover {
    color: var(--tg-primary-color);
    border-bottom-color: var(--tg-primary-color);
    background: transparent;
}

/* İçindekiler tablosu */
.woocommerce-Tabs-panel table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.woocommerce-Tabs-panel table th {
    background: var(--tg-primary-color);
    color: #fff;
    padding: 10px 14px;
    text-align: left;
}
.woocommerce-Tabs-panel table td {
    padding: 9px 14px;
    border-bottom: 1px solid #f0f0f0;
}
.woocommerce-Tabs-panel table tr:nth-child(even) td {
    background: #f9f9f9;
}

/* İlgili ürünler */
.suxnix-product-action {
    position: absolute;
    bottom: -50px;
    left: 0; right: 0;
    text-align: center;
    transition: bottom .3s;
}
.home-shop-item:hover .suxnix-product-action { bottom: 12px; }
.home-shop-thumb { position: relative; overflow: hidden; }

/* Oswald + Roboto font uygulaması */
body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, .title, .fw-title { font-family: 'Oswald', sans-serif; }
.section-title, .tg-service-item .title { font-family: 'Oswald', sans-serif; }
.main-nav a, .nav-links { font-family: 'Roboto', sans-serif; font-weight: 600; text-transform: uppercase; }

/* Header — sticky JS tarafından yönetiliyor */
.suxnix-theme-header {
    background: #fff;
    z-index: 10;
    position: relative;
}
.sticky-menu {
    position: fixed !important;
}
.sticky-menu .header-shape-wrap {
    display: none;
}
/* Banner z-index header shape'in altında kalmalı */
#home {
    z-index: 1;
}

/* ── Mobile Bottom Navigation ─────────────────────────────────────────────── */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 60px;
    box-shadow: 0 -4px 20px rgba(0,0,0,.08);
    padding: 0 8px;
}
.mobile-bottom-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 3px;
    color: #888;
    text-decoration: none;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: color .2s;
    padding: 6px 4px;
}
.mobile-bottom-nav__item i {
    font-size: 18px;
    line-height: 1;
}
.mobile-bottom-nav__item:hover,
.mobile-bottom-nav__item.active {
    color: var(--tg-primary-color);
    text-decoration: none;
}
.mobile-bottom-nav__item--center {
    background: var(--tg-primary-color);
    border-radius: 50%;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    margin-top: -20px;
    box-shadow: 0 4px 16px rgba(101,176,33,.4);
    padding: 8px;
}
.mobile-bottom-nav__item--center img {
    filter: brightness(0) invert(1);
}

/* Mobilde footer altına boşluk bırak */
@media (max-width: 1199px) {
    body { padding-bottom: 60px; }
    .scroll-top { bottom: 70px !important; }
}

/* ── Mobil Responsive Düzeltmeleri ────────────────────────────────────────── */
@media (max-width: 767px) {
    /* Banner */
    .jarallax { padding: 100px 0 160px !important; }
    .jarallax h1 { font-size: 36px !important; }

    /* Feature cards */
    [style*="margin-top:-130px"] { margin-top: -60px !important; }
    [style*="padding:0 79px"] { padding: 0 15px !important; }

    /* Ingredients section */
    [style*="padding:130px 0 120px"] { padding: 80px 0 !important; }

    /* Shop grid */
    .row-cols-2 > .col { width: 50%; }

    /* Footer padding */
    [style*="padding:100px 0"] { padding: 60px 0 !important; }
    [style*="padding-left:65px"] { padding-left: 15px !important; }
    [style*="padding-right:55px"] { padding-right: 15px !important; }
    [style*="padding-left:55px"] { padding-left: 15px !important; }

    /* Contact boxes */
    .contact-box { padding: 30px 20px !important; }

    /* Product detail */
    .inner-shop-details-content { padding-top: 30px; }

    /* Breadcrumb */
    [style*="padding:120px 15px 80px"] { padding: 80px 15px 50px !important; }
}

@media (max-width: 575px) {
    /* Tek kolon ürün grid */
    .row-cols-2 > .col { width: 100%; }

    /* Banner başlık */
    .jarallax h1 { font-size: 28px !important; letter-spacing: -0.5px !important; }

    /* Feature cards tam genişlik */
    [style*="padding:0 79px"] { padding: 0 !important; }
}

/* Header mobilde daha kompakt */
@media (max-width: 1199px) {
    .suxnix-theme-header .container { padding: 8px 15px; }
    .header-shape-wrap { display: none; }
}

/* ── Features kartları mobil ──────────────────────────────────────────────── */
@media (max-width: 1199px) {
    /* padding:0 79px olan row'u sıfırla */
    #features .row[style*="padding:0 79px"],
    #features .row[style*="padding: 0 79px"] {
        padding: 0 !important;
    }
}

@media (max-width: 991px) {
    /* 2 kolon */
    #features .col-xl-4 {
        width: 50%;
    }
}

@media (max-width: 575px) {
    /* Tek kolon */
    #features .col-xl-4 {
        width: 100%;
    }
    /* Kart padding küçült */
    .tg-service-item {
        padding: 30px 24px !important;
    }
    /* Sayı boyutu küçült */
    .tg-services-count {
        font-size: 72px !important;
    }
}

@media (max-width: 767px) {
    /* Features ve About kartları row padding sıfırla */
    #features .row[style*="padding:0 50px"],
    #features .row[style*="padding: 0 50px"] {
        padding: 0 !important;
    }
    /* Kart gap küçült */
    #features .row.g-4 {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }
}