/* Amazon temasi (bkz. issue #371, Themes/TEMA_SOZLESMESI.md).
   Varsayilan tema; baska bir temada eksik kalan parcalar bu temanin gorunumuyle calisir. */

/* ===== Tema degiskenleri (sozlesme bolum 4) ===== */
:root {
    --theme-primary: #FFD814;
    --theme-primary-hover: #F7CA00;
    --theme-on-primary: #0F1111;
    --theme-accent: #FF9900;
    --theme-bg: #EAEDED;
    --theme-surface: #FFFFFF;
    --theme-surface-alt: #F0F2F2;
    --theme-text: #0F1111;
    --theme-text-muted: #565959;
    --theme-border: #D5D9D9;
    --theme-link: #007185;
    --theme-price: #0F1111;
    --theme-price-old: #565959;
    --theme-success: #067D62;
    --theme-warning: #FF9900;
    --theme-danger: #CC0C39;
    --theme-info: #007185;
    --theme-header-bg: #131921;
    --theme-header-text: #FFFFFF;
    --theme-footer-bg: #232F3E;
    --theme-footer-text: #FFFFFF;
    --theme-radius: 4px;
    --theme-radius-lg: 6px;
    --theme-shadow: 0 2px 10px rgba(15,17,17,0.12);
    --theme-font-body: 'Inter', Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --theme-font-heading: 'Inter', Arial, sans-serif;
}

/* ===== Layout (header, menu, footer) ===== */
:root {
    --bs-success: #FF9900; --bs-success-rgb: 255,153,0;
    --bs-dark: #131921;    --bs-dark-rgb: 19,25,33;
    --brand-navy: #131921;
    --brand-navy-2: #232F3E;
    --brand-navy-3: #37475A;
    --brand-yellow: #FFD814;
    --brand-yellow-border: #FCD200;
    --brand-orange: #FF9900;
    --brand-page-bg: #EAEDED;
    --brand-radius: 4px;
}
body { font-family: 'Inter', Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
h1, h2, h3, h4, h5, h6, .navbar-brand, .section-title { font-family: 'Inter', Arial, sans-serif; }

.text-success                         { color: #C7511F !important; }
.bg-success                           { background-color: #FF9900 !important; }
.border-success                       { border-color: #FF9900 !important; }
.btn-success {
    background-color: var(--brand-yellow) !important;
    border-color: var(--brand-yellow-border) !important;
    color: #0F1111 !important;
    font-weight: 600 !important;
    border-radius: var(--brand-radius) !important;
}
.btn-success:hover                    { background-color: #F7CA00 !important; border-color: #F2C200 !important; }
.btn-outline-success                  { color: #0F1111 !important; border-color: #D5D9D9 !important; font-weight: 600 !important; border-radius: var(--brand-radius) !important; }
.btn-outline-success:hover            { background-color: #F0F2F2 !important; }
.btn-outline-success:focus            { box-shadow: 0 0 0 .2rem rgba(255,153,0,.25) !important; }
a.text-success:hover                  { color: #C7511F !important; text-decoration: underline; }
.navbar-dark.bg-success .nav-link     { color: #fff; font-weight: 500; }

body { background: var(--brand-page-bg); }

/* ===== Header shell ===== */
.sticky-header-zone { position: sticky; top: 0; z-index: 1030; }

.top-bar-bold {
    background: #0F1621;
    color: #ccc;
    font-size: 0.8rem;
}
.top-bar-bold a { color: #ccc; transition: color .15s; }
.top-bar-bold a:hover { color: #fff !important; }
.top-bar-bold .dropdown-toggle { color: #ccc; }

.main-nav-bold {
    background: var(--brand-navy);
    padding-top: .6rem !important;
    padding-bottom: .6rem !important;
}
.brand-mark {
    font-weight: 800;
    font-size: 1.55rem;
    letter-spacing: -0.01em;
    color: #fff !important;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    padding: 6px 8px;
    border-radius: var(--brand-radius);
}
.brand-mark:hover { border-color: #fff; }
.brand-mark i { color: var(--brand-orange); margin-right: 8px; font-size: 1.3rem; }
.deliver-to {
    color: #fff; font-size: .72rem; line-height: 1.15;
    border: 1px solid transparent; border-radius: var(--brand-radius);
    padding: 6px 8px; margin-left: 4px; display: none;
}
.deliver-to:hover { border-color: #fff; cursor: pointer; }
.deliver-to b { display: block; font-size: .85rem; font-weight: 700; }
@media (min-width: 992px) { .deliver-to { display: block; } }

.search-bold .input-group { border-radius: var(--brand-radius); overflow: hidden; }
.search-bold .form-control { border: none; padding: 0.55rem 1rem; font-weight: 500; }
.search-bold .form-control:focus { box-shadow: 0 0 0 3px rgba(255,153,0,.5); }
.search-bold .btn {
    background: var(--brand-orange) !important; border: none; border-radius: 0 var(--brand-radius) var(--brand-radius) 0 !important;
    padding: 0.55rem 1.2rem; color: #0F1111 !important;
}
.search-bold .btn:hover { background: #E68A00 !important; }

.main-nav-bold .nav-link {
    color: #fff !important; font-weight: 500; font-size: .85rem;
    border: 1px solid transparent; border-radius: var(--brand-radius);
    padding: 6px 8px !important;
}
.main-nav-bold .nav-link:hover { border-color: #fff; }
.main-nav-bold .nav-item small { display: block; color: #ccc; font-size: .68rem; line-height: 1; margin-bottom: 2px; }
.main-nav-bold .dropdown-menu { border: none; border-radius: 6px; box-shadow: 0 4px 18px rgba(0,0,0,.25); }

.cart-pill {
    display: flex; align-items: center; gap: 6px;
    border: 1px solid transparent; border-radius: var(--brand-radius);
    padding: 6px 8px;
}
.cart-pill:hover { border-color: #fff; }
.cart-pill .fa-shopping-cart { font-size: 1.4rem; color: #fff; }

/* ===== Category strip (flat, Amazon style) ===== */
.category-ribbon { background: var(--brand-navy-2); }
.category-ribbon .nav-link {
    color: #fff !important; font-weight: 500; font-size: .85rem;
    border: 1px solid transparent; border-radius: var(--brand-radius);
    padding: 6px 8px !important;
}
.category-ribbon .nav-link:hover { border-color: #fff; }
.category-ribbon .dropdown-menu {
    border: none; border-radius: 6px; box-shadow: 0 4px 18px rgba(0,0,0,.3);
    padding: 0.6rem; min-width: 260px;
    grid-template-columns: 1fr 1fr; gap: 2px;
}
.category-ribbon .dropdown-menu.show {
    display: grid;
}
.category-ribbon .dropdown-item {
    border-radius: 4px; font-weight: 500; font-size: 0.85rem;
    padding: 0.5rem 0.7rem; color: #0F1111;
}
.category-ribbon .dropdown-item:hover { background: #F0F2F2; }

/* ===== Footer ===== */
.back-to-top {
    background: var(--brand-navy-3);
    color: #fff; text-align: center;
    padding: 0.9rem 0;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
}
.back-to-top:hover { background: #415A77; }
.footer-main-bold { background: var(--brand-navy-2); }
.footer-main-bold h6 { font-weight: 700; font-size: .95rem; }
.footer-main-bold .brand-mark { font-size: 1.3rem; }
.footer-main-bold a { color: #ccc; font-size: .85rem; }
.footer-main-bold a:hover { color: #fff; text-decoration: underline; }
.newsletter-bold {
    background: #fff;
    border: 1px solid #D5D9D9;
    border-radius: 6px;
}
.newsletter-bold input { border-radius: 4px 0 0 4px; border: 1px solid #a6a6a6; padding: 0.6rem 1rem; }
.newsletter-bold button {
    border-radius: 0 4px 4px 0 !important; font-weight: 700 !important;
    background: var(--brand-yellow) !important; border: 1px solid var(--brand-yellow-border) !important; color: #0F1111 !important;
}
.social-links a {
    width: 34px; height: 34px; border-radius: 50%;
    background: rgba(255,255,255,0.08);
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s;
}
.social-links a:hover { background: rgba(255,255,255,0.18); }
.pay-pill {
    background: #fff;
    border: 1px solid #D5D9D9;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #0F1111;
    display: inline-block;
}

/* ===== Ana sayfa / liste ===== */
.store-page { background: #EAEDED; min-height: 100vh; padding-bottom: 2rem; }

/* ===== Hero Banner (flat, edge-to-edge feel) ===== */
.store-page .hero-banner {
    background: linear-gradient(180deg, #232F3E 0%, #37475A 100%);
    border-radius: 6px;
    padding: 2.4rem 2rem;
    position: relative;
    overflow: hidden;
    color: white;
    margin-top: -1px;
}
.store-page .hero-banner .hero-badge {
    display: inline-block;
    background: rgba(255,153,0,0.15);
    border: 1px solid rgba(255,153,0,0.5);
    color: #FF9900;
    border-radius: var(--brand-radius, 4px);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: .03em;
    padding: 4px 10px;
    margin-bottom: 0.8rem;
}
.store-page .hero-banner h2 { font-size: 2rem; font-weight: 800; line-height: 1.2; margin-bottom: 1rem; max-width: 560px; }
.store-page .hero-banner .btn-hero {
    background: #FFD814;
    color: #0F1111;
    border: 1px solid #FCD200;
    border-radius: 4px;
    font-weight: 700;
    padding: 0.55rem 1.5rem;
    font-size: 0.9rem;
    display: inline-block;
    transition: background .15s;
}
.store-page .hero-banner .btn-hero:hover { background: #F7CA00; color: #0F1111; }
.store-page .hero-bag-icon {
    position: absolute;
    right: 2.5rem; top: 50%;
    transform: translateY(-50%);
    font-size: 5rem;
    color: rgba(255,255,255,0.08);
}

/* ===== Category Chips ===== */
.store-page .category-chips { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.store-page .category-chip {
    border: 1px solid #D5D9D9;
    background: white;
    border-radius: 4px;
    padding: 0.4rem 1rem;
    font-size: 0.83rem;
    font-weight: 600;
    color: #0F1111;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s;
    white-space: nowrap;
}
.store-page .category-chip:hover { border-color: #FF9900; background: #FFF8F0; }
.store-page .category-chip.active { background: #232F3E; border-color: #232F3E; color: #fff; }

/* ===== Module grid (Amazon-style boxed category cards) ===== */
.store-page .module-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (min-width: 768px) { .store-page .module-grid { grid-template-columns: repeat(4, 1fr); } }
.store-page .module-card {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e3e6e6;
    padding: 1.1rem;
}
.store-page .module-card h6 { font-weight: 700; font-size: .95rem; margin-bottom: .9rem; color: #0F1111; }
.store-page .module-thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: .8rem; }
.store-page .module-thumbs div {
    aspect-ratio: 1/1; border-radius: 3px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; color: #9aa1a8;
}
.store-page .module-card a.see-more { font-size: .8rem; color: #007185; font-weight: 500; }
.store-page .module-card a.see-more:hover { color: #C7511F; text-decoration: underline; }

/* ===== Product Cards (flat, Amazon style) ===== */
.store-page .product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (min-width: 576px) { .store-page .product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 768px) { .store-page .product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 992px) { .store-page .product-grid { grid-template-columns: repeat(5, 1fr); } }

.store-page .product-card-new {
    background: white;
    border-radius: 4px;
    border: 1px solid #e3e6e6;
    overflow: hidden;
    transition: box-shadow 0.15s;
    position: relative;
}
.store-page .product-card-new:hover { box-shadow: 0 2px 10px rgba(15,17,17,0.12); }

.store-page .product-img-wrap {
    background: #fff;
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
    height: 150px;
    position: relative;
    border-bottom: 1px solid #f0f2f2;
}
.store-page .product-img-wrap img { max-height: 118px; max-width: 100%; object-fit: contain; }
.store-page .product-img-wrap .no-img-icon { font-size: 2.4rem; color: #D5D9D9; }

.store-page .badge-new, .store-page .badge-featured {
    position: absolute;
    top: 8px; left: 8px;
    font-size: 0.63rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 3px;
}
.store-page .badge-new { background: #0F1111; color: #fff; }
.store-page .badge-featured { top: 8px; left: 8px; background: #FF9900; color: #0F1111; }
.store-page .badge-new + .badge-featured, .store-page .badge-featured + .badge-new { top: 30px; }

.store-page .product-info { padding: 0.85rem; }
.store-page .product-name {
    font-size: 0.83rem;
    font-weight: 400;
    color: #0F1111;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    margin-bottom: 0.5rem;
    min-height: 2.3em;
}
.store-page .product-name:hover { color: #C7511F; text-decoration: underline; }
.store-page .product-price { font-size: 1.2rem; font-weight: 700; color: #0F1111; display: block; }
.store-page .product-stock { font-size: 0.72rem; color: #565959; margin: 0.3rem 0 0.7rem; }
.store-page .btn-add-cart {
    background: #FFD814;
    border: 1px solid #FCD200;
    border-radius: 20px;
    color: #0F1111;
    width: 100%;
    padding: 0.4rem 0;
    font-weight: 600;
    font-size: 0.8rem;
    display: flex; align-items: center; justify-content: center; gap: 6px;
    cursor: pointer;
    transition: background 0.15s;
}
.store-page .btn-add-cart:hover { background: #F7CA00; }

/* Section Title */
.store-page .section-title { font-size: 1.15rem; font-weight: 700; color: #0F1111; margin-bottom: 1rem; }

/* Infinite scroll loader */
.store-page .scroll-loader { display: none; text-align: center; padding: 1.5rem 0; color: #FF9900; }
.store-page .scroll-loader.visible { display: block; }

/* ===== Urun detay (eskiden sayfa ici <style>, bkz. issue #371) ===== */
.product-detail .text-success          { color: #2563EB !important; }
.product-detail .btn-success           { background-color: #2563EB !important; border-color: #2563EB !important; }
.product-detail .btn-success:hover     { background-color: #1d4ed8 !important; border-color: #1d4ed8 !important; }
.product-detail .border-success        { border-color: #2563EB !important; }

/* ===== Breadcrumb ===== */
.product-detail .breadcrumb-bar {
    background: #fff;
    border: 1px solid #D5D9D9;
    border-radius: var(--brand-radius, 4px);
    padding: .6rem 1rem;
    margin-bottom: 1.25rem;
}
.product-detail .breadcrumb { margin-bottom: 0; font-size: .82rem; }
.product-detail .breadcrumb-item + .breadcrumb-item { padding-left: .5rem; }
.product-detail .breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f105";
    color: #D5D9D9; padding-right: .5rem;
}
.product-detail .breadcrumb-item a {
    color: #565959; font-weight: 500; text-decoration: none;
}
.product-detail .breadcrumb-item a:hover {
    color: var(--brand-orange, #FF9900); text-decoration: underline;
}
.product-detail .breadcrumb-item.active {
    color: #0F1111; font-weight: 600;
}