/* ITM Hosting — Dark mode (html.itm-dark-mode) */

html.itm-dark-mode {
    --itm-bg: #0c1222;
    --itm-bg-alt: #111827;
    --itm-surface: #151d35;
    --itm-border: #334155;
    --itm-border-light: #1e293b;
    --itm-text: #94a3b8;
    --itm-text-muted: #64748b;
    --itm-heading: #f1f5f9;
    color-scheme: dark;
}

html.itm-dark-mode body.master-theme:not(.master-panel) {
    background: var(--itm-bg) !important;
    color: var(--itm-text) !important;
}

/* Anasayfa hero */
html.itm-dark-mode #home .itm-home-hero {
    color: #fff;
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(14, 165, 233, 0.2), transparent 62%),
        radial-gradient(circle at 85% 75%, rgba(99, 102, 241, 0.14), transparent 45%),
        linear-gradient(160deg, #0c1222 0%, #1a1040 55%, #0c1222 100%);
}

html.itm-dark-mode #home .itm-home-hero-grid {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
}

html.itm-dark-mode #home .itm-home-hero-orb { opacity: 0.5; }

html.itm-dark-mode #home .itm-home-hero-badge {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
    color: #22d3ee;
}

html.itm-dark-mode #home .itm-home-hero-title {
    color: #fff !important;
}

html.itm-dark-mode #home .itm-home-hero-desc {
    color: rgba(255, 255, 255, 0.8) !important;
}

html.itm-dark-mode #home .itm-topbar-logo .itm-logo-img--dark {
    filter: none !important;
}

/* ─── Hizmetler (VDS kartı dahil) ─── */
html.itm-dark-mode #home .itm-home-services {
    --svc-ink: #f1f5f9;
    --svc-muted: #94a3b8;
    --svc-faint: #64748b;
    --svc-line: #334155;
    --svc-surface: #151d35;
    --svc-page: #0c1222;
    --svc-navy: #0f172a;
    background: var(--svc-page) !important;
}

html.itm-dark-mode #home .itm-svc-card--mini,
html.itm-dark-mode #home .itm-svc-card--colocation {
    background: var(--svc-surface) !important;
    border-color: var(--svc-line) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25) !important;
}

html.itm-dark-mode #home a.itm-svc-card--mini:hover,
html.itm-dark-mode #home a.itm-svc-card--colocation:hover {
    border-color: #475569 !important;
}

html.itm-dark-mode #home .itm-svc-card--dark {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.itm-dark-mode #home .itm-svc-card--dark .itm-svc-card-head h3,
html.itm-dark-mode #home .itm-svc-card--dark .itm-svc-card-price strong {
    color: #ffffff !important;
}

html.itm-dark-mode #home .itm-svc-card--dark .itm-svc-card-desc,
html.itm-dark-mode #home .itm-svc-card--dark .itm-svc-card-price span {
    color: rgba(255, 255, 255, 0.72) !important;
}

html.itm-dark-mode #home .itm-svc-card--blue .itm-svc-icon { background: rgba(37, 99, 235, 0.18); }
html.itm-dark-mode #home .itm-svc-card--violet .itm-svc-icon { background: rgba(124, 58, 237, 0.18); }
html.itm-dark-mode #home .itm-svc-card--green .itm-svc-icon { background: rgba(5, 150, 105, 0.18); }
html.itm-dark-mode #home .itm-svc-card--amber .itm-svc-icon { background: rgba(217, 119, 6, 0.18); }
html.itm-dark-mode #home .itm-svc-card--orange .itm-svc-icon { background: rgba(234, 88, 12, 0.18); }

html.itm-dark-mode #home .itm-svc-btn--outline {
    border-color: #fb923c !important;
    color: #fdba74 !important;
}

html.itm-dark-mode #home a.itm-svc-card--colocation:hover .itm-svc-btn--outline {
    background: rgba(234, 88, 12, 0.12) !important;
}

/* ─── Showcase (290+ Tbps vb.) ─── */
html.itm-dark-mode #home .itm-home-showcase {
    background: #0c1222 !important;
}

html.itm-dark-mode #home .itm-showcase-eyebrow {
    color: #64748b !important;
}

html.itm-dark-mode #home .itm-showcase-copy h2 {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-showcase-copy > p,
html.itm-dark-mode #home .itm-showcase-list li {
    color: #94a3b8 !important;
}

/* ─── Neden Bizi Seçmelisiniz? ─── */
html.itm-dark-mode #home .itm-home-why {
    background:
        radial-gradient(ellipse 80% 60% at 10% 0%, rgba(14, 165, 233, 0.1), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgba(124, 58, 237, 0.08), transparent 50%),
        #111827 !important;
}

html.itm-dark-mode #home .itm-home-why-head h2,
html.itm-dark-mode #home .itm-why-card h3 {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-home-why-head p,
html.itm-dark-mode #home .itm-why-card p {
    color: #94a3b8 !important;
}

html.itm-dark-mode #home .itm-why-card {
    background: #151d35 !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25) !important;
}

html.itm-dark-mode #home .itm-why-card--blue .itm-why-icon { background: rgba(37, 99, 235, 0.18); }
html.itm-dark-mode #home .itm-why-card--violet .itm-why-icon { background: rgba(124, 58, 237, 0.18); }
html.itm-dark-mode #home .itm-why-card--green .itm-why-icon { background: rgba(5, 150, 105, 0.18); }
html.itm-dark-mode #home .itm-why-card--orange .itm-why-icon { background: rgba(234, 88, 12, 0.18); }
html.itm-dark-mode #home .itm-why-card--pink .itm-why-icon { background: rgba(219, 39, 119, 0.18); }
html.itm-dark-mode #home .itm-why-card--indigo .itm-why-icon { background: rgba(79, 70, 229, 0.18); }

/* ─── Video bölümü ─── */
html.itm-dark-mode #home .itm-home-video {
    background:
        radial-gradient(circle at 1px 1px, rgba(14, 165, 233, 0.08) 1px, transparent 0),
        #0c1222 !important;
    background-size: 24px 24px, auto !important;
}

html.itm-dark-mode #home .itm-home-video-card {
    background: #151d35 !important;
    border-color: #334155 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
}

html.itm-dark-mode #home .itm-home-video-badge {
    background: rgba(14, 165, 233, 0.15) !important;
    border-color: rgba(14, 165, 233, 0.25) !important;
    color: #22d3ee !important;
}

html.itm-dark-mode #home .itm-home-video-copy h2 {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-home-video-copy > p {
    color: #94a3b8 !important;
}

html.itm-dark-mode #home .itm-home-video-stat-label {
    color: #64748b !important;
}

html.itm-dark-mode #home .itm-home-video-stat strong {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-home-video-foot {
    color: #64748b !important;
}

html.itm-dark-mode #home .itm-home-video-yt {
    color: #94a3b8 !important;
}

/* ─── Görüş ve Düşünceler ─── */
html.itm-dark-mode #home .itm-testimonials {
    background:
        radial-gradient(ellipse 70% 55% at 0% 0%, rgba(14, 165, 233, 0.12), transparent 58%),
        radial-gradient(ellipse 60% 50% at 100% 100%, rgba(124, 58, 237, 0.1), transparent 52%),
        #111827 !important;
}

html.itm-dark-mode #home .itm-testimonials .pakettitle h1 strong {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-testimonials .pakettitle h2,
html.itm-dark-mode #home .itm-testimonials .itm-feedback-intro,
html.itm-dark-mode #home .itm-testimonials .itm-feedback-success p {
    color: #94a3b8 !important;
}

html.itm-dark-mode #home .itm-testimonial-card,
html.itm-dark-mode #home .itm-testimonials .itm-feedback-card {
    background: #151d35 !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28) !important;
}

html.itm-dark-mode #home .itm-testimonial-meta h3 {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-testimonial-meta h4,
html.itm-dark-mode #home .itm-testimonial-quote p {
    color: #94a3b8 !important;
}

html.itm-dark-mode #home .itm-testimonials .itm-feedback-title {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-testimonials .itm-feedback-input,
html.itm-dark-mode #home .itm-testimonials .itm-feedback-textarea,
html.itm-dark-mode #home .itm-testimonials #FeedbackForm .itm-feedback-input,
html.itm-dark-mode #home .itm-testimonials #FeedbackForm .itm-feedback-textarea {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-testimonials .itm-feedback-file {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

html.itm-dark-mode #home .itm-testimonials .itm-feedback-file span {
    color: #cbd5e1 !important;
}

/* ─── Blog ve Haberler ─── */
html.itm-dark-mode #home .itm-home-news.blogvehaber {
    background-color: #0c1222 !important;
}

html.itm-dark-mode #home .itm-home-news.blogvehaber::before {
    background: linear-gradient(180deg, rgba(12, 18, 34, 0.92) 0%, rgba(17, 24, 39, 0.96) 100%) !important;
}

html.itm-dark-mode #home .itm-news-panel.haberblog {
    background: #151d35 !important;
    border-color: #334155 !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28) !important;
}

html.itm-dark-mode #home .itm-news-panel-head.haberbloktitle {
    border-bottom-color: #334155 !important;
}

html.itm-dark-mode #home .itm-news-panel-head h4,
html.itm-dark-mode #home .itm-news-panel-head h4 a {
    color: #f1f5f9 !important;
}

html.itm-dark-mode #home .itm-news-panel-icon {
    background: rgba(37, 99, 235, 0.18) !important;
}

html.itm-dark-mode #home .itm-news-panel-icon--blog {
    background: rgba(124, 58, 237, 0.18) !important;
}

html.itm-dark-mode #home .itm-news-item-body p,
html.itm-dark-mode #home .itm-news-item-body time {
    color: #94a3b8 !important;
}

/* ─── Genel içerik ─── */
html.itm-dark-mode .master-main,
html.itm-dark-mode .itm-section-bg {
    background-color: var(--itm-bg) !important;
    color: var(--itm-text);
}

html.itm-dark-mode .itm-pkg-card,
html.itm-dark-mode .tablepaket,
html.itm-dark-mode .sepetlist,
html.itm-dark-mode .sepetrightshadow,
html.itm-dark-mode .sepetright .sepetrightcon {
    background: var(--itm-surface) !important;
    border-color: var(--itm-border) !important;
    color: var(--itm-text) !important;
}

html.itm-dark-mode .itm-pkg-card h3,
html.itm-dark-mode .itm-pkg-card .itm-pkg-price,
html.itm-dark-mode .tablepaket h3,
html.itm-dark-mode h1,
html.itm-dark-mode h2,
html.itm-dark-mode h3,
html.itm-dark-mode h4 {
    color: var(--itm-heading) !important;
}

html.itm-dark-mode input[type="text"],
html.itm-dark-mode input[type="email"],
html.itm-dark-mode input[type="password"],
html.itm-dark-mode input[type="number"],
html.itm-dark-mode textarea,
html.itm-dark-mode select {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

html.itm-dark-mode .master-footer,
html.itm-dark-mode .itm-footer {
    background: #080d18 !important;
    border-top-color: #1e293b !important;
}

html.itm-dark-mode .master-footer a,
html.itm-dark-mode .itm-footer a {
    color: #94a3b8 !important;
}

html.itm-dark-mode .master-footer a:hover,
html.itm-dark-mode .itm-footer a:hover {
    color: #22d3ee !important;
}

html.itm-dark-mode .master-footer-cta,
html.itm-dark-mode .itm-newsletter--footer {
    background: #111827 !important;
}

html.itm-dark-mode .itm-newsletter-box,
html.itm-dark-mode .ebultencont {
    background: #151d35 !important;
    border-color: #334155 !important;
}

html.itm-dark-mode .itm-topbar-cart .basket-count {
    border-color: #0b1220;
}

/* Anasayfa — dark mode header (açık hero override'ları devre dışı) */
html.itm-dark-mode #home .itm-topbar-chip {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: none !important;
}

html.itm-dark-mode #home .itm-topbar-chip:hover {
    color: #fff !important;
    background: rgba(14, 165, 233, 0.35) !important;
    border-color: rgba(14, 165, 233, 0.5) !important;
}

html.itm-dark-mode #home .itm-panel-dropdown-toggle {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}

html.itm-dark-mode #home .itm-header-agency .itm-main-menu,
html.itm-dark-mode #home .itm-header-corporate .itm-corp-menu-inner {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

html.itm-dark-mode #home .itm-header-agency .itm-main-menu::before,
html.itm-dark-mode #home .itm-header-corporate .itm-corp-menu-inner::before {
    display: none !important;
}

html.itm-dark-mode #home .header.master-header .menu > ul > li > a,
html.itm-dark-mode #home .header.master-header .itm-nav-menu > ul > li > a {
    color: rgba(255, 255, 255, 0.85) !important;
}

html.itm-dark-mode #home .header.master-header .menu > ul > li > a:hover,
html.itm-dark-mode #home .header.master-header .itm-nav-menu > ul > li > a:hover {
    color: #22d3ee !important;
}

/* Mega menü — admin HTML inline açık renklerini ez */
html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-panel {
    background: rgba(21, 29, 53, 0.98) !important;
    border-color: #334155 !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-aside {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(21, 29, 53, 0.98) 55%, rgba(17, 24, 39, 1) 100%) !important;
    border-right-color: #334155 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-aside h3,
html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-aside h3 span {
    color: #f1f5f9 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-aside p {
    color: #94a3b8 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-aside svg {
    color: #e2e8f0 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-col h4 {
    color: #64748b !important;
}

html.itm-dark-mode .menu ul.itm-megamenu a.itm-mega-row {
    color: #e2e8f0 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu a.itm-mega-row > div:last-child > div:first-child {
    color: #f1f5f9 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu a.itm-mega-row p {
    color: #94a3b8 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu a.itm-mega-row:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #f1f5f9 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-footer {
    background: #111827 !important;
    border-top-color: #334155 !important;
    color: #94a3b8 !important;
}

html.itm-dark-mode .menu ul.itm-megamenu .itm-mega-footer > div:last-child {
    background: rgba(127, 29, 29, 0.22) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html.itm-dark-mode .menu li.itm-megamenuli:hover ul.itm-megamenu .itm-mega-aside > a.itm-mega-aside-cta {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}