/* TreCloud brand layer. En son yüklenir. Palet dışı hex yok. */
:root {
    --c-primary: #0B5FA5;
    --c-primary-hover: #084B84;
    --c-primary-tint: color-mix(in srgb, #0B5FA5 10%, #fff);
    --c-navy: #0B2647;
    --c-accent: #14B8A6;
    --c-bg: #F6F8FB;
    --c-surface: #FFFFFF;
    --c-text: #0F172A;
    --c-muted: #5B6B7F;
    --c-border: #E2E8F0;
    --c-success: #16A34A;
    --c-warn: #D97706;
    --c-danger: #DC2626;
    --c-radius: 10px;
    --c-radius-card: 12px;
    --c-shadow: 0 1px 2px rgba(15, 23, 42, .06);
    --c-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --tc-primary: var(--c-primary);
    --tc-primary-2: var(--c-primary-hover);
    --tc-navy: var(--c-text);
    --tc-blue: var(--c-primary);
    --tc-sky: var(--c-primary);
    --tc-green: var(--c-accent);
    --tc-muted: var(--c-muted);
    --nl-bg: var(--c-bg);
    --nl-navy: var(--c-text);
    --nl-navy-2: var(--c-primary-hover);
    --nl-ink: var(--c-text);
    --nl-text: var(--c-text);
    --nl-muted: var(--c-muted);
    --nl-sky: var(--c-primary);
    --nl-sky-2: var(--c-primary);
    --nl-sky-soft: var(--c-primary-tint);
    --nl-line: var(--c-border);
    --nv-ink: var(--c-text);
    --nv-text: var(--c-muted);
    --nv-muted: var(--c-muted);
    --nv-line: var(--c-border);
    --nv-soft: var(--c-bg);
    --nv-tint: var(--c-primary-tint);
    --nv-primary: var(--c-primary);
    --nv-primary-dark: var(--c-text);
    --nv-violet: var(--c-primary);
    --nv-grad: var(--c-text);
    --basic-primary: var(--c-primary);
    --basic-primary-rgb: 11, 95, 165;
    --basic-secondary: var(--c-text);
    --basic-secondary-rgb: 11, 38, 71;
    --basic-text: var(--c-text);
    --basic-heading-color: var(--c-text);
    --basic-body-bg: var(--c-bg);
    --basic-border-color: var(--c-border);
    --bs-primary: var(--c-primary);
    --bs-primary-rgb: 11, 95, 165;
    --bs-link-color: var(--c-primary);
    --bs-link-hover-color: var(--c-primary-hover);
    --tc-link: var(--c-primary);
    --tc-link-hover: var(--c-primary-hover);
    --tc-link-active: var(--c-primary);
}

body { background: var(--c-bg); color: var(--c-text); }

/* Tip 1 */
.btn-primary, .tc-btn-primary, .nl-btn, .nl-btn-sky, .nv-btn,
.plan-card .btn-soft, .plan-card .btn-primary, .plan-popular .btn, .nl-login,
.cookie-btn-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    background: var(--c-primary) !important; /* override: nl.css plan buton !important */
    background-image: none !important; /* override: data-tc-gradient */
    border: 1px solid var(--c-primary) !important;
    color: #fff !important;
    min-height: 44px;
    padding: 0 20px;
    border-radius: var(--c-radius);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    box-shadow: none;
    transform: none;
    text-decoration: none;
}
.btn-primary:hover, .tc-btn-primary:hover, .nl-btn:hover, .nl-btn-sky:hover,
.nv-btn:hover, .plan-card .btn-soft:hover, .plan-card .btn-primary:hover,
.plan-popular .btn:hover, .nl-login:hover, .cookie-btn-solid:hover {
    background: var(--c-primary-hover) !important;
    border-color: var(--c-primary-hover) !important;
    color: #fff !important;
    transform: none;
    box-shadow: none;
}
.plan-card .btn:hover,
.plan-card .btn:focus-visible,
.plan-card .btn-soft:hover,
.plan-card .btn-primary:hover,
.plan-popular .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 28px -16px color-mix(in srgb, var(--c-primary) 70%, #0b2647) !important;
}
.plan-card .btn:active {
    transform: translateY(0) !important;
}

/* Tip 2 */
.btn-outline-secondary, .nl-btn-ghost, .nv-btn-ghost, .nl-pop-btn-ghost,
.cookie-btn-ghost, .cookie-btn-bare {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid var(--c-text) !important;
    box-shadow: none !important;
    color: var(--c-text) !important;
    min-height: 44px;
    padding: 0 20px;
    border-radius: var(--c-radius);
    font-weight: 600;
    font-size: 15px;
}
.btn-outline-secondary:hover, .nl-btn-ghost:hover, .nv-btn-ghost:hover,
.nl-pop-btn-ghost:hover, .cookie-btn-ghost:hover, .cookie-btn-bare:hover {
    border-color: var(--c-primary) !important;
    color: var(--c-primary) !important;
    background: var(--c-primary-tint) !important;
}

.nl-btn-line, .nv-btn-white, .nv-btn-glass,
:is(.nl-infra, .nl-cta, .nv-dark, .cta-band, .site-footer) .btn-outline-secondary {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    box-shadow: none !important;
}
:is(.nl-btn-line, .nv-btn-white, .nv-btn-glass):hover {
    background: var(--c-surface) !important;
    color: var(--c-text) !important;
}
:is(.btn, .nl-btn, .nv-btn, .cookie-btn):focus-visible {
    outline: 2px solid var(--c-primary);
    outline-offset: 2px;
}

/* Hero */
.nl-hero-wrap, .nv-hero, .nv-phero,
html[data-tc-texture] .nl-hero-wrap,
html[data-tc-density="kurumsal"] .nl-hero-wrap {
    background: var(--c-bg) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--c-border);
}
.page-hero:before { display: none; }
.is-face-editor .nl-slide h1, .is-face-editor .nl-slide h2,
.nl-hero-wrap:not(.is-image):not(.is-video) .nl-slide h1,
.nl-hero-wrap:not(.is-image):not(.is-video) .nl-slide h2,
.nv-hero h1, .nv-phero h1, .page-hero-title {
    font-family: var(--c-font) !important;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.05;
    color: var(--c-text);
}
.nl-hero-wrap:not(.is-image):not(.is-video) .nl-slide h1,
.nv-hero h1, .nv-phero h1, .page-hero-title {
    font-size: clamp(2.2rem, 4.6vw, 3.75rem);
}
:is(.nl-slide h1, .nl-slide h2, .nl-head-c h2, .nl-domain h2, .tpg-heading) span {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--c-primary) !important;
}
.nl-infra h2, .nl-infra h2 span, .nl-cta h2, .nl-cta h2 span { color:var(--c-text) !important; }
.is-face-editor .nl-pill { color: var(--c-muted) !important; }
.is-face-editor .nl-btn-ghost { display: inline-flex !important; }
@media (max-width: 420px) {
    .nl-slide h1, .nv-hero h1, .nv-phero h1 { font-size: 2rem; line-height: 1.1; }
}

/* İkon, rozet, koyu bant */
.nv-ico, .nv-product-ico, .plan-ico, .tm-ico {
    background: var(--c-primary-tint) !important;
    color: var(--c-primary) !important;
}
.badge { background: var(--c-primary-tint) !important; color: var(--c-primary) !important; }
.plan-badge .badge, .nl-tick em { background: var(--c-accent) !important; color: #fff !important; }
.nl-ctop .nl-status, .nl-ctop .nl-status i,
.nl-dk .nl-status, .nl-dk .nl-status i,
.nl-corp-top .nl-status, .nl-corp-top .nl-status i { color: var(--c-accent) !important; }
.plan-features li i { color: var(--c-primary) !important; }

.nl-announce, .nl-top, .topbar, .client-subnav {
    background: var(--c-navy) !important;
    background-image: none !important;
    color: rgba(255, 255, 255, .85);
    border-color: transparent;
}

/* Müşteri paneli alt menü: koyu zeminde okunur linkler */
.client-subnav{
    border-block-end:1px solid rgba(255,255,255,.08);
}
.client-subnav .client-subnav-link{
    color:rgba(255,255,255,.78)!important;
    border-block-end-color:transparent;
    font-weight:600;
    gap:.45rem;
    padding-inline:.9rem;
}
.client-subnav .client-subnav-link .bi{
    color:rgba(255,255,255,.72);
    font-size:1.05rem;
}
.client-subnav .client-subnav-link:hover,
.client-subnav .client-subnav-link:focus-visible{
    color:#fff!important;
}
.client-subnav .client-subnav-link:hover .bi,
.client-subnav .client-subnav-link:focus-visible .bi{
    color:#fff;
}
.client-subnav .client-subnav-link.active{
    color:#fff!important;
    border-block-end-color:var(--c-primary)!important;
}
.client-subnav .client-subnav-link.active .bi{
    color:#fff;
}
.client-subnav .client-subnav-badge{
    background:var(--c-primary)!important;
    color:#fff!important;
}
.nl-top-info a, .nl-top-info span, .nl-top-info i { color: rgba(255, 255, 255, .85); }
.nl-top-info a:hover { color: #fff; }
.site-header, .nl-bar, .nl-head { background: var(--c-surface); }
.nl-bar { border-bottom: 1px solid var(--c-border); }

.site-footer, .site-footer.nl-foot, .site-footer.nl-foot.nl-foot--dark {
    background: var(--c-navy) !important; /* override: nl.css beyaz footer */
    background-image: none !important;
    color: rgba(255, 255, 255, .78) !important;
    border-top: 0;
}
.site-footer a { color: rgba(255, 255, 255, .75) !important; }
.site-footer a:hover { color: #fff !important; }
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer strong { color: #fff !important; }

.nl-infra, .nl-cta, .nv-tile-wide, .cta-band, .tm-card-dark, .nv-head .tm-card-dark,
.tc-counters-band {
    background: var(--c-surface) !important;
    background-image: none !important;
}
.tc-counters-band::after, .nv-dark-glow, .nv-dark::after, .nv-cta::after, .cta-band:before { display: none !important; }
.nv-head .tm-card { border-color: var(--c-border) !important; background: var(--c-surface) !important; }
.cookie-notice, .cookie-notice-card {
    background: var(--c-surface) !important;
    border-color: var(--c-border) !important;
    color: var(--c-text);
}
.cookie-notice a { color: var(--c-primary); }

.nl-card, .plan-card, .tm-card {
    background: var(--c-surface);
    border-color: var(--c-border);
    box-shadow: var(--c-shadow);
}
html[data-tc-density="kurumsal"] { --nl-bg: var(--c-bg); }
html[data-tc-density="kurumsal"] body { background: var(--c-bg) !important; }
html[data-tc-texture] :is(.nl-sec, .nl-hero-wrap) { background-image: none; }
html[data-tc-gradient="1"] :is(.nl-btn, .nl-login, .tpg-btn) { background-image: none !important; }

/* ==== BUTON SISTEMI v2 — sadece 2 stil ==== */
.btn-primary,.nl-btn,.nl-btn-sky,.nv-btn,.tpg-btn,.tc-btn-primary,.plan-card .btn-soft,.plan-card .btn-primary,.nl-login,.cookie-btn-solid,.cookie-notice .btn-accept{
  background:var(--c-primary)!important;
  background-image:none!important;
  border:1px solid var(--c-primary)!important;
  color:#fff!important;
  box-shadow:none;
  transform:none;
}
.btn-primary:hover,.nl-btn:hover,.nl-btn-sky:hover,.nv-btn:hover,.tpg-btn:hover,.tc-btn-primary:hover,.plan-card .btn-soft:hover,.plan-card .btn-primary:hover,.nl-login:hover,.cookie-btn-solid:hover,.cookie-notice .btn-accept:hover{
  background:var(--c-primary-hover)!important;
  border-color:var(--c-primary-hover)!important;
  color:#fff!important;
  transform:none;
}
.btn-secondary,.btn-outline-secondary,.nl-btn-ghost,.nl-btn-line,.nl-pop-btn-ghost,.nv-btn-ghost,.nv-btn-glass,.nv-btn-white,.btn-soft,.cookie-btn-ghost,.cookie-btn-bare,.cookie-notice .btn:not(.btn-accept):not(.cookie-btn-solid){
  background:var(--c-surface)!important;
  background-image:none!important;
  border:1px solid var(--c-border)!important;
  color:var(--c-text)!important;
  backdrop-filter:none;
  box-shadow:none!important;
}
.btn-secondary:hover,.btn-outline-secondary:hover,.nl-btn-ghost:hover,.nl-btn-line:hover,.nl-pop-btn-ghost:hover,.nv-btn-ghost:hover,.nv-btn-glass:hover,.nv-btn-white:hover,.btn-soft:hover,.cookie-btn-ghost:hover,.cookie-btn-bare:hover,.cookie-notice .btn:not(.btn-accept):not(.cookie-btn-solid):hover{
  background:var(--c-primary-tint)!important;
  border-color:var(--c-primary)!important;
  color:var(--c-primary)!important;
}
:is(.btn,.nl-btn,.nv-btn,.tpg-btn,.cookie-btn):focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}

/* v2: koyu yalnizca topbar + footer */
.nl-announce,.nl-top,.topbar,.client-subnav{
  background:var(--c-navy)!important;
  background-image:none!important;
  color:rgba(255,255,255,.85);
}
.site-footer,.site-footer.nl-foot,.site-footer.nl-foot.nl-foot--dark{
  background:var(--c-navy)!important;
  background-image:none!important;
  color:rgba(255,255,255,.78)!important;
}
.site-footer a{color:rgba(255,255,255,.75)!important}
.site-footer a:hover{color:#fff!important}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer strong{color:#fff!important}
.site-footer .nl-foot-badges span{color:rgba(255,255,255,.85)!important;border-color:rgba(255,255,255,.22)}
.nl-infra,.nl-cta,.nv-tile-wide,.nv-cta,.nv-dark,.cta-band,.tm-card-dark,.nv-head .tm-card-dark,.tc-counters-band,.tc-band.tc-bg-dark{
  background:var(--c-primary-tint)!important;
  background-image:none!important;
  color:var(--c-text)!important;
}
.nl-infra h2,.nl-infra h2 span,.nl-infra p,.nl-infra li,.nl-infra li strong,.nl-cta h2,.nl-cta h2 span,.nl-cta p,.tm-card-dark,.tm-card-dark h3,.tm-card-dark p,.tm-card-dark a{
  color:var(--c-text)!important;
}
.nl-infra h2 span{color:var(--c-primary)!important}
.nl-rack{background:var(--c-surface)!important;color:var(--c-text)!important;border:1px solid var(--c-border)!important}
.nv-badges i,.plan-features li i{color:var(--c-accent)!important}
.plan-badge .badge,.nl-tick em,[data-role=savings]{background:var(--c-accent)!important;color:#fff!important}
.tc-board .tc-head{background:var(--c-primary)!important;color:#fff!important}
.nl-foot-contact a,.nl-foot-contact strong{color:var(--c-text)!important;background:var(--c-surface)}
.nl-foot-contact small{color:var(--c-muted)!important}
.nl-foot-contact i{background:var(--c-primary)!important;color:#fff!important}
.nl-infra li i,.nv-badges i{color:var(--c-accent)!important}
.nl-dc,.nl-dc strong,.nl-noc{color:var(--c-text)!important}
.nl-noc > p,.nl-net-chip em{color:var(--c-muted)!important}
.nl-top .nl-status{color:#fff!important;font-weight:600}
.nl-top .nl-status i{color:var(--c-accent)!important;font-size:.5rem;filter:drop-shadow(0 0 4px var(--c-accent))}
.nl-login.nl-login--ghost{background:var(--c-surface)!important;color:var(--c-text)!important;border:1px solid var(--c-border)!important}
.nl-login.nl-login--ghost:hover{background:var(--c-primary-tint)!important;color:var(--c-primary)!important;border-color:var(--c-primary-tint)!important}
.nl-top-info a,.nl-top-info span{color:rgba(255,255,255,.85)!important}
.nl-top-info a:hover{color:#fff!important}
.nl-top-info i{color:rgba(255,255,255,.6)!important}

.plan-card.plan-popular{
  background:var(--c-navy)!important;
  background-image:none!important;
  border-color:var(--c-navy)!important;
  color:#fff!important;
}
.plan-card.plan-popular h4,
.plan-card.plan-popular .price-now,
.plan-card.plan-popular .plan-features li strong,
.plan-card.plan-popular .plan-billing-table td{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  background-image:none!important;
}
.plan-card.plan-popular .plan-features li,
.plan-card.plan-popular .plan-features li span,
.plan-card.plan-popular .text-body-secondary,
.plan-card.plan-popular .billing-compare,
.plan-card.plan-popular .plan-billing-table th{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
}
.plan-card.plan-popular .plan-price{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.plan-card.plan-popular .plan-features li i{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.plan-card.plan-popular .nl-m-pill{
  background:var(--c-accent)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
