/* Custom CSS for İmzaturka - Premium Modern Design */

:root {
    --primary-color: #2D58F7;
    --primary-dark: #1A3BC4;
    --secondary-color: #6C38F7;
    --dark-bg: #0B1120;
    --dark-custom: #111827;
    --light-gray: #F8FAFC;
    --text-color: #334155;
}

body {
    font-family: 'Outfit', sans-serif;
    color: var(--text-color);
    background-color: #ffffff;
    overflow-x: hidden;
}

/* Typography Enhancements */
.fw-extrabold {
    font-weight: 800;
}

/* Gradients */
.text-primary-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.text-grad {
    background: linear-gradient(135deg, #60A5FA, #A78BFA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.bg-primary-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.btn-primary-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(45, 88, 247, 0.4);
}

.btn-primary-gradient:hover {
    background: linear-gradient(135deg, var(--primary-dark), #5824e6);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(45, 88, 247, 0.6);
}

/* Custom Utilities */
.bg-light-gray {
    background-color: var(--light-gray);
}

.bg-dark-custom {
    background-color: var(--dark-custom);
}

.bg-primary-light {
    background-color: rgba(45, 88, 247, 0.1);
}

.bg-success-light {
    background-color: rgba(16, 185, 129, 0.1);
}

.bg-info-light {
    background-color: rgba(14, 165, 233, 0.1);
}

.bg-warning-light {
    background-color: rgba(245, 158, 11, 0.1);
}

/* Navbar Settings */
.navbar-glass {
    background: rgba(195, 215, 255, 0.85); /* İlk denemenin 1 tık koyusu, çok daha zarif ve okunur bir kurumsal açık mavi */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(45, 88, 247, 0.15); /* Çizgi ve gölgelerde kurumsal mavi vurgusu */
    transition: all 0.3s ease;
    padding: 0.4rem 0; /* Menünün üstten ve alttan kalınlığı hafifletilerek daha zarif hale getirildi */
}

.navbar.scrolled {
    /* Kaydırıldığında renk ve kalınlık değişimi kaldırıldı, sadece belirsiz bir derinlik (gölge) kalır */
    box-shadow: 0 10px 30px rgba(45, 88, 247, 0.15); /* Kurumsal mavi shadow */
}

/* Override nav links to dark text for light background */
.navbar-dark .navbar-nav .nav-link {
    color: #1f2937 !important;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
    transition: color 0.3s ease;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #2d58f7 !important;
}

.navbar-toggler-icon {
    filter: invert(1);
}


.btn-sm-custom {
    padding: 0.5rem 1.2rem !important;
    font-weight: 600;
}

/* Hero Section */
.hero-section {
    position: relative;
    background: var(--dark-bg);
    min-height: 100vh;
    padding-top: 100px;
    align-items: center;
    overflow: hidden;
}

.hero-title {
    line-height: 1.2;
    letter-spacing: -1px;
}

/* Abstract Background Shapes */
.shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
    opacity: 0.5;
}

.shape-1 {
    width: 500px;
    height: 500px;
    background: var(--primary-color);
    top: -100px;
    right: -100px;
    animation: float 10s infinite ease-in-out alternate;
}

.shape-2 {
    width: 400px;
    height: 400px;
    background: var(--secondary-color);
    bottom: -100px;
    left: -100px;
    animation: float 12s infinite ease-in-out alternate-reverse;
}

.shape-3 {
    width: 300px;
    height: 300px;
    background: rgba(96, 165, 250, 0.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulse 8s infinite alternate;
}

@keyframes float {
    0% {
        transform: translateY(0) scale(1);
    }

    100% {
        transform: translateY(-30px) scale(1.1);
    }
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0.4;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.7;
    }
}

/* Animations */
.animate-fade-up {
    animation: fadeUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

.animate-fade-left {
    animation: fadeLeft 0.8s ease-out forwards;
    opacity: 0;
    transform: translateX(20px);
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Glass Card */
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.hero-image-wrapper:hover .glass-card {
    transform: translateY(-10px);
    box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.6);
}

.custom-hover {
    transition: all 0.3s ease;
}

.custom-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2) !important;
}

.hover-white {
    transition: all 0.3s ease;
}

.hover-white:hover {
    background-color: white;
    color: var(--dark-bg);
    transform: translateY(-2px);
}

/* Feature Cards */
.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.feature-icon {
    width: 70px;
    height: 70px;
    transition: transform 0.3s ease;
}

.feature-card:hover .feature-icon {
    transform: scale(1.1);
}

/* Subpage Header Padding */
.subpage-header {
    background: var(--dark-bg);
    padding-top: 150px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

/* Footer styling */
.footer-links a {
    transition: color 0.3s ease, padding-left 0.3s ease;
    display: inline-block;
}

.footer-links a:hover {
    color: white !important;
    padding-left: 5px;
}

/* Koyu footer üzerinde orijinal renkli logonun okunaklı olması için zarif bir beyaz arka aydınlatma (glow/gölge) efekti */
footer .navbar-brand img {
    filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.3)) drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5));
    transition: filter 0.3s ease;
}

footer .navbar-brand img:hover {
    filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.7));
}

.social-links a {
    transition: all 0.3s ease;
}

.social-links a:hover {
    background-color: white;
    color: var(--dark-custom) !important;
    transform: translateY(-3px);
}

/* Navbar Fixes */
.navbar-nav .nav-link {
    white-space: nowrap !important;
}

@media (min-width: 992px) {
    .navbar .container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Make navbar buttons sleek pills instead of circles */
.navbar .nav-item .btn {
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Logo filter removed to keep the dark logo's native color visible */


/* Dropdown Menu Enhancements */
.dropdown-menu {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
    padding: 0.5rem 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.dropdown-item {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 6px;
    margin: 2px 8px;
    width: calc(100% - 16px);
}

.dropdown-item:hover {
    background-color: rgba(45, 88, 247, 0.08) !important;
    color: var(--primary-color) !important;
    transform: translateX(4px);
}

.dropdown-item i {
    transition: all 0.25s ease;
}

.dropdown-item:hover i {
    opacity: 1 !important;
    transform: scale(1.2);
}

/* FAQ Tabbed Interface & Accordion Refinements */
#pills-tab .nav-link {
    color: #6c757d;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

#pills-tab .nav-link.active {
    background: #ffffff !important;
    color: var(--primary-color) !important;
    box-shadow: 0 5px 15px rgba(45, 88, 247, 0.1);
    border: 2px solid var(--primary-color) !important;
}

#pills-tab .nav-link.active i {
    color: var(--primary-color) !important;
}

#pills-tab .nav-link:hover:not(.active) {
    background-color: rgba(45, 88, 247, 0.05);
    color: var(--primary-color);
}

.accordion-item {
    transition: transform 0.2s ease;
}

.accordion-item:hover {
    transform: translateY(-2px);
}

.accordion-button:not(.collapsed) {
    background-color: white !important;
    color: var(--primary-color) !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: rgba(45, 88, 247, 0.1);
}