/* =============================================================================
   UnlockTR — DHRU Fusion tema katmanı  (v5.0 · temiz sürüm)
   -----------------------------------------------------------------------------
   Tek kaynak: tüm renkler aşağıdaki token'lardan gelir.
   Dark varsayılan, light <html data-utr-scheme="light"> ile devreye girer.
   Bir renk değiştirmek istersen SADECE :root / [data-utr-scheme="light"]
   bloklarını düzenle — aşağıdaki hiçbir kuralda sabit renk yoktur.

   Bölümler:
     01 Token'lar            09 Formlar
     02 Temel / gövde        10 Tablolar
     03 Tipografi            11 Uyarı & rozetler
     04 Bağlantı & odak      12 Servis / sipariş ekranları
     05 Kaydırma çubuğu      13 Modal'lar
     06 Header               14 Footer & yüzen butonlar
     07 Sayfa kabuğu         15 Anasayfa (utrx-*)
     08 Yüzeyler & butonlar  16 Servis bilgi kartları / erişilebilirlik
   ============================================================================= */


/* =============================================================================
   01 · TOKEN'LAR
   ============================================================================= */
:root{
  color-scheme:dark;

  /* zeminler */
  --utr-bg:#0b1220;
  --utr-bg-2:#0e1828;
  --utr-bg-3:#111d30;
  --utr-ambient-1:rgba(242,182,50,.10);
  --utr-ambient-2:rgba(59,130,246,.12);

  /* yüzeyler */
  --utr-surface:#132033;
  --utr-surface-2:#182a42;
  --utr-surface-3:#1e3350;
  --utr-glass:rgba(255,255,255,.055);
  --utr-glass-2:rgba(255,255,255,.085);

  /* çizgiler */
  --utr-line:rgba(148,163,184,.18);
  --utr-line-soft:rgba(148,163,184,.10);

  /* yazı */
  --utr-text:#f1f5f9;
  --utr-text-2:#cbd5e1;
  --utr-muted:#93a5bd;

  /* marka — altın */
  --utr-brand:#f2b632;          /* dolgu rengi   */
  --utr-brand-2:#ffd166;        /* hover dolgu   */
  --utr-brand-ink:#f7c85a;      /* yazı olarak marka */
  --utr-on-brand:#141d2e;       /* marka dolgu üzerindeki yazı */
  --utr-brand-soft:rgba(242,182,50,.13);
  --utr-brand-line:rgba(242,182,50,.32);

  /* ikincil — mavi */
  --utr-info:#3b82f6;
  --utr-info-ink:#7cc0fb;
  --utr-info-soft:rgba(59,130,246,.14);
  --utr-info-line:rgba(59,130,246,.30);

  /* durum */
  --utr-success:#22c55e;
  --utr-success-ink:#6ee7a8;
  --utr-success-soft:rgba(34,197,94,.14);
  --utr-danger:#ef4444;
  --utr-danger-ink:#fca5a5;
  --utr-danger-soft:rgba(239,68,68,.14);
  --utr-warning:#f59e0b;
  --utr-warning-ink:#fbbf24;
  --utr-warning-soft:rgba(245,158,11,.14);
  --utr-purple:#a855f7;
  --utr-cyan:#22d3ee;

  /* bağlantı */
  --utr-link:var(--utr-brand-ink);
  --utr-link-hover:var(--utr-brand-2);

  /* form */
  --utr-field:#101c2e;
  --utr-field-line:rgba(148,163,184,.26);

  /* geometri */
  --utr-r-xs:10px;
  --utr-r-sm:13px;
  --utr-r:18px;
  --utr-r-lg:24px;
  --utr-r-xl:28px;

  /* gölge */
  --utr-shadow-sm:0 8px 20px rgba(2,8,23,.26);
  --utr-shadow:0 18px 46px rgba(2,8,23,.32);
  --utr-shadow-lg:0 26px 72px rgba(2,8,23,.42);

  /* ticker/footer yardımcıları */
  --utr-ticker-fade:var(--utr-surface);
  --utr-header-bg:rgba(11,18,32,.92);
  --utr-header-bar:rgba(9,15,27,.96);
}

html[data-utr-scheme="light"]{
  color-scheme:light;

  --utr-bg:#f3f6fb;
  --utr-bg-2:#eef3f9;
  --utr-bg-3:#e8eff7;
  --utr-ambient-1:rgba(242,182,50,.13);
  --utr-ambient-2:rgba(59,130,246,.10);

  --utr-surface:#ffffff;
  --utr-surface-2:#f8fafd;
  --utr-surface-3:#eef4fb;
  --utr-glass:#ffffff;
  --utr-glass-2:#f6f9fd;

  --utr-line:rgba(15,23,42,.12);
  --utr-line-soft:rgba(15,23,42,.07);

  --utr-text:#0f1c2e;
  --utr-text-2:#26384f;
  --utr-muted:#596c84;

  /* Marka aynı altın kalır; sadece yazı tonu okunabilirlik için koyulaşır. */
  --utr-brand:#e5a521;
  --utr-brand-2:#f2b632;
  --utr-brand-ink:#96620d;
  --utr-on-brand:#1b1305;
  --utr-brand-soft:rgba(229,165,33,.13);
  --utr-brand-line:rgba(229,165,33,.36);

  --utr-info:#2563eb;
  --utr-info-ink:#1d4ed8;
  --utr-info-soft:rgba(37,99,235,.10);
  --utr-info-line:rgba(37,99,235,.26);

  --utr-success:#16a34a;
  --utr-success-ink:#15803d;
  --utr-success-soft:rgba(22,163,74,.12);
  --utr-danger:#dc2626;
  --utr-danger-ink:#b91c1c;
  --utr-danger-soft:rgba(220,38,38,.10);
  --utr-warning:#d97706;
  --utr-warning-ink:#b45309;
  --utr-warning-soft:rgba(217,119,6,.12);
  --utr-purple:#7c3aed;
  --utr-cyan:#0891b2;

  --utr-link:var(--utr-brand-ink);
  --utr-link-hover:#7a4f08;

  --utr-field:#ffffff;
  --utr-field-line:rgba(15,23,42,.14);

  --utr-shadow-sm:0 8px 20px rgba(15,23,42,.05);
  --utr-shadow:0 18px 44px rgba(15,23,42,.08);
  --utr-shadow-lg:0 26px 66px rgba(15,23,42,.12);

  --utr-ticker-fade:var(--utr-surface);
  --utr-header-bg:rgba(255,255,255,.94);
  --utr-header-bar:rgba(248,250,253,.96);
}


/* =============================================================================
   02 · TEMEL / GÖVDE
   -----------------------------------------------------------------------------
   NOT: Eski sürümde ortam gradyanı `body::before` içindeydi ve light modda
   iptal edilmediği için tüm ekranı koyu lacivert bir katman kaplıyordu.
   Artık gradyan doğrudan body zemininde ve token'lardan geliyor.
   ============================================================================= */
html{background:var(--utr-bg);}

body{
  background:
    radial-gradient(1100px 620px at 10% -6%, var(--utr-ambient-1), transparent 62%),
    radial-gradient(1000px 640px at 92% 0%, var(--utr-ambient-2), transparent 58%),
    var(--utr-bg) !important;
  background-attachment:fixed,fixed,fixed;
  color:var(--utr-text) !important;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;height:auto;}
hr{border-color:var(--utr-line-soft) !important;}


/* =============================================================================
   03 · TİPOGRAFİ
   ============================================================================= */
h1,h2,h3,h4,h5,h6,.page-title{
  font-family:"Sora","Plus Jakarta Sans",system-ui,sans-serif !important;
  color:var(--utr-text) !important;
  font-weight:800 !important;
  letter-spacing:-.025em;
}
p,li,td,th,label,span,small,input,select,textarea,.btn,.nav-link,.badge,.label{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif !important;
}
.text-muted,small,.small,.help-block,.breadcrumb,.breadcrumb a{color:var(--utr-muted) !important;}
strong,b{font-weight:800;}


/* =============================================================================
   04 · BAĞLANTI & ODAK
   -----------------------------------------------------------------------------
   Global `a{color:...!important}` yerine kapsamlı seçici kullanıyoruz; böylece
   buton / rozet / özel bileşen renkleri ezilmiyor.
   ============================================================================= */
a{color:var(--utr-link);transition:color .18s ease,opacity .18s ease;}
a:hover,a:focus{color:var(--utr-link-hover);text-decoration:none;}

/* İçerik bağlantıları.
   NOT: burada uzun :not() zincirleri KULLANMA — her :not(.x) specificity'yi
   bir sınıf kadar artırır ve sayfalama / rozet gibi bileşenlerin kendi
   renklerini ezer (aktif sayfa numarası altın üstüne altın yazılıyordu). */
.body-container a:not(.btn):not(.nav-link),
.modal-body a:not(.btn):not(.close){color:var(--utr-link);}
.body-container a:not(.btn):not(.nav-link):hover,
.modal-body a:not(.btn):not(.close):hover{color:var(--utr-link-hover);}

.table td:not(.pagination) a:not(.btn):not(.badge):not(.label){
  color:var(--utr-link) !important;
  font-weight:700;
}
.table td:not(.pagination) a:not(.btn):not(.badge):hover{color:var(--utr-link-hover) !important;}

:focus-visible{
  outline:2px solid var(--utr-brand);
  outline-offset:2px;
  border-radius:4px;
}


/* =============================================================================
   05 · KAYDIRMA ÇUBUĞU
   ============================================================================= */
*{scrollbar-width:thin;scrollbar-color:var(--utr-brand-line) transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--utr-bg-2);}
::-webkit-scrollbar-thumb{
  background:var(--utr-brand-line);
  border-radius:999px;
  border:3px solid var(--utr-bg-2);
}
::-webkit-scrollbar-thumb:hover{background:var(--utr-brand);}


/* =============================================================================
   06 · HEADER
   ============================================================================= */
header{
  position:relative;
  z-index:30;
  background:var(--utr-header-bg) !important;
  box-shadow:0 12px 34px rgba(2,8,23,.22);
}
html[data-utr-scheme="light"] header{box-shadow:0 10px 30px rgba(15,23,42,.06);}

.header-top{
  background:var(--utr-header-bar) !important;
  border-bottom:1px solid var(--utr-line-soft) !important;
  min-height:38px;
}
.header-top .nav-link,
.header-top span{font-size:13px;color:var(--utr-muted) !important;}

.header-top .nav{list-style:none;margin:0;padding:0;}
.header-top .nav-item{list-style:none;}

.header-middle,
.header-bottom{
  background:var(--utr-header-bg) !important;
  border-bottom:1px solid var(--utr-brand-line) !important;
  backdrop-filter:blur(14px);
}

.navbar-brand{display:inline-flex;align-items:center;}
.navbar-brand img{max-height:54px !important;width:auto !important;object-fit:contain;}

.navbar-mastermenu>.nav-item>.nav-link,
.navbar-nav .nav-link,
header .nav-link{
  color:var(--utr-text) !important;
  font-weight:700 !important;
  letter-spacing:.02em;
  border-radius:var(--utr-r-xs);
}
.navbar-mastermenu>.nav-item>.nav-link:hover,
.navbar-nav .nav-link:hover,
header .nav-link:hover{color:var(--utr-brand-ink) !important;background:var(--utr-brand-soft) !important;}

.navbar-toggler{
  color:var(--utr-text) !important;
  background:var(--utr-glass) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-xs) !important;
  padding:9px 13px !important;
}

/* dropdown'lar — tek kural, her iki tema */
.dropdown-menu,
.navbar-mastermenu .dropdown-menu,
.nav .dropdown-menu{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r) !important;
  box-shadow:var(--utr-shadow) !important;
  padding:8px !important;
  color:var(--utr-text) !important;
}
.dropdown-menu a,
.dropdown-menu .dropdown-item,
.dropdown-menu li a,
.dropdown-menu .nav-link{
  color:var(--utr-text-2) !important;
  background:transparent !important;
  border-radius:var(--utr-r-xs) !important;
}
.dropdown-menu a:hover,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu li a:hover,
.dropdown-menu .nav-link:hover{
  background:var(--utr-brand-soft) !important;
  color:var(--utr-brand-ink) !important;
}
.dropdown-divider{border-color:var(--utr-line-soft) !important;}

/* tema & dil düğmeleri */
.utr-theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--utr-line) !important;
  background:var(--utr-glass) !important;
  color:var(--utr-text) !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.utr-theme-toggle:hover{transform:translateY(-1px);border-color:var(--utr-brand-line) !important;}
.utr-lang-toggle{min-width:66px;justify-content:center;}

/* hızlı erişim barı */
.utr-quickbar{
  background:var(--utr-header-bar) !important;
  border-top:1px solid var(--utr-line-soft);
  border-bottom:1px solid var(--utr-line-soft);
}
.utr-quickbar-inner{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  padding:12px 0;
}
.utr-qbtn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:700;
  font-size:14px;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:var(--utr-shadow-sm);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  white-space:nowrap;
}
.utr-qbtn:hover{transform:translateY(-2px);filter:brightness(1.06);color:#fff !important;}
.utr-qbtn.is-gold{background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand));color:var(--utr-on-brand) !important;}
.utr-qbtn.is-gold:hover{color:var(--utr-on-brand) !important;}
.utr-qbtn.is-blue{background:linear-gradient(135deg,var(--utr-info),var(--utr-cyan));}
.utr-qbtn.is-purple{background:linear-gradient(135deg,var(--utr-purple),#6d28d9);}
.utr-qbtn.is-green{background:linear-gradient(135deg,#16a34a,#22c55e);}
.utr-qbtn.is-dark{background:linear-gradient(135deg,#1e293b,#475569);}
html[data-utr-scheme="light"] .utr-qbtn.is-dark{background:linear-gradient(135deg,#334155,#64748b);}

/* kayan yazı bandı */
.utr-marquee-wrap{
  background:var(--utr-bg-2) !important;
  border-top:1px solid var(--utr-line-soft);
  border-bottom:1px solid var(--utr-line-soft);
  overflow:hidden;
}
.utr-marquee{overflow:hidden;position:relative;white-space:nowrap;}
.utr-marquee-track{
  display:inline-flex;
  gap:42px;
  align-items:center;
  min-width:max-content;
  padding:11px 0;
  animation:utrMarquee 30s linear infinite;
}
.utr-marquee-track span{
  position:relative;
  color:var(--utr-text-2);
  font-size:12px;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.1em;
}
.utr-marquee-track span:not(:last-child)::after{
  content:"•";
  position:absolute;
  right:-24px;
  top:0;
  color:var(--utr-brand);
}
@keyframes utrMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* mobil menü modal'ı */
#navbarToggler1 .modal-content,
.modal-menu .modal-content{background:var(--utr-surface) !important;}
#navbarToggler1 a,
.modal-menu a{color:var(--utr-text) !important;}


/* =============================================================================
   07 · SAYFA KABUĞU
   ============================================================================= */
.bg-gray,
.body-container,
.min-height,
.client-area,
.clientarea,
.subcontainerfullwidth,
.page-container,
.content-wrapper,
.page-wrapper,
.page-content,
.main-content{background:transparent !important;color:var(--utr-text) !important;}

.body-container{padding-bottom:44px;}

/* Footer'ın kısa sayfalarda yukarı kaçmaması için (eski sabit
   `calc(100vh - 525px)` inline stili header yüksekliği değişince bozuluyordu) */
body:not(.page-index) .bg-gray{min-height:58vh;}

/* sayfa başlığı şeridi */
.bg-white.py-2,
.bg-white.py-lg-4,
.page-header,
.page-title-wrap{
  background:var(--utr-bg-2) !important;
  border-bottom:1px solid var(--utr-line) !important;
  padding:26px 0 !important;
  margin-bottom:24px !important;
  color:var(--utr-text) !important;
}
.page-title{font-size:32px !important;margin:0;}
.breadcrumb{background:transparent !important;padding:6px 0 !important;margin:0 !important;}
.breadcrumb *{color:var(--utr-muted) !important;}

/* DHRU'nun koyu bıraktığı ara kabuklar — token'a bağlandı */
.subcontainerfullwidth>div,
.subcontainerfullwidth form,
#formstyle_1,
#formstyle_1 form,
#serverorder_form,
#imeiorder_form,
#order_form,
fieldset{background:transparent !important;color:var(--utr-text) !important;border-color:var(--utr-line) !important;}


/* =============================================================================
   08 · YÜZEYLER & BUTONLAR
   ============================================================================= */
.card,
.card-app,
.card-simple-form,
.card-table-history,
.card-product-detail,
.card-product-features,
.card-announcement,
.card-order,
.dashboard-card,
.content-category,
.panel,
.well,
.box,
.widget,
.portlet,
.list-group-item,
.news,
.quicknews,
.announcements{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r) !important;
  box-shadow:var(--utr-shadow-sm) !important;
  color:var(--utr-text) !important;
}
.card-body,.panel-body,.box-body,.card-header,.card-footer,.panel-heading{
  background:transparent !important;color:inherit !important;border-color:var(--utr-line-soft) !important;
}
.card:hover,.panel:hover{border-color:var(--utr-brand-line) !important;}
.card img{border-radius:var(--utr-r-xs);}

/* dashboard */
.clientarea-balance,
.clientarea-balance .row,
.page-container>.row{background:transparent !important;}
.clientarea-balance .card{padding:20px !important;}
.clientarea-balance h4,
.clientarea-balance .big-font,
.card-area-status h2,
.card-area-status .h2{color:var(--utr-text) !important;font-weight:800 !important;}
.card-order-success{border-color:var(--utr-success-soft) !important;}
.card-order-process{border-color:var(--utr-brand-line) !important;}
.card-order-rejected,
.card-order-fail{border-color:var(--utr-danger-soft) !important;}

/* butonlar */
.btn,.button,button,input[type=submit]{
  border-radius:var(--utr-r-sm) !important;
  font-weight:700 !important;
  letter-spacing:.005em;
  transition:transform .16s ease,filter .16s ease,background .16s ease,color .16s ease;
}
.btn:hover{transform:translateY(-1px);}

.btn-primary,
.bg-primary,
input[type=submit].btn-primary{
  background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand)) !important;
  border-color:transparent !important;
  color:var(--utr-on-brand) !important;
  box-shadow:0 10px 24px var(--utr-brand-soft) !important;
}
.btn-primary:hover,.btn-primary:focus{filter:brightness(1.05);color:var(--utr-on-brand) !important;}

.btn-success{background:var(--utr-success) !important;border-color:transparent !important;color:#fff !important;}
.btn-danger{background:var(--utr-danger) !important;border-color:transparent !important;color:#fff !important;}
.btn-warning{background:var(--utr-warning) !important;border-color:transparent !important;color:var(--utr-on-brand) !important;}
.btn-info{background:var(--utr-info) !important;border-color:transparent !important;color:#fff !important;}

.btn-secondary,
.bg-secondary,
.btn-default,
.btn-light,
.btn-outline-secondary{
  background:var(--utr-glass) !important;
  color:var(--utr-text) !important;
  border:1px solid var(--utr-line) !important;
}
.btn-secondary:hover,
.btn-default:hover,
.btn-light:hover{background:var(--utr-brand-soft) !important;color:var(--utr-brand-ink) !important;border-color:var(--utr-brand-line) !important;}

.btn-sm{border-radius:var(--utr-r-xs) !important;}
.btn.disabled,.btn:disabled{opacity:.55;transform:none;}


/* =============================================================================
   09 · FORMLAR
   ============================================================================= */
.form-control,
.custom-select,
.form-select,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
select,
textarea,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices,
.select2-selection,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.bootstrap-select>.dropdown-toggle{
  background:var(--utr-field) !important;
  border:1px solid var(--utr-field-line) !important;
  color:var(--utr-text) !important;
  border-radius:var(--utr-r-sm) !important;
  min-height:44px;
  box-shadow:none !important;
}
.form-control:focus,
input:focus,
select:focus,
textarea:focus,
.custom-select:focus{
  background:var(--utr-field) !important;
  border-color:var(--utr-brand) !important;
  color:var(--utr-text) !important;
  box-shadow:0 0 0 3px var(--utr-brand-soft) !important;
  outline:none !important;
}
.form-control::placeholder,
input::placeholder,
textarea::placeholder{color:var(--utr-muted) !important;opacity:.85;}

option{background:var(--utr-field) !important;color:var(--utr-text) !important;}
label,.form-label{color:var(--utr-text-2) !important;font-weight:600;}

.input-group-text{
  background:var(--utr-surface-2) !important;
  border-color:var(--utr-field-line) !important;
  color:var(--utr-muted) !important;
}

/* chosen / select2 açılır listeleri */
.chosen-container .chosen-drop,
.select2-dropdown,
.ui-menu,
.autocomplete-suggestions{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:0 0 var(--utr-r-sm) var(--utr-r-sm) !important;
  box-shadow:var(--utr-shadow) !important;
  color:var(--utr-text) !important;
}
.chosen-container .chosen-results li,
.select2-results__option{color:var(--utr-text-2) !important;background:transparent !important;}
.chosen-container .chosen-results li.highlighted,
.select2-results__option--highlighted{background:var(--utr-brand-soft) !important;color:var(--utr-brand-ink) !important;}

/* filtre satırları saydam kalsın */
.filter,.filters,.filter-row,.search-row,.search-filter,.toolbar,
.dataTables_filter,.dataTables_length{background:transparent !important;color:var(--utr-text) !important;}
.dataTables_info,.dataTables_paginate,
.dataTables_length label,.dataTables_filter label{color:var(--utr-text-2) !important;}


/* =============================================================================
   10 · TABLOLAR
   ============================================================================= */
.table-responsive,
.table-container,
.history-container,
.orders-container,
.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollHead,
.dataTables_scrollBody,
.dataTables_scrollFoot{
  background:var(--utr-surface) !important;
  border-radius:var(--utr-r) !important;
  color:var(--utr-text) !important;
}
.table-responsive{overflow-x:auto !important;}

.table,table{
  background:transparent !important;
  color:var(--utr-text-2) !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.table thead th,table thead th{
  background:var(--utr-surface-2) !important;
  color:var(--utr-text) !important;
  border-color:var(--utr-line) !important;
  font-weight:800 !important;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.04em;
}
.table tbody tr,table tbody tr{background:var(--utr-surface) !important;}
.table tbody tr:nth-of-type(odd),table tbody tr:nth-of-type(odd){background:var(--utr-surface-2) !important;}
.table tbody tr:hover,table tbody tr:hover{background:var(--utr-brand-soft) !important;}
.table td,.table th,table td,table th{
  background:transparent !important;
  border-color:var(--utr-line-soft) !important;
  color:var(--utr-text-2) !important;
  font-size:14px !important;
  vertical-align:middle;
}
/* hücre içi metinler devralsın, rozetler kendi rengini korusun */
.table td *:not(.badge):not(.label):not(a):not(.btn),
table td *:not(.badge):not(.label):not(a):not(.btn){color:inherit !important;}


/* =============================================================================
   11 · UYARI & ROZETLER
   ============================================================================= */
.alert{
  border-radius:var(--utr-r-sm) !important;
  border:1px solid var(--utr-line) !important;
  color:var(--utr-text) !important;
  background:var(--utr-surface-2) !important;
}
.alert-info{background:var(--utr-info-soft) !important;border-color:var(--utr-info-line) !important;}
.alert-success{background:var(--utr-success-soft) !important;border-color:var(--utr-success) !important;}
.alert-danger{background:var(--utr-danger-soft) !important;border-color:var(--utr-danger) !important;}
.alert-warning{background:var(--utr-warning-soft) !important;border-color:var(--utr-warning) !important;}
.alert a{color:var(--utr-link) !important;}

.badge,.label{
  border-radius:999px !important;
  padding:.36rem .64rem !important;
  font-weight:700 !important;
  font-size:11.5px !important;
  letter-spacing:.02em;
}
.badge-success,.label-success,.bg-success{background:var(--utr-success) !important;color:#fff !important;}
.badge-danger,.label-danger,.badge-important,.label-important,.bg-danger{background:var(--utr-danger) !important;color:#fff !important;}
.badge-warning,.label-warning{background:var(--utr-warning) !important;color:var(--utr-on-brand) !important;}
.badge-info,.label-info,.bg-info{background:var(--utr-info) !important;color:#fff !important;}


/* =============================================================================
   12 · SERVİS / SİPARİŞ EKRANLARI
   ============================================================================= */
.group-service,
.accordion,
.accordion-group{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r) !important;
  box-shadow:var(--utr-shadow-sm) !important;
  color:var(--utr-text) !important;
  margin-bottom:16px !important;
  padding:0 !important;
  overflow:hidden;
}
.accordion-heading,
.group-service .accordion-heading{
  background:var(--utr-brand-soft) !important;
  border-bottom:1px solid var(--utr-line) !important;
}
.accordion-heading .accordion-toggle,
.group-service .accordion-toggle{
  display:block !important;
  padding:15px 20px !important;
  color:var(--utr-brand-ink) !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.accordion-body,.accordion-inner{background:transparent !important;color:var(--utr-text) !important;}

.list-services,
.service-list,
.servicelist,
.searchservice,
.searchservice2,
.service-box,
.service-panel,
.order-service-list,
.order-service-detail,
.service-details,
.service-detail{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r) !important;
  color:var(--utr-text) !important;
}
.service-details,.service-detail{padding:22px !important;min-height:240px;}
.service-details:empty::before,
.service-detail:empty::before{content:"";display:block;}

.service-info,
.service-list li,
.searchservice li,
.searchservice2 li,
.service-item,
.service-row{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--utr-line-soft) !important;
  border-radius:0 !important;
  color:var(--utr-text) !important;
  transition:background .16s ease;
}
.service-info:hover,
.service-list li:hover,
.searchservice li:hover,
.searchservice2 li:hover{background:var(--utr-brand-soft) !important;}

.service-price,.service-feature span{color:var(--utr-brand-ink) !important;font-weight:800 !important;}
.time-tag{
  background:var(--utr-success) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:3px 9px !important;
  font-weight:700 !important;
}
.not-found{
  color:var(--utr-muted) !important;
  background:var(--utr-surface-2) !important;
  border-radius:var(--utr-r-sm) !important;
  padding:22px !important;
}

/* dikey ayraç / sürükleme kolları */
.splitter,.vsplitbar,.gutter,.gutter-horizontal,.ui-resizable-handle,
[class*="vsplit"],[class*="splitter"],[class*="gutter"]{
  background:var(--utr-line) !important;
  border-color:var(--utr-line) !important;
}


/* =============================================================================
   13 · MODAL'LAR
   ============================================================================= */
.modal-content{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-lg) !important;
  box-shadow:var(--utr-shadow-lg) !important;
  color:var(--utr-text) !important;
  overflow:hidden;
}
.modal-header{
  background:var(--utr-surface-2) !important;
  border-bottom:1px solid var(--utr-line) !important;
  color:var(--utr-text) !important;
}
.modal-title{color:var(--utr-text) !important;}
.modal-body,.modal-footer{
  background:var(--utr-surface) !important;
  border-color:var(--utr-line) !important;
  color:var(--utr-text) !important;
}
.modal-body .table,.modal-body table{background:transparent !important;}
.close{color:var(--utr-text) !important;text-shadow:none !important;opacity:.8 !important;}
.close:hover{opacity:1 !important;}
.modal-backdrop.show{opacity:.7 !important;}


/* =============================================================================
   14 · FOOTER & YÜZEN BUTONLAR
   ============================================================================= */
/* DHRU'nun devraldığı hantal blokları gizle */
.footer-links .newsletter,.newsletter,.cookie-notice,.cookie-popup{display:none !important;}

footer:not(.utrx-footer-clean),
.footer,
.footer-links{
  background:var(--utr-bg-2) !important;
  color:var(--utr-muted) !important;
  border-top:1px solid var(--utr-line) !important;
}

.utrx-footer-clean{
  position:relative;
  background:var(--utr-bg-2);
  padding:20px 0 28px;
  border-top:1px solid var(--utr-line-soft);
}
.utrx-footer-shell{
  padding:28px;
  border-radius:var(--utr-r-xl);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow-sm);
}
.utrx-footer-badge{
  display:inline-flex;
  padding:7px 13px;
  border-radius:999px;
  background:var(--utr-brand-soft);
  border:1px solid var(--utr-brand-line);
  color:var(--utr-brand-ink);
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:15px;
}
.utrx-footer-brand-wrap h3{color:var(--utr-text);font-size:28px;line-height:1.15;margin:0 0 10px;}
.utrx-footer-brand-wrap p{color:var(--utr-muted);line-height:1.75;margin:0;}
.utrx-footer-links-title{
  color:var(--utr-text);
  font-size:13px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.utrx-footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;}
.utrx-footer-links a,
.utrx-footer-contact a{color:var(--utr-text-2) !important;font-weight:600;}
.utrx-footer-links a:hover,
.utrx-footer-contact a:hover{color:var(--utr-brand-ink) !important;}
.utrx-footer-contact{display:flex;flex-direction:column;gap:10px;}
.utrx-footer-contact i{color:var(--utr-brand-ink);margin-right:8px;}
.utrx-footer-socials{display:flex;gap:10px;margin-top:16px;}
.utrx-footer-socials a{
  width:42px;height:42px;
  border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:var(--utr-glass);
  border:1px solid var(--utr-line);
  color:var(--utr-text) !important;
  transition:transform .18s ease,color .18s ease,border-color .18s ease;
}
.utrx-footer-socials a:hover{transform:translateY(-2px);color:var(--utr-brand-ink) !important;border-color:var(--utr-brand-line);}
.utrx-footer-bottom{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--utr-line-soft);
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:var(--utr-muted);
  font-size:13px;
}

/* yüzen hızlı erişim */
.utrx-floating-actions{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:1040;
  display:flex;
  flex-direction:column;
  gap:11px;
}
.utrx-float-btn{
  position:relative;
  width:48px;height:48px;
  border-radius:16px;
  border:1px solid var(--utr-line);
  display:flex;align-items:center;justify-content:center;
  color:#fff !important;
  background:var(--utr-surface-2);
  box-shadow:var(--utr-shadow);
  transition:transform .18s ease,box-shadow .18s ease;
  text-decoration:none !important;
}
.utrx-float-btn i{font-size:18px;}
.utrx-float-btn:hover{transform:translateX(-4px) scale(1.04);}
.utrx-float-btn::before{
  content:attr(data-label);
  position:absolute;
  right:56px;top:50%;
  transform:translateY(-50%) translateX(8px);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  padding:7px 11px;
  border-radius:var(--utr-r-xs);
  background:var(--utr-surface);
  color:var(--utr-text);
  border:1px solid var(--utr-line);
  font-size:12px;
  font-weight:700;
  box-shadow:var(--utr-shadow-sm);
  transition:opacity .16s ease,transform .16s ease;
}
.utrx-float-btn:hover::before{opacity:1;transform:translateY(-50%) translateX(0);}
.utrx-float-btn.whatsapp{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:transparent;}
.utrx-float-btn.imei{background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand));color:var(--utr-on-brand) !important;border-color:transparent;}
.utrx-float-btn.server{background:linear-gradient(135deg,var(--utr-info),var(--utr-cyan));border-color:transparent;}
.utrx-float-btn.remote{background:linear-gradient(135deg,var(--utr-purple),#6d28d9);border-color:transparent;}


/* =============================================================================
   15 · ANASAYFA (utrx-*)
   ============================================================================= */
.utrx-homepage{position:relative;overflow:hidden;}
.utrx-homepage a{text-decoration:none !important;}

/* --- hero ------------------------------------------------------------------ */
.utrx-hero{
  position:relative;
  padding:88px 0 56px;
  background:
    radial-gradient(900px 480px at 10% 18%, var(--utr-info-soft), transparent 60%),
    radial-gradient(760px 420px at 90% 10%, rgba(168,85,247,.12), transparent 58%),
    radial-gradient(900px 500px at 55% 96%, var(--utr-brand-soft), transparent 60%),
    linear-gradient(180deg,var(--utr-bg-3) 0%,var(--utr-bg-2) 55%,var(--utr-bg) 100%);
}
html[data-utr-scheme="light"] .utrx-hero{
  background:
    radial-gradient(900px 480px at 10% 18%, var(--utr-info-soft), transparent 60%),
    radial-gradient(760px 420px at 90% 10%, rgba(124,58,237,.08), transparent 58%),
    radial-gradient(900px 500px at 55% 96%, var(--utr-brand-soft), transparent 60%),
    linear-gradient(180deg,#ffffff 0%,var(--utr-bg-2) 58%,var(--utr-bg-3) 100%);
}

.utrx-bg-grid{
  position:absolute;inset:0;pointer-events:none;opacity:.3;
  background-image:
    linear-gradient(var(--utr-line-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--utr-line-soft) 1px,transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:radial-gradient(circle at center,#000 34%,transparent 100%);
  mask-image:radial-gradient(circle at center,#000 34%,transparent 100%);
}
.utrx-bg-orb{
  position:absolute;border-radius:999px;filter:blur(28px);pointer-events:none;
  animation:utrxFloat 9s ease-in-out infinite;
}
.utrx-bg-orb-one{width:280px;height:280px;left:-40px;top:40px;background:radial-gradient(circle,var(--utr-info-soft),transparent 70%);}
.utrx-bg-orb-two{width:320px;height:320px;right:4%;top:16px;background:radial-gradient(circle,rgba(168,85,247,.22),transparent 70%);animation-delay:1.8s;}
html[data-utr-scheme="light"] .utrx-bg-orb-two{background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);}

.utrx-kicker{
  display:inline-flex;align-items:center;gap:10px;
  min-height:38px;padding:8px 16px;
  border-radius:999px;
  background:var(--utr-glass);
  border:1px solid var(--utr-line);
  color:var(--utr-text-2);
  margin-bottom:22px;
  backdrop-filter:blur(12px);
}
.utrx-kicker .dot{
  width:8px;height:8px;flex:0 0 8px;border-radius:999px;
  background:var(--utr-success);
  box-shadow:0 0 12px var(--utr-success);
}
.utrx-kicker b{font-size:12px;font-weight:800;letter-spacing:.1em;line-height:1.2;white-space:nowrap;color:inherit;}

/* başlık — tek alt çizgi (eski sürümde iki ayrı ::after çakışıyordu) */
.utrx-main-title{display:block;width:100%;margin:0 0 20px !important;line-height:.95;text-align:left;}
.utrx-main-title-text{
  position:relative;display:inline-block;
  font-size:clamp(52px,8.2vw,106px);
  font-weight:900;
  letter-spacing:-.05em;
  line-height:.92;
  background:linear-gradient(95deg,var(--utr-text) 0%,var(--utr-text) 20%,var(--utr-brand-2) 48%,var(--utr-text-2) 74%,var(--utr-text) 100%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  animation:utrxTitleShine 9s linear infinite;
}
html[data-utr-scheme="light"] .utrx-main-title-text{
  background:linear-gradient(95deg,var(--utr-text) 0%,var(--utr-text) 20%,var(--utr-brand-ink) 47%,var(--utr-text-2) 74%,var(--utr-text) 100%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.utrx-main-title-text::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-14px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--utr-brand),var(--utr-info),transparent);
  opacity:.8;
}
.utrx-main-title small{
  display:block;margin-top:22px;
  font-size:clamp(18px,2.8vw,27px) !important;
  line-height:1.25;
  color:var(--utr-muted) !important;
  font-weight:600;
  letter-spacing:-.02em;
}
#utrAnimatedWord{
  display:inline-block;min-width:1ch;
  color:var(--utr-brand-ink);
  transition:opacity .22s ease,transform .22s ease;
}
#utrAnimatedWord.is-out{opacity:0;transform:translateY(8px);}
#utrAnimatedWord.is-in{opacity:1;transform:translateY(0);}

.utrx-lead{color:var(--utr-muted);font-size:17px;line-height:1.8;max-width:560px;margin-bottom:26px;}

.utrx-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;}
.utrx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 22px;
  border-radius:var(--utr-r-sm);
  font-size:13.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
  border:1px solid transparent;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.utrx-btn:hover{transform:translateY(-3px);}
.utrx-btn.primary{
  background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand));
  color:var(--utr-on-brand) !important;
  box-shadow:0 14px 34px var(--utr-brand-soft);
}
.utrx-btn.secondary{
  background:var(--utr-glass);
  border-color:var(--utr-line);
  color:var(--utr-text) !important;
  backdrop-filter:blur(12px);
}
.utrx-btn.secondary:hover{border-color:var(--utr-brand-line);color:var(--utr-brand-ink) !important;}

.utrx-hero-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:700px;}
.utrx-mini-card{
  display:block;
  padding:17px 16px;
  border-radius:var(--utr-r);
  background:var(--utr-glass);
  border:1px solid var(--utr-line);
  backdrop-filter:blur(14px);
  transition:transform .2s ease,border-color .2s ease;
}
.utrx-mini-card:hover{transform:translateY(-4px);border-color:var(--utr-brand-line);}
.utrx-mini-card strong{display:block;color:var(--utr-text);font-size:16px;margin-bottom:5px;}
.utrx-mini-card span{display:block;color:var(--utr-muted);font-size:13px;}

/* --- hero görsel paneli ---------------------------------------------------- */
.utrx-hero-showcase{position:relative;padding-left:18px;}
.utrx-showcase-shell{
  position:relative;
  padding:20px;
  border-radius:var(--utr-r-xl);
  background:var(--utr-glass);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow);
  overflow:hidden;
  backdrop-filter:blur(16px);
}
.utrx-shell-head{
  display:flex;align-items:center;gap:8px;
  color:var(--utr-text-2);
  font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;
  margin-bottom:14px;
}
.utrx-shell-head>span{width:11px;height:11px;border-radius:999px;background:var(--utr-line);}
.utrx-shell-head>span:nth-child(1){background:#fb7185;}
.utrx-shell-head>span:nth-child(2){background:#fbbf24;}
.utrx-shell-head>span:nth-child(3){background:#34d399;}
.utrx-shell-head b{margin-left:6px;font-size:14px;letter-spacing:.05em;}

.utrx-showcase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px;}
.utrx-summary-card{
  display:flex;flex-direction:column;justify-content:center;gap:4px;
  min-height:76px;padding:13px 15px;
  border-radius:var(--utr-r);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  transition:transform .18s ease,border-color .18s ease;
}
.utrx-summary-card:hover{transform:translateY(-3px);border-color:var(--utr-brand-line);}
.utrx-summary-card .mini{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--utr-muted);}
.utrx-summary-card strong{font-size:15px;font-weight:700;line-height:1.35;color:var(--utr-text);}

.utrx-shell-body{
  position:relative;
  min-height:430px;
  padding:24px;
  border-radius:var(--utr-r-lg);
  background:linear-gradient(180deg,var(--utr-bg-3),var(--utr-bg));
  border:1px solid var(--utr-line-soft);
  overflow:hidden;
}
html[data-utr-scheme="light"] .utrx-shell-body{background:linear-gradient(180deg,#ffffff,var(--utr-bg-2));}
.utrx-shell-body::before,
.utrx-shell-body::after{
  content:"";position:absolute;border:1px dashed var(--utr-line);border-radius:50%;pointer-events:none;
}
.utrx-shell-body::before{inset:10% 14%;}
.utrx-shell-body::after{inset:22% 26%;}

.utrx-orbit-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.utrx-center-core{
  position:relative;
  width:148px;height:148px;
  border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  overflow:hidden;
  background:radial-gradient(circle at 30% 28%,var(--utr-surface-3),var(--utr-surface) 48%,var(--utr-bg) 100%);
  border:1px solid var(--utr-line);
  box-shadow:0 0 0 12px var(--utr-info-soft),0 0 0 26px var(--utr-brand-soft),var(--utr-shadow);
  color:var(--utr-text);
}
html[data-utr-scheme="light"] .utrx-center-core{
  background:radial-gradient(circle at 30% 28%,#ffffff,var(--utr-surface-3) 54%,var(--utr-bg-3) 100%);
}
.utrx-center-core i{font-size:26px;color:var(--utr-brand-ink);margin-bottom:7px;}
.utrx-center-core strong{font-size:19px;letter-spacing:.06em;color:var(--utr-text);}
.utrx-center-core .utrx-core-line{
  display:block;width:42px;height:3px;border-radius:999px;margin-top:10px;
  background:linear-gradient(90deg,var(--utr-brand),var(--utr-info));
}

.utrx-orbit-item{
  position:absolute;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:110px;
  padding:10px 13px;
  border-radius:var(--utr-r-sm);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  color:var(--utr-text) !important;
  font-size:11.5px;font-weight:800;letter-spacing:.04em;
  box-shadow:var(--utr-shadow-sm);
  text-align:center;
  animation:utrxPulse 4s ease-in-out infinite;
  transition:border-color .18s ease;
}
.utrx-orbit-item i{color:var(--utr-brand-ink);}
.utrx-orbit-item span{display:inline-block;line-height:1.15;}
.utrx-orbit-item:hover{border-color:var(--utr-brand-line);color:var(--utr-text) !important;}

.utrx-orbit .i1{top:10%;left:9%}
.utrx-orbit .i2{top:10%;right:9%}
.utrx-orbit .i3{bottom:13%;left:12%}
.utrx-orbit .i4{bottom:13%;right:12%}
.utrx-orbit .i5{top:37%;left:2%}
.utrx-orbit .i6{top:37%;right:2%}
.utrx-orbit .i7{bottom:33%;left:4%}
.utrx-orbit .i8{bottom:33%;right:4%}

/* --- kategori ticker ------------------------------------------------------- */
.utrx-strip{position:relative;z-index:2;padding:0 0 18px;background:var(--utr-bg);}
.utrx-ticker-shell{
  display:flex;align-items:center;gap:14px;
  padding:12px 16px;
  border-radius:var(--utr-r-lg);
  background:var(--utr-ticker-fade);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow-sm);
  overflow:hidden;
}
.utrx-ticker-pill{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;
  border-radius:var(--utr-r-sm);
  background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand));
  color:var(--utr-on-brand);
  font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
}
.utrx-strip-viewport{position:relative;flex:1;min-width:0;overflow:hidden;}
/* kenar solma renkleri artık gerçek kabuk rengiyle aynı token'dan geliyor */
.utrx-strip-viewport::before,
.utrx-strip-viewport::after{content:"";position:absolute;top:0;bottom:0;width:34px;z-index:2;pointer-events:none;}
.utrx-strip-viewport::before{left:0;background:linear-gradient(90deg,var(--utr-ticker-fade),transparent);}
.utrx-strip-viewport::after{right:0;background:linear-gradient(270deg,var(--utr-ticker-fade),transparent);}
.utrx-strip-track{
  display:flex;align-items:center;gap:13px;
  white-space:nowrap;width:max-content;padding:4px 0;
  animation:utrxTicker 34s linear infinite;
}
.utrx-strip-track span{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:var(--utr-bg-2);
  border:1px solid var(--utr-line-soft);
  color:var(--utr-text-2);
  font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
}
.utrx-strip-track i{font-size:10px;color:var(--utr-brand-ink);}

/* --- bölüm başlıkları ------------------------------------------------------ */
.utrx-section{position:relative;padding:76px 0;background:var(--utr-bg);}
.utrx-section-heading{max-width:760px;margin:0 auto 28px;}
.utrx-section-heading.center{text-align:center;}
.utrx-section-heading>span{
  display:inline-block;
  color:var(--utr-brand-ink);
  font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:10px;
}
.utrx-section-heading h2{color:var(--utr-text);font-size:clamp(28px,4.4vw,42px);margin:0 0 8px;}
.utrx-section-heading p{color:var(--utr-muted);font-size:16px;line-height:1.8;margin:0;}

/* --- hızlı erişim kartları -------------------------------------------------- */
.utrx-access-section{padding:52px 0 28px;background:var(--utr-bg-2);}
.utrx-access-card{
  height:100%;
  display:flex;flex-direction:column;align-items:flex-start;
  padding:26px;
  border-radius:var(--utr-r-xl);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow-sm);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.utrx-access-card:hover{transform:translateY(-6px);border-color:var(--utr-brand-line);box-shadow:var(--utr-shadow);}
.utrx-access-card i{
  width:56px;height:56px;
  border-radius:var(--utr-r);
  display:flex;align-items:center;justify-content:center;
  background:var(--utr-brand-soft);
  border:1px solid var(--utr-brand-line);
  color:var(--utr-brand-ink);
  font-size:23px;
  margin-bottom:17px;
}
.utrx-access-card strong{font-size:22px;font-weight:800;margin-bottom:7px;color:var(--utr-text);}
.utrx-access-card span{color:var(--utr-muted);line-height:1.7;}

/* --- servis kartları -------------------------------------------------------- */
.utrx-service-universe{background:var(--utr-bg);}
.utrx-service-card{
  position:relative;
  display:block;
  height:100%;
  padding:26px 24px;
  border-radius:var(--utr-r-xl);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow-sm);
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.utrx-service-card:hover{transform:translateY(-6px);border-color:var(--utr-brand-line);box-shadow:var(--utr-shadow);}
.utrx-service-card .badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;
  border-radius:999px !important;
  background:var(--utr-brand-soft) !important;
  border:1px solid var(--utr-brand-line);
  color:var(--utr-brand-ink) !important;
  font-weight:800;font-size:13px !important;
  margin-bottom:15px;
}
.utrx-service-card i{font-size:26px;color:var(--utr-text);margin-bottom:16px;display:block;}
.utrx-service-card h3{color:var(--utr-text);font-size:21px;font-weight:800;margin-bottom:9px;}
.utrx-service-card p{color:var(--utr-muted);line-height:1.75;margin:0;}

/* --- tool galerisi ---------------------------------------------------------- */
.utrx-tools-grid-section{background:var(--utr-bg-2);padding-top:72px;}
.utrx-tools-gallery-section .utrx-section-heading{margin-bottom:28px;}
.utrx-tool-grid-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.utrx-tool-showcase-card{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  text-align:center;
  min-height:212px;
  padding:18px 18px 20px;
  border-radius:var(--utr-r-xl);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow-sm);
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.utrx-tool-showcase-card:hover{transform:translateY(-5px);border-color:var(--utr-brand-line);box-shadow:var(--utr-shadow);}
.utrx-tool-logo{
  position:relative;
  width:100%;height:94px;
  margin:0 0 16px;
  border-radius:var(--utr-r-lg);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  border:1px solid var(--utr-line-soft);
  background:var(--utr-surface-2);
}
.utrx-tool-logo span{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:92px;max-width:92%;height:50px;padding:0 14px;
  border-radius:var(--utr-r);
  font-size:21px;font-weight:900;letter-spacing:-.04em;
  color:#fff;
}
.utrx-tool-showcase-card h3{margin:0 0 8px;color:var(--utr-text);font-size:17px;font-weight:800;line-height:1.28;}
.utrx-tool-showcase-card p{margin:0 auto;max-width:92%;color:var(--utr-muted);font-size:13px;line-height:1.55;font-weight:600;}

.utrx-tool-showcase-card.accent-gold  .utrx-tool-logo span{background:linear-gradient(135deg,#f59e0b,#facc15);color:#1b2230;}
.utrx-tool-showcase-card.accent-blue  .utrx-tool-logo span{background:linear-gradient(135deg,#2563eb,#60a5fa);}
.utrx-tool-showcase-card.accent-purple .utrx-tool-logo span{background:linear-gradient(135deg,#7c3aed,#a855f7);}
.utrx-tool-showcase-card.accent-cyan  .utrx-tool-logo span{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#08212a;}
.utrx-tool-showcase-card.accent-orange .utrx-tool-logo span{background:linear-gradient(135deg,#ea580c,#fb923c);}
.utrx-tool-showcase-card.accent-sky   .utrx-tool-logo span{background:linear-gradient(135deg,#0284c7,#7dd3fc);color:#08212a;}
.utrx-tool-showcase-card.accent-green .utrx-tool-logo span{background:linear-gradient(135deg,#059669,#4ade80);color:#062318;}
.utrx-tool-showcase-card.accent-red   .utrx-tool-logo span{background:linear-gradient(135deg,#dc2626,#fb7185);}

/* --- kapanış CTA ------------------------------------------------------------ */
.utrx-final-cta{background:var(--utr-bg);padding-top:42px;padding-bottom:88px;}
.utrx-cta-box{
  position:relative;
  padding:38px 34px;
  border-radius:var(--utr-r-xl);
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  box-shadow:var(--utr-shadow);
  overflow:hidden;
}
.utrx-cta-box::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(480px 260px at 8% 0%, var(--utr-info-soft), transparent 70%),
    radial-gradient(480px 260px at 96% 100%, var(--utr-brand-soft), transparent 70%);
}
.utrx-cta-box>*{position:relative;z-index:1;}
.utrx-cta-box .mini{
  display:inline-block;color:var(--utr-brand-ink);
  font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;
}
.utrx-cta-box h2{color:var(--utr-text);font-size:clamp(26px,3.8vw,40px);margin-bottom:9px;}
.utrx-cta-box p{color:var(--utr-muted);line-height:1.8;margin:0;max-width:660px;}


/* =============================================================================
   16 · SERVİS BİLGİ KARTLARI (sipariş detay ekranlarında kullanılıyor)
   ============================================================================= */
.utr-service-info-autocard{margin-top:18px;width:100%;clear:both;}
.server-order-info .utr-info-card{margin-top:8px;}
.service-information .utr-info-card{margin-top:18px;}

/* Bu kart genellikle .service-details içinde yer alır; iç içe okunabilsin
   diye bir kademe farklı yüzey kullanır. */
.utr-info-card{
  background:var(--utr-surface-2) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-lg) !important;
  padding:22px;
  box-shadow:var(--utr-shadow-sm) !important;
  color:var(--utr-text) !important;
  max-width:100%;
}
.utr-info-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.utr-info-icon{
  width:52px;height:52px;flex:none;
  border-radius:var(--utr-r);
  background:var(--utr-info-soft);
  color:var(--utr-info-ink);
  display:flex;align-items:center;justify-content:center;
  font-size:21px;
}
.utr-info-head h3{font-size:25px !important;line-height:1.15;margin:0 0 4px !important;color:var(--utr-text) !important;}
.utr-info-head p{margin:0;color:var(--utr-muted) !important;font-size:14px;line-height:1.65;}

.utr-card-block{margin-top:16px;}
.utr-card-block h5,
.utr-warning-box h5{
  font-size:15px !important;font-weight:800;margin:0 0 10px !important;
  color:var(--utr-text) !important;display:flex;align-items:center;gap:8px;
}
.utr-card-block h5 i{color:var(--utr-info-ink);}
.utr-card-block p{font-size:14px;line-height:1.75;margin:0 0 6px;color:var(--utr-muted) !important;}
.utr-card-block p strong{color:var(--utr-info-ink);font-weight:800;}
.utr-card-block p.utr-en{opacity:.92;}
.utr-card-block ol{padding:0;margin:0;list-style:none;display:grid;gap:7px;}
.utr-card-block ol li{
  display:flex;gap:10px;align-items:flex-start;
  font-size:14px;line-height:1.65;color:var(--utr-muted) !important;
}
.utr-card-block ol li span{
  width:22px;height:22px;flex:none;margin-top:1px;
  border-radius:999px;
  background:var(--utr-info-soft);
  color:var(--utr-info-ink);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;
}
.utr-card-block ol li b{color:var(--utr-info-ink);}
.utr-card-block ol li em{font-style:normal;color:var(--utr-success-ink);font-weight:800;}

.utr-warning-box{
  margin-top:18px;
  background:var(--utr-warning-soft);
  border:1px solid var(--utr-warning);
  border-radius:var(--utr-r-sm);
  padding:16px;
}
.utr-warning-box h5{color:var(--utr-warning-ink) !important;}
.utr-warning-box ul{margin:0;padding-left:18px;}
.utr-warning-box li{font-size:13.5px;line-height:1.7;color:var(--utr-text-2) !important;margin-bottom:6px;}
.utr-warning-box li b,
.utr-warning-box li em{font-style:normal;color:var(--utr-warning-ink);font-weight:800;}

.utr-link-block,.utr-join-block{text-align:center;}
.utr-link-buttons,.utr-join-buttons{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;}
.utr-join-buttons{margin-top:8px;}
.utr-link-buttons a{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 13px;
  border-radius:var(--utr-r-xs);
  background:var(--utr-info-soft);
  border:1px solid var(--utr-info-line);
  color:var(--utr-info-ink) !important;
  font-size:13px;font-weight:700;
  text-decoration:none !important;
  transition:transform .16s ease;
}
.utr-link-buttons a:hover{transform:translateY(-1px);}
.utr-join{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;
  border-radius:var(--utr-r-xs);
  color:#fff !important;font-weight:800;font-size:13px;
  text-decoration:none !important;
  box-shadow:var(--utr-shadow-sm);
}
.utr-join.tg{background:linear-gradient(135deg,#0ea5e9,#0284c7);}
.utr-join.wa,.utr-join.ws{background:linear-gradient(135deg,#16a34a,#22c55e);}
.utr-join.fb{background:linear-gradient(135deg,#2563eb,#1d4ed8);}
.utr-info-card-bilingual .utr-card-block h5 span,
.utr-info-card-bilingual .utr-warning-box h5 span,
.utr-info-card-bilingual .utr-link-block h5 span,
.utr-info-card-bilingual .utr-join-block h5 span{font-weight:600;opacity:.7;font-size:12px;margin-left:3px;}
.utr-info-card-bilingual .utr-link-buttons a small,
.utr-info-card-bilingual .utr-join small{font-weight:600;opacity:.8;margin-left:2px;}


/* =============================================================================
   17 · ANİMASYONLAR
   ============================================================================= */
@keyframes utrxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}
@keyframes utrxPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes utrxTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes utrxTitleShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}


/* =============================================================================
   18 · DUYARLI YERLEŞİM
   ============================================================================= */
@media (max-width:1199px){
  .utrx-tool-grid-showcase{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:991px){
  .header-middle,.header-bottom{padding:10px 0 !important;}
  .navbar-brand img{max-height:44px !important;}
  .page-title{font-size:26px !important;}
  .bg-white.py-2,.bg-white.py-lg-4{padding:20px 0 !important;margin-bottom:18px !important;}

  .utr-quickbar-inner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px;}
  .utr-marquee-track{animation-duration:22s;}

  .utrx-hero{padding:68px 0 36px;}
  .utrx-hero-showcase{padding-left:0;margin-top:26px;}
  .utrx-hero-mini-grid{grid-template-columns:1fr;}
  .utrx-showcase-summary{grid-template-columns:1fr;gap:10px;}
  .utrx-main-title-text{font-size:clamp(46px,9vw,72px);}

  .utrx-ticker-shell{flex-direction:column;align-items:stretch;}
  .utrx-ticker-pill{width:max-content;}
  .utrx-tool-grid-showcase{grid-template-columns:repeat(2,minmax(0,1fr));}
  .clientarea-balance .card{padding:16px !important;}
}

/* Mobilde yörünge yerleşimi ızgaraya dönüyor — mutlak konumlu rozetler
   küçük ekranlarda merkez çekirdekle çakışıyordu. */
@media (max-width:767px){
  .utrx-section{padding:58px 0;}
  .utrx-showcase-shell{padding:14px;}

  .utrx-shell-body{min-height:0;padding:20px;display:block;}
  .utrx-shell-body::before,
  .utrx-shell-body::after{display:none;}
  .utrx-orbit-center{position:static;inset:auto;margin-bottom:18px;}
  .utrx-center-core{width:116px;height:116px;}
  .utrx-center-core strong{font-size:17px;}
  .utrx-orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px;}
  .utrx-orbit-item{
    position:static;
    inset:auto !important;
    top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;
    width:100%;min-width:0;
    animation:none;
    font-size:11px;padding:10px 8px;
  }

  .utrx-floating-actions{
    right:10px;left:10px;top:auto;bottom:12px;
    transform:none;
    flex-direction:row;justify-content:center;
    gap:8px;
    padding:8px;
    border-radius:var(--utr-r-lg);
    background:var(--utr-surface);
    border:1px solid var(--utr-line);
    box-shadow:var(--utr-shadow);
    overflow-x:auto;
  }
  .utrx-float-btn{width:44px;height:44px;border-radius:14px;flex:0 0 auto;}
  .utrx-float-btn::before{display:none;}

  .utrx-footer-bottom{flex-direction:column;align-items:flex-start;}
}

@media (max-width:575px){
  .container{padding-left:16px !important;padding-right:16px !important;}
  .page-title{font-size:23px !important;}
  .card,.card-app,.card-simple-form{border-radius:var(--utr-r-sm) !important;}

  .utr-theme-toggle span,.utr-lang-toggle span{display:none;}
  .utr-lang-toggle{min-width:44px;}
  .utr-qbtn{padding:9px 15px;font-size:13px;}

  .utrx-main-title-text{font-size:44px;}
  .utrx-main-title small{margin-top:14px;}
  .utrx-btn{width:100%;}
  .utrx-tool-grid-showcase{grid-template-columns:1fr;gap:16px;}
  .utrx-tool-showcase-card{min-height:0;}
  .utrx-footer-shell,.utrx-cta-box{padding:22px 18px;}
  .utrx-strip-track span{padding:9px 12px;font-size:11px;}
}


/* =============================================================================
   19 · ERİŞİLEBİLİRLİK & YAZDIRMA
   ============================================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .utr-marquee-track,.utrx-strip-track{animation:none !important;}
}

@media print{
  header,.utr-quickbar,.utr-marquee-wrap,.utrx-floating-actions,
  .utrx-footer-clean,.breadcrumb,.navbar-toggler{display:none !important;}
  body{background:#fff !important;color:#000 !important;}
  .card,.panel,.table-responsive{box-shadow:none !important;border:1px solid #ccc !important;}
}


/* =============================================================================
   20 · TEMEL TEMA (themeN.css) UYUMLULUK KATMANI
   -----------------------------------------------------------------------------
   DHRU'nun renk teması dosyaları (theme8.css vb.) birkaç seçiciyi yüksek
   specificity + !important ile boyuyor. Bunlar bizim paletimizi deliyordu:
   scroll'da mor header, beyaz yazılı altın butonlar, mor sihirbaz adımları...
   Aşağıdaki kurallar aynı seçicileri eşit/üstün specificity ile geri alır.
   Bir renk temasını değiştirirsen bu blok yine geçerli kalır.
   ============================================================================= */

/* scroll'da küçülen header mor olmasın */
.page-index header.navbar-shrink,
body.page-index header.navbar-shrink{
  background:var(--utr-header-bg) !important;
  box-shadow:var(--utr-shadow) !important;
}

/* mobil menü başlığı */
.modal-menu .modal-header,
#navbarToggler1 .modal-header{
  background:var(--utr-surface-2) !important;
  color:var(--utr-text) !important;
}
.modal-menu .modal-header *,
#navbarToggler1 .modal-header *{color:var(--utr-text) !important;}

/* sepet rozeti */
.cartminiview .badge-success{
  background:var(--utr-brand) !important;
  color:var(--utr-on-brand) !important;
}

/* birincil butonun beyaz yazılı altın hâli — okunabilirlik sorunuydu */
button.btn.btn-primary,
a.btn.btn-primary,
input.btn.btn-primary,
.btn.btn-primary{
  background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand)) !important;
  color:var(--utr-on-brand) !important;
  border-color:transparent !important;
}

/* kayıt / sipariş sihirbazı adımları */
.wizard .actions li a,
.steps ul li.first a,
.steps ul li.checked a{
  background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand)) !important;
  color:var(--utr-on-brand) !important;
}
.steps ul li a{color:var(--utr-text-2);}

/* nav-pills */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
ul.nav-pills.flex-nowrap .nav-link.active{
  background:var(--utr-brand-soft) !important;
  color:var(--utr-brand-ink) !important;
  border-radius:var(--utr-r-xs) !important;
}

/* sepet/menü şeridinin mor gradyanı */
.themedefault,
.header-bottom.themedefault,
.header-color{
  background:var(--utr-header-bg) !important;
  background-image:none !important;
}

/* geri kalan vurgu renkleri */
.btn-addtocart,
.page-link,
.double-border h5,
.card-product:hover .service-name,
h3.title{color:var(--utr-brand-ink) !important;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background:var(--utr-brand) !important;
  border-color:var(--utr-brand) !important;
}

.footer-top .link-heading::after{background:var(--utr-brand) !important;}

/* nav-link alt göstergesi */
.navbar-expand-lg .navbar-nav .nav-item .nav-link:not(.bg-secondary)::before{
  background:var(--utr-brand) !important;
}

/* DHRU'nun bazı ekranlarda bıraktığı sabit beyaz/koyu bloklar */
.bg-light{background:var(--utr-surface-2) !important;color:var(--utr-text) !important;}
.serchcontent,.carousel.slide-products{background:var(--utr-surface) !important;color:var(--utr-text) !important;}


/* =============================================================================
   21 · SAYFALAMA (pagination)
   -----------------------------------------------------------------------------
   Bootstrap `.page-link` beyaz zemin + mavi yazı ile geliyordu ve tema
   değişkenlerine hiç bağlı değildi: dark modda beyaz bloklar olarak kalıyordu.
   ============================================================================= */
.pagging{align-items:center;gap:16px;padding-top:14px;}

.pagination{
  gap:8px;
  margin-top:1.25rem !important;
  align-items:center;
  flex-wrap:wrap;
}

/* "Jump to page : [1] / 11" kutusu */
.pagination .pages-dropdown{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:0 !important;
  padding:7px 14px;
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-sm) !important;
  color:var(--utr-muted) !important;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  flex:0 0 auto;
}
.pagination .pages-dropdown *{color:var(--utr-muted) !important;}
.pagination .pages-dropdown input,
.pagination .pages-dropdown select,
.pagination .pages-dropdown .form-control{
  width:68px !important;
  flex:0 0 68px;
  min-width:0;
  min-height:36px !important;
  height:36px !important;
  padding:4px 8px !important;
  text-align:center;
  background:var(--utr-field) !important;
  border:1px solid var(--utr-field-line) !important;
  color:var(--utr-text) !important;
  border-radius:var(--utr-r-xs) !important;
  font-weight:700;
}

.pagination ul,
.pagination>ul{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  list-style:none;
  padding:0;
  margin:0 0 0 auto;
}
.pagination li,.page-item{margin:0;}

.pagination a,
.page-link,
.page-item .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:42px;
  padding:10px 15px !important;
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-xs) !important;
  color:var(--utr-text-2) !important;
  font-weight:700;
  font-size:14px;
  line-height:1;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.pagination a:hover,
.page-link:hover{
  background:var(--utr-brand-soft) !important;
  border-color:var(--utr-brand-line) !important;
  color:var(--utr-brand-ink) !important;
}

/* aktif sayfa */
.pagination .active,
.pagination .active a,
.pagination li.active a,
.page-item.active .page-link{
  background:linear-gradient(135deg,var(--utr-brand-2),var(--utr-brand)) !important;
  border-color:transparent !important;
  color:var(--utr-on-brand) !important;
  box-shadow:0 8px 20px var(--utr-brand-soft) !important;
}

.pagination .disabled a,
.page-item.disabled .page-link{opacity:.42;pointer-events:none;}

@media (max-width:575px){
  .pagging{flex-direction:column;align-items:stretch;}
  .pagging>div,.pagging select{width:100% !important;}
  .pagination{justify-content:center;}
  .pagination ul{margin:10px auto 0;justify-content:center;}
  .pagination .pages-dropdown{width:100%;justify-content:center;}
  .pagination a,.page-link{min-width:40px;min-height:40px;padding:9px 12px !important;font-size:13px;}
}


/* =============================================================================
   22 · SINIF ÇAKIŞMASI DÜZELTMELERİ
   -----------------------------------------------------------------------------
   theme.css içinde `.center{display:flex;align-items:center;height:100%}` var.
   index.tpl icindeki `utrx-section-heading center` bu yuzden yatay flex satirina
   donusuyor, ust etiket ile baslik yan yana diziliyordu.
   ============================================================================= */
.utrx-section-heading.center{
  display:block;
  height:auto;
  text-align:center;
}


/* =============================================================================
   23 · SİPARİŞ GEÇMİŞİ TABLOSU
   ============================================================================= */
/* NOT: burada `overflow:hidden` KULLANMA — .imei-title içindeki export/görünüm
   dropdown menüleri ve thead'deki chosen açılır listeleri kırpılır. */
.table-order-history{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r) !important;
  overflow-x:auto !important;
}

/* ust islem cubugu */
.unlocktr-orders .imei-title{padding:4px 0 14px;}
.unlocktr-orders .imei-title .btn{
  min-height:40px;
  border-radius:var(--utr-r-xs) !important;
  font-size:13px;
}

/* tablo basligi kaydirinca sabit kalsin */
.utr-order-history-table thead th,
.order-history-table thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:var(--utr-surface-2) !important;
  color:var(--utr-text) !important;
  border-bottom:1px solid var(--utr-line) !important;
}
.utr-order-history-table thead.bg-white,
.order-history-table thead.bg-white{background:var(--utr-surface-2) !important;}

.utr-order-history-table tbody tr,
.order-history-table tbody tr{border-bottom:1px solid var(--utr-line-soft);}
.utr-order-history-table tbody td,
.order-history-table tbody td{vertical-align:middle;}

/* basliktaki filtre select'leri */
.utr-order-history-table thead .form-control,
.order-history-table thead .form-control{
  min-height:38px !important;
  height:38px;
  font-size:12.5px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
}

.utr-order-history-table .order-status,
.order-history-table .order-status{font-weight:700;}

.utr-empty-value{opacity:.5;}

/* FIELD sutunu ve cevap hucresi icin ortak kopyalama dugmesi */
.utr-copy-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  padding:5px 10px;
  border:1px solid var(--utr-line);
  border-radius:9px;
  background:var(--utr-surface-3);
  color:var(--utr-text-2) !important;
  font-size:11.5px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.utr-copy-chip:hover{
  background:var(--utr-brand-soft);
  border-color:var(--utr-brand-line);
  color:var(--utr-brand-ink) !important;
}
.utr-copy-chip.is-ok{background:var(--utr-success-soft);border-color:var(--utr-success);color:var(--utr-success-ink) !important;}
.utr-copy-chip.is-error{background:var(--utr-danger-soft);border-color:var(--utr-danger);color:var(--utr-danger-ink) !important;}

/* cevap sütunundaki ikon-only düğme kare kalsın */
.utr-copy-chip.utr-reply-copy{
  flex:0 0 30px;
  width:30px;
  padding:0;
  font-size:12px;
}

.utr-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}
.utr-field-label{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--utr-muted);
}

.utr-order-reply-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  width:100%;
}
.utr-order-reply-wrap .utr-order-reply-text{flex:1;min-width:0;}


/* =============================================================================
   24 · SİPARİŞ VERME EKRANLARI
   ============================================================================= */
/* DİKKAT: `.group` ve `.service` DHRU'da sipariş stiline göre farklı roller
   üstleniyor — orderstyle 3'te bunlar Bootstrap `.row` ve `.col-*` grid
   elemanları. Bu yüzden burada display / padding gibi YERLEŞİM özellikleri
   DEĞİŞTİRİLMEZ; yalnızca renk ve vurgu verilir. */
.card-search,
.card-servicedetail{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r) !important;
  color:var(--utr-text) !important;
}

.card-search .form-control{min-height:48px !important;font-size:15px;}
.card-search .fa-search,
.card-search .fal.fa-search{color:var(--utr-muted);}

/* sol panel: kaydırılabilir servis listesi */
.col-left.overflow{scrollbar-width:thin;}
.service-list .card.group{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
}
.service-list .card.group>div>h4,
.service-list h3.title span{
  color:var(--utr-brand-ink) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.service-list .card.group>div>h4{border-bottom-color:var(--utr-line) !important;}

/* liste satırı (orderstyle 1/2) */
.col-left .service{transition:background .14s ease;border-radius:var(--utr-r-xs);}
.col-left .service:hover{background:var(--utr-brand-soft);}
.col-left .service .border-top{border-top-color:var(--utr-line-soft) !important;}
.col-left .service.selected,
.col-left .service.is-selected{
  background:var(--utr-brand-soft);
  box-shadow:inset 3px 0 0 var(--utr-brand);
}

/* servis kartı (orderstyle 3) */
.service-list-box .card-product{
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-sm) !important;
  transition:transform .16s ease,border-color .16s ease;
}
.service-list-box .service:hover .card-product{
  transform:translateY(-2px);
  border-color:var(--utr-brand-line) !important;
}
.col-group-icon .bg-gray{
  background:var(--utr-surface-2) !important;
  color:var(--utr-brand-ink) !important;
  font-weight:800 !important;
  border-radius:var(--utr-r-sm) 0 0 var(--utr-r-sm) !important;
}

.card-servicedetail .title,
.card-servicedetail h3,
.card-servicedetail h4{color:var(--utr-text) !important;}

.price_change,.discounted,.discount_text{font-weight:800 !important;}
.discounted{color:var(--utr-success-ink) !important;}
.discount_text{color:var(--utr-brand-ink) !important;}
.textred{color:var(--utr-danger-ink) !important;}
.textgreen{color:var(--utr-success-ink) !important;}
.textblue{color:var(--utr-info-ink) !important;}
.textyellow{color:var(--utr-brand-ink) !important;}

/* IMEI / toplu giris alani */
.card-servicedetail textarea,
#imeiorder_form textarea,
#serverorder_form textarea{
  min-height:130px;
  font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace !important;
  font-size:13.5px;
  line-height:1.65;
}

/* dosya ile doldurma dugmesi */
.critical-info-file-fill-wrap{display:inline-flex;align-items:center;gap:8px;margin-top:8px;}
.critical-info-file-fill-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 13px;
  border:1px dashed var(--utr-line) !important;
  border-radius:var(--utr-r-xs) !important;
  background:var(--utr-surface-2) !important;
  color:var(--utr-text-2) !important;
  font-size:12.5px;font-weight:700;
  cursor:pointer;
}
.critical-info-file-fill-btn:hover{border-color:var(--utr-brand-line) !important;color:var(--utr-brand-ink) !important;}

.big-chosen .chosen-container{width:100% !important;}
.big-chosen .chosen-single{min-height:48px !important;padding-top:10px !important;}


/* =============================================================================
   25 · KAYIT & GİRİŞ SİHİRBAZI
   ============================================================================= */
.card-registration{
  padding:34px 30px !important;
  background:var(--utr-surface) !important;
  border:1px solid var(--utr-line) !important;
  border-radius:var(--utr-r-lg) !important;
  box-shadow:var(--utr-shadow) !important;
}
.page-registration.mw-500{max-width:560px !important;}

.wizard-title{
  font-size:26px !important;
  margin-bottom:4px !important;
  color:var(--utr-text) !important;
}
.registration-steps>div:first-child{margin-bottom:18px;}

/* adim gostergesi */
.steps ul.nav-wizard{
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0 0 6px;
}
.steps ul.nav-wizard .nav-item{flex:1;}
.nav-tabs.nav-wizard{border:0 !important;}
.nav-tabs.nav-wizard .nav-link{
  display:block;
  width:100%;
  height:6px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--utr-line) !important;
  transition:background .3s ease;
}
.nav-tabs.nav-wizard .nav-item.checked .nav-link,
.nav-tabs.nav-wizard .nav-link.active{
  background:linear-gradient(90deg,var(--utr-brand-2),var(--utr-brand)) !important;
}

/* form alanlari */
.card-registration .form-row{margin-left:-8px;margin-right:-8px;}
.card-registration .form-row>[class*="col"]{padding-left:8px;padding-right:8px;}
.card-registration .form-group{margin-bottom:16px;}
.card-registration .form-label,
.card-registration label:not(.custom-control-label){
  display:block;
  margin-bottom:6px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--utr-text-2) !important;
}
.card-registration h5{
  font-size:15px !important;
  margin:22px 0 14px !important;
  padding-bottom:10px;
  border-bottom:1px solid var(--utr-line-soft);
  color:var(--utr-text) !important;
}
.card-registration h5:first-child{margin-top:0 !important;}

/* onay kutulari / radyo */
.custom-control-label{color:var(--utr-text-2) !important;font-weight:600;}
.custom-control-label::before{
  background:var(--utr-field) !important;
  border:1px solid var(--utr-field-line) !important;
}
.custom-control-input:checked~.custom-control-label::before{
  background:var(--utr-brand) !important;
  border-color:var(--utr-brand) !important;
}
.custom-control-input:focus~.custom-control-label::before{
  box-shadow:0 0 0 3px var(--utr-brand-soft) !important;
}

/* alt islem cubugu */
.d-actionbar-mobile{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--utr-line-soft);
}
.d-actionbar-mobile .btn{min-height:46px;padding:11px 22px !important;}
.d-actionbar-mobile .btn.forward{min-width:150px;}

/* bos uyari kutusu yer kaplamasin */
.alert-reg:empty{display:none !important;}

/* giris modali */
#login .modal-content,
#forgotpassword .modal-content{border-radius:var(--utr-r-lg) !important;}
#login .form-control{min-height:46px;}

@media (max-width:575px){
  .card-registration{padding:22px 18px !important;}
  .wizard-title{font-size:21px !important;}
  .d-actionbar-mobile .btn{width:100%;margin-bottom:8px;}
}


/* =============================================================================
   26 · SİPARİŞ BAŞARILI EKRANI (#custom-alert)
   -----------------------------------------------------------------------------
   DHRU bu katmanı `position-fixed bg-white` ile açıyordu: tema ne olursa olsun
   tüm ekranı beyaza boyuyor, dark temada yazılar okunmuyordu. Şablonlarda
   `bg-white` kaldırıldı, burada temaya bağlı ortalanmış bir kart tanımlanıyor.
   ============================================================================= */
/* NOT: Buraya `display` YAZILMAZ. Görünürlük şablondaki inline
   `style="display:none"` ve jQuery .show()/.hide() ile yönetiliyor;
   stylesheet'ten display vermek ikisiyle çakışır. */
.utr-order-done{
  position:fixed;
  inset:0;
  z-index:1080;
  padding:7vh 24px 24px;
  background:rgba(4,9,18,.62);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  overflow-y:auto;
}
html[data-utr-scheme="light"] .utr-order-done{background:rgba(15,23,42,.38);}

.utr-done-card{
  position:relative;
  width:100%;
  max-width:520px;
  margin:auto;
  padding:34px 30px 30px;
  text-align:center;
  background:var(--utr-surface);
  border:1px solid var(--utr-line);
  border-radius:var(--utr-r-lg);
  box-shadow:var(--utr-shadow-lg);
  color:var(--utr-text);
  animation:utrDoneIn .26s ease-out;
}
@keyframes utrDoneIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

/* Yeşil onay ikonunun maske parçaları kart zeminiyle aynı olmalı,
   yoksa koyu temada beyaz dilimler olarak görünür. */
.utr-done-card .sa-icon::before,
.utr-done-card .sa-icon::after,
.utr-done-card .sa-icon .sa-fix{background:var(--utr-surface) !important;}
.utr-done-card .sa-icon{margin:4px auto 22px;}

/* başarı mesajı */
.utr-done-msg{
  display:block !important;
  margin:0 0 6px !important;
  padding:14px 18px !important;
  background:var(--utr-success-soft) !important;
  border:1px solid var(--utr-success) !important;
  border-radius:var(--utr-r-sm) !important;
  color:var(--utr-success-ink) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.5;
}
.utr-done-msg *{color:var(--utr-success-ink) !important;}
.utr-done-msg:empty{display:none !important;}

/* API cevabı / ek bilgi kutusu */
.utr-done-reply{
  margin:14px auto 0;
  color:var(--utr-text-2);
  font-size:13.5px;
  line-height:1.65;
  word-break:break-word;
  overflow-wrap:anywhere;
}
/* İçerik JS ile basılıyor; boşken hiç yer kaplamasın.
   (Şablonda etiketler arasında boşluk bırakma, `:empty` tutmaz.) */
.utr-done-reply:empty{display:none !important;}
.utr-done-reply:not(:empty){
  max-height:220px;
  overflow:auto;
  padding:12px 14px;
  background:var(--utr-field);
  border:1px solid var(--utr-line);
  border-radius:var(--utr-r-sm);
  font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;
  font-size:12.5px;
  text-align:left;
}

/* işlem düğmeleri */
.utr-done-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:22px;
}
.utr-done-actions .btn{
  width:100%;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.utr-done-secondary{
  background:var(--utr-glass) !important;
  border:1px solid var(--utr-line) !important;
  color:var(--utr-text) !important;
}
.utr-done-secondary:hover{
  background:var(--utr-brand-soft) !important;
  border-color:var(--utr-brand-line) !important;
  color:var(--utr-brand-ink) !important;
}

/* kapat düğmesi */
.utr-done-close{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  color:var(--utr-muted) !important;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.utr-done-close:hover{background:var(--utr-surface-3);color:var(--utr-text) !important;}

@media (max-width:575px){
  .utr-order-done{padding:4vh 14px 14px;}
  .utr-done-card{padding:28px 20px 24px;}
  .utr-done-msg{font-size:14px !important;padding:12px 14px !important;}
  .utr-done-actions .btn{font-size:13.5px;}
}