/* WEBNET BILISIM Premium Enterprise v7 - unified UI layer */
:root {
    --v7-primary: #f97316;
    --v7-primary-dark: #ea580c;
    --v7-primary-soft: #fff3e8;
    --v7-accent: #06b6d4;
    --v7-ink: #0f172a;
    --v7-muted: #64748b;
    --v7-surface: #ffffff;
    --v7-canvas: #f6f8fc;
    --v7-border: #e2e8f0;
    --v7-success: #16a34a;
    --v7-warning: #d97706;
    --v7-danger: #dc2626;
    --v7-radius: 18px;
    --v7-shadow: 0 14px 40px rgba(15, 23, 42, .08);
}

html { scroll-behavior: smooth; }
body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    letter-spacing: -.01em;
}

/* Public website */
body:not(.admin-page):not(.portal-premium-body) {
    background: #fff;
    color: #475569;
}
.navbar-main {
    background: rgba(255,255,255,.94) !important;
    border-bottom: 1px solid rgba(226,232,240,.9);
    backdrop-filter: blur(18px);
}
.navbar-main .navbar-nav .nav-link { font-weight: 650; color: var(--v7-ink); border-radius: 10px; }
.navbar-main .navbar-nav .nav-link:hover,
.navbar-main .navbar-nav .nav-link.active { color: var(--wl-primary); background: color-mix(in srgb, var(--wl-primary) 8%, white); }
.navbar-main .dropdown-menu { border: 1px solid var(--v7-border) !important; border-radius: 16px !important; padding: 10px !important; box-shadow: var(--v7-shadow) !important; }
.navbar-main .dropdown-item { border-radius: 10px; }

.btn { border-radius: 12px; font-weight: 700; letter-spacing: -.01em; box-shadow: none; }
.btn-primary { background: linear-gradient(135deg, var(--wl-primary), var(--wl-primary-blue)) !important; border: 0 !important; box-shadow: 0 10px 24px color-mix(in srgb, var(--wl-primary) 24%, transparent); }
.btn-primary:hover { transform: translateY(-2px); filter: saturate(1.08); }
.btn-outline-primary { border-width: 1.5px; }
.form-control,.form-select,.input-group-text { border-color: var(--v7-border); border-radius: 12px; min-height: 46px; }
.form-control:focus,.form-select:focus { border-color: var(--wl-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wl-primary) 12%, transparent); }

.section-title { margin-bottom: 3.25rem; }
.section-title h2 { font-size: clamp(2rem,4vw,3.2rem); font-weight: 800; letter-spacing: -.045em; color: var(--v7-ink); }
.section-title h2::after { height: 3px; width: 58px; background: linear-gradient(90deg,var(--wl-primary),var(--wl-primary-blue)); }
.section-title p { color: var(--v7-muted); max-width: 760px; }

.hero-slider .swiper-slide { min-height: 650px; height: min(86vh, 900px); }
.hero-slider .swiper-slide::after { background: linear-gradient(90deg, rgba(2,6,23,.93) 0%, rgba(15,23,42,.78) 48%, rgba(15,23,42,.34) 100%) !important; }
.hero-slider .slide-content h1 { font-size: clamp(2.6rem,5vw,5.2rem); line-height: 1.02; letter-spacing: -.055em; font-weight: 850; }
.hero-slider .slide-content p { color: rgba(255,255,255,.78); max-width: 720px; }
.hero-slider .slide-content .ust-baslik { border-radius: 999px; padding: 8px 15px; letter-spacing: .12em; background: rgba(249,115,22,.18); border: 1px solid rgba(125,211,252,.25); backdrop-filter: blur(10px); }
.hero-secondary-btn { border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.09) !important; color: #fff !important; backdrop-filter: blur(10px); }
.hero-proof-window { border-radius: 22px !important; box-shadow: 0 28px 80px rgba(2,6,23,.3) !important; border: 1px solid rgba(255,255,255,.45) !important; }

.services-section { background: linear-gradient(180deg,#fff 0%,#f8fafc 100%); }
.hizmet-kutu,.yazilim-card-pro,.portal-section-card { border-radius: var(--v7-radius) !important; border: 1px solid var(--v7-border) !important; }
.hizmet-kutu { text-align: left; padding: 34px; box-shadow: 0 1px 2px rgba(15,23,42,.02); }
.hizmet-kutu:hover { transform: translateY(-6px); box-shadow: var(--v7-shadow); border-color: color-mix(in srgb,var(--wl-primary) 35%,white) !important; }
.hizmet-kutu .ikon { width: 58px; height: 58px; display: grid; place-items: center; font-size: 1.5rem; border-radius: 16px; background: var(--v7-primary-soft); color: var(--wl-primary); }
.hizmet-kutu h4 { font-weight: 800; color: var(--v7-ink); letter-spacing: -.025em; }

/* Admin */
body.admin-page { background: var(--v7-canvas) !important; color: #334155; }
body.admin-page .card { border-radius: var(--v7-radius); border: 1px solid rgba(226,232,240,.9) !important; box-shadow: 0 8px 26px rgba(15,23,42,.05) !important; }
body.admin-page .card-header { border-radius: var(--v7-radius) var(--v7-radius) 0 0 !important; }
body.admin-page .table > :not(caption) > * > * { padding-top: .95rem; padding-bottom: .95rem; border-color: #eef2f7; }
body.admin-page .table thead th { font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: #64748b; background: #f8fafc; white-space: nowrap; }
body.admin-page .btn-primary { background: linear-gradient(135deg,var(--primary),#06b6d4) !important; }
body.admin-page .ops-hero { background: linear-gradient(125deg,#0f172a 0%,#3e4260 48%,#ea580c 100%) !important; border-radius: 24px !important; box-shadow: 0 18px 50px rgba(15,23,42,.18); }
body.admin-page .ops-kpi { transition: transform .2s ease, box-shadow .2s ease; }
body.admin-page .ops-kpi:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(15,23,42,.09) !important; }

#sidebar { background: linear-gradient(180deg,#0b1220 0%,#111827 58%,#0f172a 100%) !important; border-right: 1px solid rgba(148,163,184,.12) !important; }
#adminAccordion > li > a { border-radius: 11px !important; }
#adminAccordion > li.active > a:not([data-bs-toggle="collapse"]) { background: linear-gradient(90deg,var(--primary),#f97316) !important; }

/* License center */
.license-hero { background: linear-gradient(135deg,#fff 0%,#f8fbff 60%,#eef6ff 100%); border: 1px solid #ffe8d4; border-radius: 24px; padding: 28px; }
.license-eyebrow { color: #f97316; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.license-kpi { overflow: hidden; }
.license-kpi-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #f8fafc; font-size: 1.2rem; }
.license-table .license-code-copy { border: 0; background: transparent; padding: 0; color: #334155; max-width: 310px; display: inline-flex; align-items: center; }
.license-table .license-code-copy code { color: #ea580c; background: #fff3e8; border-radius: 8px; padding: 5px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.license-info-row { display:flex; justify-content:space-between; gap:18px; padding:12px 0; border-bottom:1px solid #eef2f7; }
.license-info-row span { color:#64748b; font-size:.86rem; }
.license-info-row strong { text-align:right; color:#0f172a; font-size:.9rem; }
.license-timeline { position:relative; }
.license-timeline-item { display:flex; gap:12px; position:relative; padding:0 0 18px 4px; }
.license-timeline-item:not(:last-child)::before { content:""; position:absolute; left:8px; top:16px; bottom:0; width:1px; background:#ffe8d4; }
.license-timeline-dot { width:10px; height:10px; flex:0 0 10px; margin-top:5px; border-radius:50%; background:#f97316; box-shadow:0 0 0 4px #ffe8d4; }

/* Customer portal */
.portal-premium-body { background: var(--v7-canvas) !important; }
.portal-sidebar-premium { background: linear-gradient(180deg,#0b1220,#0f172a) !important; }
.portal-license-card { border:1px solid var(--v7-border); border-radius:18px; padding:20px; background:#fff; }
.portal-license-card-head { display:flex; align-items:center; gap:14px; padding-bottom:18px; border-bottom:1px solid #eef2f7; }
.portal-license-grid { display:grid; grid-template-columns: minmax(0,1.8fr) repeat(3,minmax(110px,1fr)); gap:12px; padding-top:16px; }
.portal-license-grid > div { background:#f8fafc; border:1px solid #eef2f7; border-radius:14px; padding:14px; min-width:0; }
.portal-license-grid span { display:block; color:#64748b; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.portal-license-grid strong { color:#0f172a; font-size:.92rem; }
.portal-license-secret > div { display:flex; align-items:center; gap:8px; min-width:0; }
.portal-license-secret code { color:#ea580c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.83rem; }

@media (max-width: 991px) {
    .hero-slider .swiper-slide { min-height: 640px; height: auto; padding: 88px 0; }
    .hero-slider .slide-content h1 { font-size: clamp(2.4rem,11vw,4rem); }
    .portal-license-grid { grid-template-columns:1fr 1fr; }
    .portal-license-secret { grid-column:1/-1; }
}
@media (max-width: 575px) {
    .license-hero { padding:20px; border-radius:18px; }
    .portal-license-grid { grid-template-columns:1fr; }
    .portal-license-secret { grid-column:auto; }
    body.admin-page .table > :not(caption) > * > * { padding:.8rem; }
}

.license-inline-create {
    background: linear-gradient(135deg, #f8fbff, #eef6ff);
    border-color: #ffe8d4 !important;
}
.license-inline-create .form-check-input:checked {
    background-color: #f97316;
    border-color: #f97316;
}