/**
 * WISECP · Web Hosting Billing and Digital Services Platform
 *
 * Copyright (c) WISECP LLC — All rights reserved.
 * Unlicensed copying, distribution or use is prohibited.
 *
 * Terms of service: https://wisecp.com/terms-of-service
 */
:root{--wstyle-primary: #095174;--wstyle-primary-rgb: 9, 81, 116;--wstyle-secondary: #0d9488;--wstyle-secondary-rgb: 13, 148, 136;--wstyle-success: #2fa46e;--wstyle-success-rgb: 47, 164, 110;--wstyle-font-family: "Manrope", "Manrope Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wstyle-font-size-base: .9375rem;--wstyle-body-color: #475569;--wstyle-heading-color: #1e293b;--wstyle-muted-color: #6b7585;--wstyle-body-bg: #f5f6f8;--wstyle-surface-bg: #ffffff;--wstyle-border-color: #e4e7ec;--wstyle-chrome-bg: color-mix(in srgb, var(--wstyle-primary) 30%, #0b1220);--wstyle-chrome-bg-deep: color-mix(in srgb, var(--wstyle-primary) 22%, #070d16);--wstyle-chrome-color: #e9edf5;--wstyle-chrome-muted: #98a4b8;--wstyle-chrome-border: rgba(233, 237, 245, .09);--wstyle-radius: .625rem}[data-bs-theme=dark]{--wstyle-body-color: #c8cdd6;--wstyle-heading-color: #e8eaee;--wstyle-muted-color: #8b93a1;--wstyle-body-bg: color-mix(in srgb, var(--wstyle-primary) 12%, #0b0f15);--wstyle-surface-bg: color-mix(in srgb, var(--wstyle-primary) 14%, #101720);--wstyle-border-color: color-mix(in srgb, var(--wstyle-primary) 16%, #222c38)}


/* ==========================================================================
   BIHOSTNET - WSTYLE MEGA MENU CUSTOM STYLES
   ========================================================================== */
.nav-mega {
    min-width: 920px !important;
    max-width: 1140px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

[data-bs-theme="dark"] .nav-mega {
    background: #141b22 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4) !important;
}

.bh-mega-wrapper {
    padding: 24px 28px !important;
}

/* 3'lü ve 4'lü Grid Sistemi */
.bh-mega-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.bh-mega-grid-4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.2fr !important;
    gap: 24px !important;
}

/* Servis / Paket Kartları (Hosting, Sunucu, Reseller vb.) */
.bh-service-card {
    position: relative !important;
    display: block !important;
    padding: 22px 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    color: #1e293b !important;
    transition: all 0.25s ease-in-out !important;
    text-align: left !important;
}

[data-bs-theme="dark"] .bh-service-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

.bh-service-card:hover {
    transform: translateY(-3px) !important;
    border-color: #095174 !important;
    box-shadow: 0 10px 25px rgba(9, 81, 116, 0.12) !important;
}

.bh-service-icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(9, 81, 116, 0.1) !important;
    color: #095174 !important;
    font-size: 20px !important;
    margin-bottom: 14px !important;
    transition: all 0.25s ease !important;
}

.bh-service-card:hover .bh-service-icon {
    background: #095174 !important;
    color: #ffffff !important;
}

.bh-service-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
    color: inherit !important;
}

.bh-service-desc {
    font-size: 12.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.bh-service-price {
    font-size: 13px !important;
    margin-top: 10px !important;
    color: #095174 !important;
    font-weight: 600 !important;
}

.bh-service-price strong {
    font-size: 16px !important;
    font-weight: 800 !important;
}

/* Popüler Rozeti */
.bh-badge-populer {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: linear-gradient(135deg, #df3a7c, #b8235f) !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Alt Bilgi / SSL Şeridi */
.bh-mega-footer-banner {
    margin-top: 20px !important;
    padding: 14px 20px !important;
    background: linear-gradient(135deg, rgba(9, 81, 116, 0.06) 0%, rgba(13, 148, 136, 0.06) 100%) !important;
    border: 1px solid rgba(9, 81, 116, 0.12) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

[data-bs-theme="dark"] .bh-mega-footer-banner {
    background: rgba(9, 81, 116, 0.15) !important;
    border-color: rgba(9, 81, 116, 0.25) !important;
}

.bh-mega-footer-banner h6 {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #095174 !important;
}

[data-bs-theme="dark"] .bh-mega-footer-banner h6 {
    color: #38bdf8 !important;
}

.bh-mega-footer-banner p {
    margin: 2px 0 0 0 !important;
    font-size: 12px !important;
    color: #64748b !important;
}

/* Kurumsal Menü Kolon ve Link Stilleri */
.bh-menu-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.bh-menu-col-title {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
    margin-bottom: 12px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-bs-theme="dark"] .bh-menu-col-title {
    border-bottom-color: #334155 !important;
}

.bh-menu-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    transition: all 0.2s ease !important;
}

[data-bs-theme="dark"] .bh-menu-link {
    color: #cbd5e1 !important;
}

.bh-menu-link i {
    font-size: 12px !important;
    color: #94a3b8 !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

.bh-menu-link:hover {
    background: rgba(9, 81, 116, 0.08) !important;
    color: #095174 !important;
    transform: translateX(3px) !important;
}

.bh-menu-link:hover i {
    color: #095174 !important;
    transform: translateX(2px) !important;
}

/* İletişim / Müşteri Hizmetleri Kutusu */
.bh-contact-card {
    background: linear-gradient(135deg, rgba(9, 81, 116, 0.08) 0%, rgba(13, 148, 136, 0.04) 100%) !important;
    border: 1px solid rgba(9, 81, 116, 0.15) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.bh-contact-item {
    margin-bottom: 14px !important;
}

.bh-contact-item:last-child {
    margin-bottom: 0 !important;
}

.bh-contact-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 3px !important;
    display: block !important;
}

.bh-contact-value {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #095174 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

[data-bs-theme="dark"] .bh-contact-value {
    color: #38bdf8 !important;
}