/* Corporate Theme - Dynamic Styles */
/* Generated: 2025-12-23 20:31:19 */


/* ==================== CSS VARIABLES ==================== */
:root {
    --primary-color: #545454;
    --secondary-color: ;
    --hero-height: 800px;
    --hero-border-radius: 10px;
    --hero-margin-top: 30px;
    --hero-margin-bottom: 30px;
    --slider-height: 850px;
    --slider-margin-top: 0px;
    --slider-margin-bottom: 40px;
    --slider-border-radius: 0px;
    --slider-object-fit: cover;
    --slider-pretitle-color: #ffffff;
    --slider-title-color: #ffffff;
    --slider-subtitle-color: #ffffff;
    --stats-border-radius: 10px;
    --header-text-color: #1d1d1f;
    --header-hover-color: #474747;
    --header-bg-color: #ffffff;
    
    /* Typography */
    --body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --heading-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --body-font-size: 16px;
    --body-line-height: 1.6;
    --h1-font-size: 42px;
    --h2-font-size: 32px;
    --h3-font-size: 24px;
    --heading-font-weight: 700;
}

/* ==================== TYPOGRAPHY ==================== */
body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
}

h1, .h1 {
    font-size: var(--h1-font-size);
}

h2, .h2 {
    font-size: var(--h2-font-size);
}

h3, .h3 {
    font-size: var(--h3-font-size);
}

/* ==================== TOP MENU BAND ==================== */
.topmenu {
    background: linear-gradient(to right, #404040, #2a2a2a);
    min-height: 0;
    height: auto;
}

.topmenu-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 0;
}

.topmenu-list li a,
.topmenu-list .nav-link {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    padding: 0;
    display: inline-block;
    line-height: 1;
}

.topmenu-list li a:hover,
.topmenu-list .nav-link:hover {
    color: #007aff !important;
    opacity: 1;
    transform: translateY(-1px);
}

/* ==================== NAVBAR ==================== */
.navbar {
    background-color: #ffffff !important;
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: #1d1d1f !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #474747 !important;
}

.navbar[id^="navbar-"] {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 0px solid #e5e7eb !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbar[id^="navbar-"] .navbar-brand img,
.navbar[id^="navbar-"] .site-logo {
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
}

.navbar[id^="navbar-"] .navbar-nav .nav-link,
.navbar[id^="navbar-"] .navbar-nav .menu-link {
    color: #1d1d1f !important;
}

.navbar[id^="navbar-"] .navbar-nav .nav-link:hover,
.navbar[id^="navbar-"] .navbar-nav .menu-link:hover,
.navbar[id^="navbar-"] .navbar-nav .nav-link.active {
    color: #474747 !important;
}

/* ==================== BUTTONS ==================== */
.btn-primary,
.btn-cta,
.cta-button,
.hero-button,
.primary-btn,
button[type="submit"]:not(.btn-secondary):not(.btn-outline):not(.btn-link),
.newsletter-form button[type="submit"],
.contact-form button[type="submit"] {
    background-color: #007bff !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-cta:hover,
.cta-button:hover,
.hero-button:hover,
.primary-btn:hover,
button[type="submit"]:not(.btn-secondary):not(.btn-outline):not(.btn-link):hover {
    opacity: 0.9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.btn-outline,
.btn-outline-primary {
    background-color: transparent !important;
    color: #007bff !important;
    border: 2px solid #007bff !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
}

.btn-outline:hover,
.btn-outline-primary:hover {
    background-color: #007bff !important;
    color: #ffffff !important;
}

/* ==================== HERO SECTION ==================== */
.hero-section,
.hero-slider-section {
    min-height: var(--hero-height);
    border-radius: var(--hero-border-radius);
    margin-top: var(--hero-margin-top);
    margin-bottom: var(--hero-margin-bottom);
}

/* ==================== IMAGE SLIDER ==================== */
.hero-slider,
.image-slider-section {
    height: var(--slider-height) !important;
    min-height: var(--slider-height) !important;
    max-height: var(--slider-height) !important;
    margin-top: var(--slider-margin-top) !important;
    margin-bottom: var(--slider-margin-bottom) !important;
    border-radius: var(--slider-border-radius) !important;
    overflow: hidden;
}

/* Slider container ve slide-item yükseklik */
.hero-slider .slider-container,
.image-slider-section .slider-container {
    height: var(--slider-height) !important;
    min-height: var(--slider-height) !important;
}

.hero-slider .slide-item,
.image-slider-section .slide-item {
    height: var(--slider-height) !important;
    min-height: var(--slider-height) !important;
}

.hero-slider .swiper-slide img,
.image-slider-section .swiper-slide img,
.hero-slider .slide-image,
.image-slider-section .slide-image {
    height: var(--slider-height) !important;
    object-fit: var(--slider-object-fit) !important;
    border-radius: var(--slider-border-radius) !important;
}

.hero-slider .slide-image img,
.image-slider-section .slide-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: var(--slider-object-fit, cover) !important;
}

/* Slider container with border radius */
.hero-slider .swiper-wrapper,
.image-slider-section .swiper-wrapper {
    border-radius: var(--slider-border-radius);
    overflow: hidden;
}

/* ==================== STATS SECTION ==================== */
.stats-section {
    background: #000000;
    color: #ffffff;
    border-radius: var(--stats-border-radius);
}

.stats-section .stat-number,
.stats-section .stat-label {
    color: #ffffff !important;
}

/* ==================== NEWSLETTER ==================== */
.newsletter-section {
    background-color: #f8f9fa;
    color: #1f2937;
}

/* ==================== CTA SECTION ==================== */
.cta-section {
    background-color: #f0ff80;
    color: #ffffff;
    position: relative;
    background-image: url('/uploads/general/test.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.cta-section > * {
    position: relative;
    z-index: 2;
}

.cta-section h2,
.cta-section h3,
.cta-section p {
    color: #ffffff;
}

.cta-section .btn {
    background-color: #1f1f1f !important;
}

/* ==================== SPLIT HERO ==================== */
.split-hero-section {
    padding: 60px 0;
}

.split-hero-section .btn-primary {
    background: #000000 !important;
    color: #ffffff !important;
}

/* ==================== MAGAZA LAYOUT ==================== */

.navbar-magaza .magaza-search-container .input-group:focus-within {
    border-color: #474747;
    box-shadow: 0 0 0 3px rgba(71, 71, 71, 0.1);
}

.navbar-magaza .magaza-text-link:hover {
    color: #474747 !important;
}

.navbar-magaza .magaza-icon-btn:hover {
    color: #474747 !important;
}

/* Magaza Layout - Header Top */
.navbar-magaza .magaza-header-top {
    background-color: #ffffff !important;
}

/* Magaza Layout - Category Bar */
.navbar-magaza .magaza-category-bar {
    background-color: #ffffff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.navbar-magaza .magaza-category-bar .navbar-nav > li > a:hover,
.navbar-magaza .magaza-category-bar .navbar-nav > li.active > a {
    color: #474747 !important;
}

.navbar-magaza .magaza-category-bar .navbar-nav .dropdown-menu a:hover {
    color: #474747 !important;
}

.navbar-magaza .magaza-category-bar .navbar-nav .mega-menu > li > a:hover {
    color: #474747 !important;
}

/* Header Icons */
.header-icon {
    color: #000000 !important;
}

.header-icon-btn:hover .header-icon,
.mobile-icon-btn:hover .header-icon,
.magaza-icon-btn:hover .header-icon,
button:hover .header-icon,
.header-icon:hover {
    color: #595959 !important;
}

.mobile-icon-btn:hover {
    color: #474747 !important;
}

/* Push Notification Button - Active/Subscribed State */
.push-notification-btn.subscribed i,
.push-notification-btn.active i {
    color: #595959 !important;
}

/* Bootstrap btn-link overrides for icon buttons */
.btn-link.header-icon-btn,
.btn-link.mobile-icon-btn,
.btn-link.magaza-icon-btn,
.btn-link.push-notification-btn {
    color: inherit !important;
}

.btn-link.header-icon-btn:hover,
.btn-link.mobile-icon-btn:hover,
.btn-link.magaza-icon-btn:hover,
.btn-link.push-notification-btn:hover,
.btn-link.header-icon-btn:active,
.btn-link.mobile-icon-btn:active,
.btn-link.magaza-icon-btn:active,
.btn-link.push-notification-btn:active,
.btn-link.header-icon-btn.active,
.btn-link.mobile-icon-btn.active,
.btn-link.magaza-icon-btn.active,
.btn-link.push-notification-btn.active {
    color: inherit !important;
    text-decoration: none !important;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
    .hero-section {
        min-height: calc(var(--hero-height) * 0.7);
    }
    
    .stats-section .stat-number {
        font-size: 2rem;
    }
    
    /* ===== MOBİL SLİDER DÜZELTMELERİ ===== */
    .hero-slider-container,
    .image-slider-section {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    
    .hero-slider {
        height: auto !important;
        min-height: unset !important;
        max-height: none !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .hero-slider .slide-item {
        position: relative !important;
        height: auto !important;
        min-height: unset !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    
    .hero-slider .slide-item:not(.active) {
        display: none !important;
    }
    
    .hero-slider .slide-item.active {
        display: block !important;
    }
    
    .hero-slider .slide-image {
        width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        max-height: none !important;
        position: relative !important;
    }
    
    .hero-slider .slide-image img {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important;
        max-height: 60vh !important;
        object-fit: cover !important;
        display: block !important;
        aspect-ratio: 16/9;
    }
    
    /* Mobilde slide içerik (title/subtitle) gizle */
    .hero-slider .slide-content {
        display: none !important;
    }
    
    /* Navigation butonları mobilde küçük */
    .hero-slider-container .slider-nav {
        width: 36px !important;
        height: 36px !important;
    }
    
    .hero-slider-container .slider-prev {
        left: 8px !important;
    }
    
    .hero-slider-container .slider-next {
        right: 8px !important;
    }
}

@media (max-width: 480px) {
    .hero-slider .slide-image img {
        max-height: 50vh !important;
    }
    
    .hero-slider-container .slider-nav {
        width: 32px !important;
        height: 32px !important;
    }
    
    .hero-slider-container .slider-nav svg {
        width: 16px !important;
        height: 16px !important;
    }
}