/* =====================================================
   3dultra Tasarım Stilleri (Renklendirilmiş)
   ===================================================== */

body {
    background-color: var(--ts-bg-input, #fcfcfc) !important;
}

/* Top Bar */
.top-bar-3dultra {
    background: linear-gradient(90deg, var(--ts-primary-dark) 0%, var(--ts-primary) 100%) !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Header */
.header-main-3dultra {
    padding: 15px 0;
    background-color: #ffffff;
}

/* Menü Çubuğu */
.nav-menu-3dultra {
    background-color: #ffffff;
    border-bottom: 3px solid var(--ts-primary);
}
.nav-menu-3dultra .nav-link {
    transition: all 0.3s ease;
    border-radius: 4px;
}
.nav-menu-3dultra .nav-link:hover {
    color: #ffffff !important;
    background-color: var(--ts-primary);
}

/* Bölüm Başlıkları (Çizgili) */
.section-header-lined {
    position: relative;
}
.section-title-3dultra {
    font-size: 1.8rem;
    color: var(--ts-primary-dark);
    font-weight: 800;
}

/* Ürün Kartları (Çerçevesiz, Sade) */
.product-card-3dultra {
    background: #ffffff;
    border: 1px solid var(--ts-primary-glow);
    border-radius: 12px;
    padding: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--ts-primary-glow);
}
.product-card-3dultra:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: var(--ts-primary);
}

.product-image-wrap-3dultra {
    background-color: transparent;
    border-radius: 8px;
    padding: 10px;
}

.product-img-3dultra {
    transition: transform 0.4s ease;
}
.product-card-3dultra:hover .product-img-3dultra {
    transform: scale(1.08);
}

.product-info-3dultra {
    padding: 10px 5px 0;
}

.product-name-3dultra a {
    transition: color 0.2s;
    font-weight: 600;
}
.product-name-3dultra a:hover {
    color: var(--ts-primary) !important;
}

/* Badges */
.badge-3dultra {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: bold;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    letter-spacing: 0.5px;
}
.badge-pink {
    background: linear-gradient(45deg, var(--ts-danger) 0%, #ff6b81 100%) !important;
    color: #fff !important;
}
.badge-black {
    background: linear-gradient(45deg, var(--ts-accent) 0%, #333 100%) !important;
    color: #fff !important;
}

/* Hero Section */
.hero-section-3dultra {
    background-color: transparent;
}
.carousel-indicators [data-bs-target] {
    background-color: var(--ts-border);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
}
.carousel-indicators .active {
    background-color: var(--ts-primary);
    transform: scale(1.2);
}

/* Favori İkonu Hover Efekti */
.btn-link i.bi-heart {
    transition: color 0.3s ease;
}
.btn-link:hover i.bi-heart {
    color: var(--ts-primary);
}

/* Sarı-Siyah-Bej Tema İçin */
body.theme-yellow-black {
    --ts-primary: #FFB300;
    --ts-primary-dark: #F57F17;
    --ts-primary-light: #FFCA28;
    --ts-primary-glow: rgba(255, 179, 0, 0.15);
    --ts-accent: #212121;
    --ts-success: #10B981;
    --ts-danger: #EF4444;
    --ts-warning: #F59E0B;
    --ts-bg-dark: #FDFBF7;
    --ts-bg-card: #ffffff;
    --ts-bg-card-hover: #FFF9E6;
    --ts-bg-elevated: #ffffff;
    --ts-bg-input: #FAF8F2;
    --ts-border: #E8E4D9;
    --ts-border-light: #D5D1C4;
    --ts-text: #333333;
    --ts-text-muted: #666666;
    --ts-text-heading: #111111;
}