/* =========================================
   TUEMCLOUD.COM.TR — WiseCP Tema Bütünleşme
   ========================================= */

/* ─── Temel ─── */
*{box-sizing:border-box;}
body,html,input,button,select,textarea{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;}
body{background:#f4f6f9!important;color:#4a545d;}
a{color:#1e2022;}
a:hover{color:var(--primaryc)!important;}

/* ─── Eski WiseCP elementleri gizle ─── */
.clean-theme-header,.clean-theme-footer,#mobmenu,
.hbcne,#wisecp,.clean-theme-sign-bg video{display:none!important;}

/* ─── Sayfa wrapper ─── */
#wrapper,div#wrapper{max-width:1240px;margin:0 auto;padding:0 24px!important;width:100%!important;}

/* ─── Breadcrumb ─── */
.header-breadcrumb{background:#fff;border-bottom:1px solid #e9ecef;padding:10px 0!important;}
.header-breadcrumb .container,.header-breadcrumb #wrapper{display:flex;align-items:center;gap:8px;font-size:13px;}
.header-breadcrumb a{color:#4a545d;}
.header-breadcrumb a:hover{color:var(--primaryc);}
.header-breadcrumb span.active{color:var(--primaryc);font-weight:600;}
.header-breadcrumb .fa-home{color:var(--primaryc);}

/* ─── Sipariş adım barı ─── */
.asamaline{display:none!important;}
.ilanasamalar{
  display:flex;max-width:520px;margin:32px auto 40px;
  border-radius:10px;overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.07);
  border:none;
}
.ilanasamax{
  flex:1;text-align:center;padding:16px 10px;
  background:#fff;font-size:13px;color:#4a545d;
  border-right:1px solid #e9ecef;position:relative;
}
.ilanasamax:last-child{border-right:none;}
.ilanasamax h3{font-size:20px;font-weight:700;margin:0 0 4px;}
.ilanasamax#asamaaktif{background:var(--primaryc)!important;color:#fff!important;}
.ilanasamax#asamaaktif h3{color:#fff!important;}
.ilanasamax#asamaaktif::after{
  content:'';position:absolute;right:-12px;top:50%;transform:translateY(-50%);
  border:12px solid transparent;border-left:12px solid var(--primaryc);z-index:2;
}

/* ─── Fiyat seçim kartları ─── */
.periodical-list,
div[style*="grid"],
.row.periodical{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:16px!important;margin:24px 0!important;float:none!important;
}
.periodical-item,
.period-box,
.pcitem{
  background:#fff!important;
  border:2px solid #e9ecef!important;
  border-radius:12px!important;
  padding:24px 18px!important;
  text-align:center!important;
  cursor:pointer;transition:all .2s!important;
  box-shadow:none!important;
}
.periodical-item:hover,.period-box:hover,.pcitem:hover,
.periodical-item.selected,.pcitem.selected,
.periodical-item.active,.pcitem.active{
  border-color:var(--primaryc)!important;
  box-shadow:0 4px 20px rgba(255,140,0,.18)!important;
  transform:translateY(-2px)!important;
}
.periodical-item .period-name,.pcitem .period-name{
  font-size:13px;font-weight:600;color:var(--primaryc);margin-bottom:8px;
}
.periodical-item .period-price,.pcitem .period-price{
  font-size:24px;font-weight:700;color:#1e2022;
}
/* İndirim rozeti */
.period-discount,.indirimband,.discount-badge{
  background:var(--primaryc)!important;color:#fff!important;
  font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;
  display:inline-block;margin-bottom:8px;
}

/* ─── Butonlar ─── */
.btn-primary,.btn-success,.btn-info,
button.btn.btn-primary,a.btn.btn-primary,
input[type="submit"],.mio-ajax-submit,
.yesilbtn,.gonderbtn,
.btn.checkout-btn,.devambtn{
  background:var(--primaryc)!important;
  border-color:var(--primaryc)!important;
  color:#fff!important;
  border-radius:8px!important;
  font-weight:600!important;
  font-size:14px!important;
  padding:10px 28px!important;
  transition:all .2s!important;
  box-shadow:none!important;
}
.btn-primary:hover,.btn-success:hover,.mio-ajax-submit:hover,
.yesilbtn:hover,.gonderbtn:hover{
  background:#e67e00!important;border-color:#e67e00!important;
  box-shadow:0 4px 14px rgba(255,140,0,.35)!important;
}
.btn-default,.btn-secondary{
  background:#fff!important;border:1.5px solid #e9ecef!important;
  color:#4a545d!important;border-radius:8px!important;
  font-weight:500!important;
}
.btn-default:hover,.btn-secondary:hover{border-color:var(--primaryc)!important;color:var(--primaryc)!important;}
.btn-danger{border-radius:8px!important;font-weight:600!important;}

/* ─── Kartlar / Paneller ─── */
.panel,.well,.box,
.clean-theme-panel,.mio-panel,
.card,.card-default{
  background:#fff!important;
  border:1px solid #e9ecef!important;
  border-radius:12px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.05)!important;
}
.panel-heading,.card-header,.panel-title,.mio-panel-header{
  background:#f8f9fa!important;
  border-bottom:1px solid #e9ecef!important;
  border-radius:12px 12px 0 0!important;
  padding:14px 20px!important;
  font-weight:600!important;
  color:#1e2022!important;
  font-size:15px!important;
}
.panel-body,.card-body{padding:20px!important;}

/* ─── Tablolar ─── */
.table thead th{
  background:#f8f9fa!important;
  color:#1e2022!important;
  font-weight:600!important;
  border-bottom:2px solid #e9ecef!important;
  font-size:13px!important;
}
.table td,.table th{vertical-align:middle!important;border-color:#f0f0f0!important;}
.table-hover tbody tr:hover{background:rgba(255,140,0,.04)!important;}
.table-striped tbody tr:nth-of-type(odd){background:rgba(0,0,0,.02)!important;}

/* ─── Formlar ─── */
.form-control,input[type="text"],input[type="email"],
input[type="password"],input[type="number"],select,textarea{
  border:1.5px solid #e9ecef!important;
  border-radius:8px!important;
  padding:10px 14px!important;
  font-size:14px!important;
  color:#1e2022!important;
  background:#fff!important;
  transition:border-color .2s!important;
  box-shadow:none!important;
}
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:var(--primaryc)!important;
  box-shadow:0 0 0 3px rgba(255,140,0,.12)!important;
  outline:none!important;
}
label,.control-label{font-weight:500!important;font-size:13px!important;color:#1e2022!important;margin-bottom:6px!important;}

/* ─── Giriş / Kayıt sayfası ─── */
body#clean-theme-client,
body.sign-page{background:#f4f6f9!important;}
.clean-theme-sign{background:transparent!important;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;}
.clean-theme-sign-right,
.clean-theme-sign-center,
.sign-box-wrap{
  background:#fff!important;
  border-radius:14px!important;
  box-shadow:0 4px 30px rgba(0,0,0,.10)!important;
  padding:40px!important;
  max-width:480px;width:100%;margin:0 auto;
}
.clean-theme-sign-right h2,.clean-theme-sign h2{
  color:#1e2022!important;font-weight:700!important;margin-bottom:24px!important;font-size:22px!important;
}
.clean-theme-sign-logo img{height:40px!important;}

/* ─── Hesap paneli (client area) ─── */
body#clean-theme-client .mpanel{
  display:grid;grid-template-columns:260px 1fr;gap:24px;
  max-width:1240px;margin:32px auto;padding:0 24px;
}
/* Sidebar */
.mpanelleft,.clean-theme-client-left{
  background:#fff!important;
  border-radius:12px!important;
  border:1px solid #e9ecef!important;
  box-shadow:0 2px 12px rgba(0,0,0,.05)!important;
  overflow:hidden;
  height:fit-content;
}
.clean-theme-client-left-block-title{
  background:var(--primaryc)!important;
  padding:16px 20px!important;
}
.clean-theme-client-left-block-title h4{color:#fff!important;font-weight:700!important;margin:0!important;}
.clean-theme-client-left-block-title span{color:rgba(255,255,255,.8)!important;font-size:12px!important;}
.clean-theme-side-menu ul{list-style:none;padding:8px 0;margin:0;}
.clean-theme-side-menu ul li a,
.mpanelleft ul li a{
  display:flex!important;align-items:center;gap:10px;
  padding:11px 20px!important;color:#4a545d!important;
  font-size:14px!important;font-weight:500!important;
  transition:all .15s!important;border-left:3px solid transparent!important;
  text-decoration:none!important;
}
.clean-theme-side-menu ul li a:hover,
.clean-theme-side-menu ul li.active a,
.mpanelleft ul li a:hover,
.mpanelleft ul li.active a{
  color:var(--primaryc)!important;
  background:rgba(255,140,0,.06)!important;
  border-left-color:var(--primaryc)!important;
}
/* Sağ içerik */
.mpanelright,.clean-theme-client-right{background:transparent!important;}

/* ─── Badge / Etiketler ─── */
.badge,.label{border-radius:20px!important;font-weight:600!important;font-size:11px!important;}
.badge-success,.label-success{background:#10b981!important;}
.badge-danger,.label-danger{background:#ef4444!important;}
.badge-warning,.label-warning{background:var(--primaryc)!important;}
.badge-info,.label-info{background:#3b82f6!important;}
.badge-primary{background:var(--primaryc)!important;}

/* ─── Uyarı kutuları ─── */
.alert{border-radius:10px!important;border:none!important;font-size:14px!important;}
.alert-success{background:#d1fae5!important;color:#065f46!important;}
.alert-danger,.alert-error{background:#fee2e2!important;color:#991b1b!important;}
.alert-warning{background:#fff7ed!important;color:#92400e!important;}
.alert-info{background:#eff6ff!important;color:#1e40af!important;}

/* ─── Fatura / Ürün listesi ─── */
.invoice-header,.product-header{
  background:var(--primaryc)!important;color:#fff!important;
  border-radius:10px 10px 0 0!important;padding:16px 20px!important;
}
.invoice-status-paid,.status-active{color:#10b981!important;font-weight:600!important;}
.invoice-status-unpaid,.status-suspended{color:#ef4444!important;font-weight:600!important;}

/* ─── Pagination ─── */
.pagination .active a,.pagination .active span{
  background:var(--primaryc)!important;border-color:var(--primaryc)!important;color:#fff!important;
}
.pagination a:hover{background:rgba(255,140,0,.1)!important;color:var(--primaryc)!important;}

/* ─── Çerez popup ─── */
.clean-theme-cookie{
  background:rgba(30,32,34,.95)!important;
  backdrop-filter:blur(8px)!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  max-width:380px!important;
}
.clean-theme-cookie a{color:var(--primaryc)!important;}
.clean-theme-cookie .btn-primary{background:var(--primaryc)!important;}

/* ─── İçerik başlıkları ─── */
h1,h2,h3,h4,h5,h6{color:#1e2022!important;}
.page-title,.section-title{color:#1e2022!important;font-weight:700!important;}

/* ─── Progress bar ─── */
.progress-bar{background:var(--primaryc)!important;}
.progress{border-radius:20px!important;background:#e9ecef!important;}

/* ─── Boş durum ─── */
.empty-state,.no-data{text-align:center;padding:48px 24px;color:#aaa;}
.empty-state i,.no-data i{font-size:48px;display:block;margin-bottom:16px;color:#e9ecef;}

/* ─── Modal ─── */
.modal-content{border-radius:14px!important;border:none!important;box-shadow:0 20px 60px rgba(0,0,0,.2)!important;}
.modal-header{border-bottom:1px solid #e9ecef!important;padding:20px 24px!important;}
.modal-title{font-weight:700!important;color:#1e2022!important;}
.modal-footer{border-top:1px solid #e9ecef!important;padding:16px 24px!important;}

/* ─── Select kutucukları (fatura tipi vb.) ─── */
.accordion-item,.accordion{border-radius:10px!important;overflow:hidden;border:1px solid #e9ecef!important;}
.accordion-header,.ui-accordion-header{
  background:#f8f9fa!important;
  color:#1e2022!important;font-weight:600!important;
  padding:14px 18px!important;border-bottom:1px solid #e9ecef!important;
  cursor:pointer;
}
.accordion-header:hover,.ui-accordion-header:hover{background:rgba(255,140,0,.06)!important;}
.ui-accordion-header-active,.accordion-header.active{
  background:var(--primaryc)!important;color:#fff!important;
}

/* ─── Sepet ─── */
.basket-row,.checkout-row{
  background:#fff;border-radius:10px;
  padding:16px 20px;margin-bottom:12px;
  border:1px solid #e9ecef;
}
.basket-total,.order-summary{
  background:#fff;border-radius:12px;
  border:1px solid #e9ecef;padding:20px;
  position:sticky;top:20px;
}
.basket-total h3,.order-summary h3{
  font-size:16px;font-weight:700;color:#1e2022;
  border-bottom:1px solid #e9ecef;padding-bottom:12px;margin-bottom:16px;
}
.basket-total .total-price,.order-summary .total-price{
  font-size:24px;font-weight:700;color:var(--primaryc);
}
.basket-total .tax-line,.order-summary .tax-line{font-size:13px;color:#aaa;}

/* ─── Genel margin/padding düzeltmesi ─── */
.mio-margin-top{margin-top:24px!important;}
.mio-margin-bottom{margin-bottom:24px!important;}
.padding20{padding:20px!important;}
.padding30{padding:24px!important;}

/* ─── Footer bölge boşluğu ─── */
.clean-theme-footer-wrap,
body > footer ~ *{margin-bottom:0;}

/* ─── Flaticon UI Icons — ana siteden alınan doğru unicode değerleri ─── */
@font-face {
  font-family: "uicons-solid-rounded";
  src: url("https://cdn-uicons.flaticon.com/2.0.0/uicons-solid-rounded/webfonts/uicons-solid-rounded.woff2") format("woff2"),
       url("https://cdn-uicons.flaticon.com/2.0.0/uicons-solid-rounded/webfonts/uicons-solid-rounded.woff") format("woff");
  font-weight:normal;font-style:normal;font-display:swap;
}
@font-face {
  font-family: "uicons-regular-rounded";
  src: url("https://cdn-uicons.flaticon.com/2.0.0/uicons-regular-rounded/webfonts/uicons-regular-rounded.woff2") format("woff2"),
       url("https://cdn-uicons.flaticon.com/2.0.0/uicons-regular-rounded/webfonts/uicons-regular-rounded.woff") format("woff");
  font-weight:normal;font-style:normal;font-display:swap;
}
i[class*="fi-sr-"]::before,span[class*="fi-sr-"]::before{
  font-family:"uicons-solid-rounded"!important;
  font-style:normal!important;font-weight:400!important;line-height:1.75;-webkit-font-smoothing:antialiased;
}
i[class*="fi-rr-"]::before,span[class*="fi-rr-"]::before{
  font-family:"uicons-regular-rounded"!important;
  font-style:normal!important;font-weight:400!important;line-height:1.75;
}
/* Unicode değerleri tuemcloud.com.tr/assets/css/ui-solid-r-optimized.css kaynaklı */
.fi-sr-angle-double-small-right::before{content:"\f132"!important;}
.fi-sr-briefcase::before{content:"\f276"!important;}
.fi-sr-cloud::before{content:"\f3ae"!important;}
.fi-sr-database::before{content:"\f425"!important;}
.fi-sr-envelope::before{content:"\f4ae"!important;}
.fi-sr-form::before{content:"\f569"!important;}
.fi-sr-menu-burger::before{content:"\f70d"!important;}
.fi-sr-phone-call::before{content:"\f7e0"!important;}
.fi-sr-shop::before{content:"\f8df"!important;}
.fi-sr-ticket::before{content:"\fa25"!important;}
.fi-sr-undo::before{content:"\faa8"!important;}
.fi-sr-universal-access::before{content:"\faab"!important;}
.fi-sr-user::before{content:"\fad2"!important;}
.fi-sr-user-add::before{content:"\fab4"!important;}
.fi-sr-window-alt::before{content:"\fb23"!important;}
.fi-sr-star::before{content:"\f9a6"!important;}
.fi-sr-check-circle::before{content:"\f311"!important;}
/* Ana sitede olmayan iconlar — Flaticon 2.0.0 tam değerleri */
.fi-sr-server::before{content:"\f8d6"!important;}
.fi-sr-computer::before{content:"\f3e2"!important;}
.fi-sr-cloud-upload::before{content:"\f3b2"!important;}
.fi-sr-desktop::before{content:"\f432"!important;}
.fi-sr-layers::before{content:"\f6fd"!important;}
.fi-sr-id-badge::before{content:"\f643"!important;}
.fi-sr-bell::before{content:"\f24c"!important;}
.fi-sr-shopping-cart::before{content:"\f8e7"!important;}
.fi-sr-info::before{content:"\f65b"!important;}
/* ─── Dropdown icon kutusu ─── */
.dropdownIcon{
  width:38px!important;height:38px!important;
  background:rgba(255,140,0,.1)!important;
  border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;
}
.dropdownIcon i{color:var(--primaryc)!important;font-size:17px!important;}

/* ═══════════════════════════════════════
   SEPET SAYFASI — Kompakt & Tema Uyumlu
   ═══════════════════════════════════════ */

/* Sayfa içeriğini ortala ve aşağı it */
#wrapper { max-width:1100px!important; margin:40px auto 60px!important; padding:0 20px!important; }

/* lang-currency-modal "> " close butonlarını gizle */
.selectLangCurrency { display:none!important; }
a.langcurclose { display:none!important; }

/* Başlık bantları — sayfa rengi (beyaz) + alt border */
.sepetbaslik {
  background:#fff!important;
  border-bottom:2px solid #e5e7eb!important;
  border-radius:10px 10px 0 0!important;
  line-height:40px!important;
}
.sepetbaslik div,
.sepetbaslik .uhinfo,
.sepetbaslik .uhperiyod,
.sepetbaslik .uhtutar {
  color:#374151!important; font-size:12px!important; font-weight:700!important;
  text-transform:uppercase!important; letter-spacing:.4px!important;
}

/* Sol panel gölge kutu */
.sepetleft { width:71%!important; }
.sepetlist {
  background:#fff!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06)!important;
  border-radius:0 0 10px 10px!important;
  margin-bottom:12px!important;
  padding-top:0!important;
}
.sepetlistcon { padding:14px 20px!important; }

/* Ürün satır font küçültme */
.uhinfo h5 { font-size:14px!important; margin:0 0 2px!important; }
.uhinfo h4 a { font-size:12px!important; }
.uhperiyod h5 { font-size:14px!important; }
.uhperiyod select {
  font-size:13px!important; font-weight:600!important; color:#374151!important;
  border:1px solid #e5e7eb!important; border-radius:6px!important; padding:3px 8px!important;
}
.uhtutar h4 { font-size:15px!important; font-weight:700!important; }
.uhsil a { color:#e53e3e!important; font-size:16px!important; }

/* "Alışverişe Devam Et" butonu */
a.lbtn.gonderbtn#continueshopbtn {
  background:transparent!important;
  border:2px solid #374151!important;
  color:#374151!important;
  border-radius:8px!important;
  font-size:12px!important;
  padding:7px 18px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
a.lbtn.gonderbtn#continueshopbtn:hover {
  background:#374151!important; color:#fff!important;
}

/* Ödeme logoları */
.paymentlogos { padding:10px 20px 12px!important; }
.paymentlogos .plogos1 { height:20px!important; }
.paymentlogos .plogos2 { height:26px!important; }
.paymentlogos span { font-size:11px!important; color:#9ca3af!important; }

/* SAĞ PANEL */
.sepetright { width:27%!important; }
.sepetrightshadow {
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:10px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.07)!important;
  overflow:hidden!important;
}

/* Sipariş Özeti başlık — beyaz */
.sepetright .sepetbaslik {
  background:#fff!important;
  border-bottom:2px solid #e5e7eb!important;
  border-radius:10px 10px 0 0!important;
}
.sepetright .sepetbaslik div {
  color:#374151!important; font-size:13px!important;
  font-weight:700!important; text-transform:none!important; letter-spacing:0!important;
}

/* Özet tablo */
.sepetrightcon { padding:10px!important; }
.sepetsipinfo { font-size:13px!important; }
.sepetsipinfo tr td { padding:8px 6px!important; border-bottom:1px solid #f3f4f6!important; }
.sepetsipinfo h5 {
  font-size:14px!important; margin:0!important;
  color:var(--primaryc)!important; font-weight:700!important; width:auto!important;
}

/* Toplam ödenecek tutar */
.totalamountinfo td { border-bottom:none!important; padding-top:12px!important; }
.totalamountinfo strong { font-size:11px!important; color:#6b7280!important; text-transform:uppercase!important; letter-spacing:.5px!important; display:block!important; margin-bottom:4px!important; }
#total-amount-payable { font-size:24px!important; color:var(--primaryc)!important; font-weight:800!important; width:auto!important; }

/* Kupon */
.kuponkodu input { font-size:12px!important; border-radius:6px!important; }

/* DEVAM ET butonu — turuncu */
.sepetright .gonderbtn {
  background:var(--primaryc)!important;
  border:none!important; color:#fff!important;
  border-radius:8px!important; font-size:14px!important;
  font-weight:700!important; padding:12px 0!important;
  width:100%!important; display:block!important;
  text-align:center!important; margin-top:8px!important;
  box-shadow:none!important;
}
.sepetright .graybtn.gonderbtn {
  background:#d1d5db!important; color:#9ca3af!important; cursor:not-allowed!important;
}
.sepetright .gonderbtn:not(.graybtn):hover { background:#e67e00!important; }

/* "Hosting Billing System by WISECP" gizle */
p:has(a[href*="wisecp.com"]) { display:none!important; }

/* ═══════════════════════════════════════
   SİPARİŞ ADIMLARI — Kompakt & Tema Uyumlu
   ═══════════════════════════════════════ */

/* Adım göstergesi */
.ilanasamalar { margin:20px 0 24px!important; padding-bottom:0!important; }
.ilanasamax {
  font-size:13px!important; font-weight:600!important;
  background:#fff!important; border-radius:10px!important;
  border:2px solid #e5e7eb!important;
  padding:12px 10px!important; margin:0 6px!important;
  transition:.2s!important;
}
.ilanasamax h3 {
  width:36px!important; height:36px!important; line-height:36px!important;
  font-size:16px!important; margin:0 auto 6px!important;
  background:#e5e7eb!important; color:#6b7280!important;
  border-radius:50%!important;
}
#asamaaktif {
  border-color:var(--primaryc)!important;
  background:#fff8f0!important;
}
#asamaaktif h3 {
  background:var(--primaryc)!important; color:#fff!important;
}
#asamaaktif { color:var(--primaryc)!important; }

/* Sayfa başlığı */
.pakettitle { margin-top:16px!important; padding:0 0 12px!important; }
.pakettitle h1 { font-size:22px!important; color:#1e2022!important; margin:0 0 4px!important; }
.pakettitle h2 { font-size:13px!important; color:#6b7280!important; margin:0!important; font-weight:400!important; }

/* Periyod kartları — 4'lü grid */
.orderperiodblock-con {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
  max-width:860px!important;
  margin:20px auto!important;
}
.orderperiodblock {
  background:#fff!important;
  border:2px solid #e5e7eb!important;
  border-radius:12px!important;
  padding:18px 12px 14px!important;
  text-align:center!important;
  cursor:pointer!important;
  transition:.2s!important;
  position:relative!important;
  box-shadow:0 1px 4px rgba(0,0,0,.05)!important;
  float:none!important;
  width:auto!important;
}
.orderperiodblock:hover {
  border-color:var(--primaryc)!important;
  box-shadow:0 4px 12px rgba(255,140,0,.15)!important;
}
.orderperiodblock.active {
  border-color:var(--primaryc)!important;
  box-shadow:0 4px 16px rgba(255,140,0,.2)!important;
}
.orderperiodblock h3 {
  font-size:14px!important; font-weight:600!important;
  color:#374151!important; margin:0 0 6px!important;
}
.orderperiodblock h2 {
  font-size:18px!important; font-weight:800!important;
  color:#1e2022!important; margin:0!important;
}
.orderperiodblock.active h3 { color:var(--primaryc)!important; }
.orderperiodblock.active h2 { color:var(--primaryc)!important; }

/* Seçim onay işareti */
.periodselectbox {
  width:22px!important; height:22px!important;
  border-radius:50%!important;
  border:2px solid #d1d5db!important;
  background:#fff!important;
  margin:10px auto 0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
}
.periodselectbox i { font-size:11px!important; color:transparent!important; }
.active .periodselectbox {
  border-color:var(--primaryc)!important;
  background:var(--primaryc)!important;
}
.active .periodselectbox i { color:#fff!important; }

/* İndirim şeridi */
.ribbonperiod { position:absolute!important; top:0!important; right:0!important; overflow:hidden!important; width:60px!important; height:60px!important; }
.ribbonperiod span {
  font-size:9px!important; font-weight:700!important; color:#fff!important;
  text-align:center!important; line-height:16px!important;
  width:80px!important; display:block!important;
  background:var(--primaryc)!important;
  position:absolute!important; top:14px!important; right:-20px!important;
  transform:rotate(45deg)!important;
}

/* Devam butonu */
.siparisbilgileri .btn {
  background:var(--primaryc)!important;
  border:none!important; color:#fff!important;
  border-radius:8px!important; font-size:13px!important;
  font-weight:700!important; padding:11px 32px!important;
  float:none!important; width:auto!important; display:inline-block!important;
  box-shadow:none!important; margin-top:20px!important;
}
.siparisbilgileri .btn:hover { background:#e67e00!important; }


/* ═══════════════════════════════
   DASHBOARD — WiseCP yapısına uygun
   ═══════════════════════════════ */

/* Wrapper */
#clean-theme-client #wrapper {
  max-width:1200px!important;
  margin:20px auto!important;
  padding:0 20px!important;
}

/* ── Sol sidebar ── */
#clean-theme-client .mpanelleft {
  width:22%!important;
  float:left!important;
  background:#fff!important;
  border-radius:10px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 1px 6px rgba(0,0,0,.05)!important;
  overflow:hidden!important;
}
.clean-theme-client-left-block { overflow:hidden; }
.clean-theme-client-left-block-title {
  background:var(--primaryc)!important;
  padding:14px 16px!important;
}
.clean-theme-client-left-block-title h4 {
  color:#fff!important;font-size:13px!important;font-weight:700!important;margin:0 0 2px!important;
}
.clean-theme-client-left-block-title span { color:rgba(255,255,255,.75)!important;font-size:11px!important; }
.clean-theme-client-left-block .padding20 { padding:14px 16px!important; }
.clean-theme-left-block-title { font-size:13px!important;font-weight:600!important;color:#374151!important; }
/* Güncelle butonu */
.clean-theme-client-left-block .yesilbtn.gonderbtn {
  display:block!important;width:100%!important;text-align:center!important;
  background:var(--primaryc)!important;color:#fff!important;
  border-radius:7px!important;padding:8px 12px!important;
  font-size:12px!important;font-weight:600!important;
  text-decoration:none!important;margin-top:10px!important;
  border:none!important;box-shadow:none!important;
}
/* Menü linkleri */
.clean-theme-side-menu { border-top:1px solid #f3f4f6!important; }
.clean-theme-side-menu ul { list-style:none!important;margin:0!important;padding:6px 0!important; }
.clean-theme-side-menu ul li a {
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:9px 16px!important;color:#4a545d!important;font-size:13px!important;
  font-weight:500!important;text-decoration:none!important;
  border-left:3px solid transparent!important;transition:.15s!important;
}
.clean-theme-side-menu ul li a:hover,
.clean-theme-side-menu ul li.active a {
  color:var(--primaryc)!important;background:rgba(255,140,0,.06)!important;
  border-left-color:var(--primaryc)!important;
}

/* ── Sağ ana içerik ── */
#basic_client_rightcon {
  float:right!important;
  width:75%!important;
  margin-bottom:20px!important;
}

/* ── İstatistik kartları ── */
.muspanelbloks {
  display:flex!important;
  gap:10px!important;
  margin-bottom:14px!important;
  overflow:hidden!important;
}
.mpanelblok {
  flex:1!important;
  background:#fff!important;
  border-radius:10px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 1px 4px rgba(0,0,0,.04)!important;
  overflow:hidden!important;
  transition:.2s!important;
  min-width:0!important;
}
.mpanelblok:hover {
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
  transform:translateY(-2px)!important;
}
.mpanelblok > a {
  display:block!important;
  padding:14px 16px 0!important;
  text-decoration:none!important;
  color:#1e2022!important;
}
.mpanelblokicon {
  width:34px!important;height:34px!important;
  border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:15px!important;margin-bottom:8px!important;
}
#green .mpanelblokicon { background:rgba(16,185,129,.12)!important;color:#059669!important; }
#blue  .mpanelblokicon { background:rgba(59,130,246,.12)!important;color:#2563eb!important; }
#red   .mpanelblokicon { background:rgba(239,68,68,.12)!important; color:#dc2626!important; }
#gray  .mpanelblokicon { background:rgba(107,114,128,.12)!important;color:#6b7280!important; }
.mpanelblok h1 {
  font-size:26px!important;font-weight:800!important;
  color:#1e2022!important;margin:0 0 2px!important;line-height:1!important;
}
.mpanelblok h2 {
  font-size:11px!important;font-weight:500!important;
  color:#6b7280!important;margin:0!important;
}
.mblokbtn {
  border-top:1px solid #f3f4f6!important;
  margin-top:10px!important;
  padding:7px 16px!important;
  font-size:11px!important;font-weight:600!important;
  color:var(--primaryc)!important;
  text-transform:uppercase!important;letter-spacing:.4px!important;
}

/* ── Hoş geldiniz barı ── */
.mpanelinfo {
  background:#fff!important;
  border-radius:10px!important;
  border:1px solid #e5e7eb!important;
  padding:10px 16px!important;
  margin-bottom:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.mpanelinfo > div#wrapper { all:unset!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important; }
.mpanelinfo span { font-size:13px!important;font-weight:600!important;color:#1e2022!important; }
.mpanelinfo .songiris { font-size:11px!important;font-weight:400!important;color:#9ca3af!important; }

/* ── İçerik kartları ── */
.wclientblockscon { display:flex!important;flex-direction:column!important;gap:12px!important; }
.moderncliendblock { margin:0!important; }
.mpanelrightcon {
  background:#fff!important;
  border-radius:10px!important;
  border:1px solid #e5e7eb!important;
  overflow:hidden!important;
  box-shadow:0 1px 4px rgba(0,0,0,.04)!important;
}
.mpaneltitle {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:12px 16px!important;
  border-bottom:1px solid #f3f4f6!important;
}
.mpaneltitle h4 { font-size:14px!important;font-weight:700!important;margin:0!important;color:#1e2022!important; }
.mpaneltitle a.sbtn {
  font-size:11px!important;font-weight:600!important;color:var(--primaryc)!important;
  background:rgba(255,140,0,.1)!important;border-radius:20px!important;
  padding:3px 10px!important;text-decoration:none!important;white-space:nowrap!important;
}

/* Tablolar */
#clean-theme-client table thead th {
  background:#f9fafb!important;padding:8px 14px!important;
  font-size:11px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.4px!important;
  color:#6b7280!important;border-bottom:1px solid #f0f0f0!important;
}
#clean-theme-client table tbody td {
  padding:9px 14px!important;font-size:13px!important;
  border-bottom:1px solid #f9fafb!important;vertical-align:middle!important;
}
#clean-theme-client table tbody tr:last-child td { border-bottom:none!important; }
#clean-theme-client table tbody tr:hover td { background:#fffbf5!important; }

/* Boş durum */
.noentryblock {
  padding:32px 20px!important;text-align:center!important;
}
.noentryblock i { font-size:36px!important;color:#e5e7eb!important;display:block!important;margin-bottom:8px!important; }
.noentryblock h2 { font-size:14px!important;font-weight:600!important;color:#374151!important;margin:0 0 4px!important; }
.noentryblock h4 { font-size:12px!important;color:#9ca3af!important;font-weight:400!important;margin:0!important; }

/* Responsive */
@media(max-width:900px){
  #clean-theme-client .mpanelleft { width:100%!important;float:none!important; }
  #basic_client_rightcon { width:100%!important;float:none!important; }
  .muspanelbloks { flex-wrap:wrap!important; }
  .mpanelblok { flex:calc(50% - 5px)!important;min-width:calc(50% - 5px)!important; }
}

/* KART DUZELTME */
.muspanelbloks{display:flex!important;gap:12px!important;margin-bottom:16px!important;}
.mpanelblok{flex:1!important;background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;overflow:hidden!important;transition:.2s!important;min-width:0!important;float:none!important;width:auto!important;}
.mpanelblok:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)!important;transform:translateY(-3px)!important;}
.mpanelblok > a{display:block!important;padding:18px 18px 0!important;text-decoration:none!important;color:#1e2022!important;}
.mpanelblokicon{width:38px!important;height:38px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;margin-bottom:10px!important;}
#green .mpanelblokicon{background:#dcfce7!important;color:#16a34a!important;}
#blue  .mpanelblokicon{background:#dbeafe!important;color:#2563eb!important;}
#red   .mpanelblokicon{background:#fee2e2!important;color:#dc2626!important;}
#gray  .mpanelblokicon{background:#f3f4f6!important;color:#6b7280!important;}
.mpanelblok h1{font-size:30px!important;font-weight:800!important;color:#111827!important;margin:0 0 3px!important;line-height:1!important;}
.mpanelblok h2{font-size:12px!important;font-weight:500!important;color:#6b7280!important;margin:0 0 14px!important;}
.mblokbtn{background:transparent!important;border-top:1px solid #f3f4f6!important;padding:9px 18px!important;font-size:11px!important;font-weight:700!important;color:var(--primaryc)!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.homedomainarea-con{display:none!important;}
.product-group-item{display:none!important;}
.mpanelhaber{padding:10px 16px!important;border-bottom:1px solid #f9fafb!important;font-size:13px!important;}
.mpanelhaber:last-child{border-bottom:none!important;}
.mpanelhaber img{display:none!important;}
.ac-domainlist-status{padding:10px 16px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.ac-domainlist-status a{font-size:12px!important;padding:4px 12px!important;border-radius:20px!important;border:1px solid #e5e7eb!important;color:#6b7280!important;text-decoration:none!important;}
.ac-domainlist-status a.active{background:var(--primaryc)!important;color:#fff!important;border-color:var(--primaryc)!important;}
#clean-theme-client .mpanelleft{width:220px!important;float:left!important;}
#basic_client_rightcon{float:right!important;width:calc(100% - 240px)!important;}