/*
 * KAYA OZALIT - ortak musteri dis iskeleti
 * v0.2.6 UI-only
 * Is motorlarina dokunmaz; header/footer, portal kabugu ve ortak sol menuyu esler.
 */

/* ------------------------------
   ORTAK PORTAL HEADER / FOOTER
   ------------------------------ */
body.order-portal-body.portal-customer-page .portal-header,
body.order-portal-body.portal-auth-page .portal-header{
  display:block!important;
  height:74px!important;
  background:#fff!important;
  color:var(--ko-ink)!important;
  border:0!important;
  border-bottom:3px solid var(--ko-orange)!important;
  box-shadow:0 2px 10px rgba(17,29,43,.04)!important;
}
body.order-portal-body.portal-customer-page .portal-topbar,
body.order-portal-body.portal-auth-page .portal-topbar{
  width:min(1460px,calc(100% - 40px))!important;
  min-height:71px!important;
  height:71px!important;
  padding:0!important;
}
body.order-portal-body.portal-customer-page .portal-footer,
body.order-portal-body.portal-auth-page .portal-footer{
  display:block!important;
  background:var(--ko-footer)!important;
  color:#d8dee5!important;
  border:0!important;
  font-size:10px!important;
}
body.order-portal-body.portal-customer-page .portal-footer-inner,
body.order-portal-body.portal-auth-page .portal-footer-inner{
  width:min(1460px,calc(100% - 40px))!important;
  min-height:45px!important;
  height:auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:20px!important;
}

/* ------------------------------
   OTURUM ACIK MUSTERI SAYFALARI
   ------------------------------ */
body.order-portal-body.portal-customer-page{
  margin:0!important;
  overflow:hidden!important;
  background:#eef1f5!important;
  color:#20242a!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body.order-portal-body.portal-customer-page>main{
  min-height:0!important;
  flex:1 1 auto!important;
}
body.order-portal-body.portal-customer-page .kref-shell{
  height:calc(100vh - 119px)!important;
  min-height:0!important;
  padding:18px 34px 18px 0!important;
  display:grid!important;
  grid-template-columns:268px minmax(0,1fr)!important;
  gap:24px!important;
  max-width:none!important;
  margin:0!important;
}
body.order-portal-body.portal-customer-page .kref-menu-card{
  align-self:start!important;
  background:#fff!important;
  border:1px solid #e5e8eb!important;
  border-left:0!important;
  border-radius:0 18px 18px 0!important;
  box-shadow:0 8px 28px rgba(31,41,55,.04)!important;
  padding:22px 18px!important;
  min-height:385px!important;
  display:flex!important;
  flex-direction:column!important;
}
body.order-portal-body.portal-customer-page .kref-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:19px!important;
  font-weight:800!important;
  color:#20242a!important;
  padding:0 4px 17px!important;
  border-bottom:1px solid #edf0f2!important;
}
body.order-portal-body.portal-customer-page .kref-brand .mark{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:5px!important;
  display:block!important;
  object-fit:cover!important;
  background:#fff url('../images/kaya-ozalit-logo.jfif') center/cover no-repeat!important;
  box-shadow:0 2px 6px rgba(31,41,55,.14)!important;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden!important;
}
body.order-portal-body.portal-customer-page .kref-brand span{
  line-height:1.05!important;
}
body.order-portal-body.portal-customer-page .kref-brand small{
  display:block!important;
  font-size:10px!important;
  font-weight:600!important;
  color:#8a939b!important;
  margin-top:2px!important;
}
body.order-portal-body.portal-customer-page .kref-nav{
  display:grid!important;
  gap:4px!important;
  margin-top:11px!important;
}
body.order-portal-body.portal-customer-page .kref-nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:8px 9px!important;
  border-radius:8px!important;
  text-decoration:none!important;
  color:#272d33!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.order-portal-body.portal-customer-page .kref-nav a:hover{background:#f7f8f9!important}
body.order-portal-body.portal-customer-page .kref-nav a.active{color:#e75608!important;background:#fff4ee!important}
body.order-portal-body.portal-customer-page .kref-nav .ico{width:18px!important;text-align:center!important;color:#65717a!important;font-style:normal!important}
body.order-portal-body.portal-customer-page .kref-nav a.active .ico{color:#f05a0a!important}
body.order-portal-body.portal-customer-page .kref-menu-bottom{
  margin-top:auto!important;
  padding-top:15px!important;
  border-top:1px solid #edf0f2!important;
}
body.order-portal-body.portal-customer-page .kref-workspace{
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.order-portal-body.portal-customer-page .kref-panel{
  height:calc(100vh - 155px)!important;
  min-height:0!important;
  border-radius:15px!important;
}
body.order-portal-body.portal-customer-page .kref-panel-head{
  min-height:82px!important;
  padding-left:25px!important;
  padding-right:25px!important;
}
body.order-portal-body.portal-customer-page .kref-title .head-icon{
  width:46px!important;
  height:46px!important;
  font-size:25px!important;
  padding-right:14px!important;
}
body.order-portal-body.portal-customer-page .kref-title h1{font-size:19px!important}
body.order-portal-body.portal-customer-page .kref-title p{font-size:10px!important}
body.order-portal-body.portal-customer-page .kref-content{scrollbar-width:thin}

/* Iletisim sayfasinda eski ic footer tekrarini gizle; ortak koyu footer kullanilir. */
body.order-portal-body.portal-customer-page .kcontact-footer{display:none!important}

/* ------------------------------
   ADRESLERIM - DAHA KOMPAKT SUTUNLAR
   ------------------------------ */
body.order-portal-body.portal-customer-page .kaddr-wrap{
  width:100%!important;
  max-width:910px!important;
}
body.order-portal-body.portal-customer-page .kaddr-layout{
  grid-template-columns:minmax(0,565px) 325px!important;
  gap:14px!important;
}

/* ------------------------------
   GIRIS / UYE OL
   ------------------------------ */
body.order-portal-body.portal-auth-page{
  min-height:100vh!important;
  overflow:auto!important;
  background:#f4f6f8!important;
}
body.order-portal-body.portal-auth-page>main{
  flex:1 1 auto!important;
  min-height:0!important;
}

/* ------------------------------
   1366 x 768 ANA HEDEF
   ------------------------------ */
@media(max-width:1366px) and (min-width:901px){
  body.order-portal-body.portal-customer-page .kref-shell{
    height:calc(100vh - 119px)!important;
    padding:12px 20px 12px 0!important;
    grid-template-columns:235px minmax(0,1fr)!important;
    gap:18px!important;
  }
  body.order-portal-body.portal-customer-page .kref-menu-card{
    padding:17px 14px!important;
    min-height:350px!important;
    border-radius:0 14px 14px 0!important;
  }
  body.order-portal-body.portal-customer-page .kref-brand{
    font-size:17px!important;
    padding-bottom:13px!important;
  }
  body.order-portal-body.portal-customer-page .kref-brand .mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  body.order-portal-body.portal-customer-page .kref-brand small{font-size:9px!important}
  body.order-portal-body.portal-customer-page .kref-nav a{
    min-height:34px!important;
    padding:7px 9px!important;
    font-size:12px!important;
  }
  body.order-portal-body.portal-customer-page .kref-panel{
    height:calc(100vh - 143px)!important;
    min-height:0!important;
  }
  body.order-portal-body.portal-customer-page .kref-panel-head{
    min-height:68px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body.order-portal-body.portal-customer-page .kref-title .head-icon{
    width:40px!important;
    height:40px!important;
    font-size:21px!important;
  }
  body.order-portal-body.portal-customer-page .kref-title h1{font-size:17px!important}

  body.order-portal-body.portal-customer-page .kaddr-wrap{max-width:860px!important}
  body.order-portal-body.portal-customer-page .kaddr-layout{
    grid-template-columns:minmax(0,535px) 305px!important;
    gap:12px!important;
  }
}

/* ------------------------------
   MOBIL
   ------------------------------ */
@media(max-width:900px){
  body.order-portal-body.portal-customer-page,
  body.order-portal-body.portal-auth-page{overflow:auto!important}

  body.order-portal-body.portal-customer-page .portal-header,
  body.order-portal-body.portal-auth-page .portal-header{height:auto!important}
  body.order-portal-body.portal-customer-page .portal-topbar,
  body.order-portal-body.portal-auth-page .portal-topbar{
    width:calc(100% - 24px)!important;
    height:auto!important;
    min-height:66px!important;
    padding:8px 0!important;
  }
  body.order-portal-body.portal-customer-page .portal-footer-inner,
  body.order-portal-body.portal-auth-page .portal-footer-inner{
    width:calc(100% - 24px)!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    padding:10px 0!important;
    gap:6px!important;
    text-align:center!important;
  }
  body.order-portal-body.portal-customer-page .portal-footer-inner>span:last-child,
  body.order-portal-body.portal-auth-page .portal-footer-inner>span:last-child{text-align:center!important}

  body.order-portal-body.portal-customer-page .kref-shell{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:12px!important;
  }
  body.order-portal-body.portal-customer-page .kref-menu-card{
    min-height:auto!important;
    margin-bottom:12px!important;
    border-left:1px solid #e5e8eb!important;
    border-radius:14px!important;
  }
  body.order-portal-body.portal-customer-page .kref-nav{grid-template-columns:repeat(3,1fr)!important}
  body.order-portal-body.portal-customer-page .kref-menu-bottom{display:none!important}
  body.order-portal-body.portal-customer-page .kref-panel{height:auto!important;min-height:0!important}
  body.order-portal-body.portal-customer-page .kaddr-layout{grid-template-columns:1fr!important}
}

/* ==============================================================
   v0.2.7 TEST - MASTER IC GRID
   Dis iskelete dokunmaz. Portal orta iceriklerinde ayni dikey akslari kullanir.
   Ana blok: 880px / birincil kolon: 550px / gutter: 14px
   ============================================================== */
body.order-portal-body.portal-customer-page{
  --kaya-inner-master-width:880px;
  --kaya-inner-primary:550px;
  --kaya-inner-gap:14px;
}

/* Tum ana icerik bloklari ayni sol ve sag hatta oturur. */
body.order-portal-body.portal-customer-page .ktrack-wrap,
body.order-portal-body.portal-customer-page .kaddr-wrap,
body.order-portal-body.portal-customer-page .kprofile-wrap,
body.order-portal-body.portal-customer-page .kcontact-wrap,
body.order-portal-body.portal-customer-page .kdetail-wrap{
  width:100%!important;
  max-width:var(--kaya-inner-master-width)!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Sayfalar arasi ana dikey bolme cizgisi artik aynidir. */
body.order-portal-body.portal-customer-page .kref-order-layout,
body.order-portal-body.portal-customer-page .ktrack-layout,
body.order-portal-body.portal-customer-page .kaddr-layout,
body.order-portal-body.portal-customer-page .kprofile-grid,
body.order-portal-body.portal-customer-page .kcontact-grid,
body.order-portal-body.portal-customer-page .kdetail-grid{
  width:100%!important;
  max-width:var(--kaya-inner-master-width)!important;
  grid-template-columns:minmax(0,var(--kaya-inner-primary)) minmax(0,1fr)!important;
  gap:var(--kaya-inner-gap)!important;
  align-items:start!important;
}

/* Yeni Siparis: form kolonu master ana kolonu tamamen kullanir. */
body.order-portal-body.portal-customer-page .kref-form-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.order-portal-body.portal-customer-page .kref-detail-panel{
  width:100%!important;
  max-width:none!important;
}

/* Siparislerim: daralan sag detay panelinde alt kartlari tek kolonda tut. */
body.order-portal-body.portal-customer-page .ktrack-detail-grid{
  grid-template-columns:1fr!important;
}

/* Adreslerim: onceki ozel genislikleri master grid belirler. */
body.order-portal-body.portal-customer-page .kaddr-layout{
  max-width:var(--kaya-inner-master-width)!important;
}

/* 1150 px altinda ikinci kolon ezilmesin; ayni aks mantigi daha kompakt devam eder. */
@media(max-width:1150px) and (min-width:901px){
  body.order-portal-body.portal-customer-page{
    --kaya-inner-master-width:100%;
    --kaya-inner-primary:500px;
    --kaya-inner-gap:12px;
  }
}

/* Mobilde iki kolonlu MASTER grid tek kolona iner. */
@media(max-width:900px){
  body.order-portal-body.portal-customer-page .kref-order-layout,
  body.order-portal-body.portal-customer-page .ktrack-layout,
  body.order-portal-body.portal-customer-page .kaddr-layout,
  body.order-portal-body.portal-customer-page .kprofile-grid,
  body.order-portal-body.portal-customer-page .kcontact-grid,
  body.order-portal-body.portal-customer-page .kdetail-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    max-width:none!important;
    gap:12px!important;
  }
}


/* ==============================================================
   v0.2.8 TEST - MUSTERI SON HIZALAMA / ADRES KOMPAKTLIK
   ============================================================= */
/* Alt aks: Formu Temizle, Dosya etiketi ile ayni soldan baslar;
   Siparisi Ver, ana form kolonunun sag kenarinda biter. */
body.order-portal-body.portal-customer-page .kref-actions-inner{
  width:var(--kaya-inner-primary)!important;
  max-width:var(--kaya-inner-primary)!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-content:space-between!important;
}

/* Adreslerim sag liste: master kolon baslangici korunur, kartlar daha kompakt olur. */
body.order-portal-body.portal-customer-page .kaddr-layout>section:last-child{
  width:290px!important;
  max-width:100%!important;
}
body.order-portal-body.portal-customer-page .kaddr-layout>section:last-child .kaddr-card-head{
  margin-bottom:7px!important;
}
body.order-portal-body.portal-customer-page .kaddr-layout>section:last-child .kaddr-help{
  margin-top:3px!important;
  font-size:8.8px!important;
}
body.order-portal-body.portal-customer-page .kaddr-address{
  padding:8px 9px!important;
  border-radius:8px!important;
}
body.order-portal-body.portal-customer-page .kaddr-list{gap:6px!important}
body.order-portal-body.portal-customer-page .kaddr-address h3{font-size:12px!important;margin-top:1px!important}
body.order-portal-body.portal-customer-page .kaddr-type{font-size:8.5px!important}
body.order-portal-body.portal-customer-page .kaddr-default{font-size:7.5px!important;padding:3px 6px!important}
body.order-portal-body.portal-customer-page .kaddr-summary{
  margin-top:5px!important;
  padding-top:5px!important;
  font-size:9.2px!important;
}
body.order-portal-body.portal-customer-page .kaddr-address-text{
  margin-top:5px!important;
  font-size:9.2px!important;
  line-height:1.35!important;
}
body.order-portal-body.portal-customer-page .kaddr-meta{
  margin-top:3px!important;
  font-size:8.8px!important;
  line-height:1.3!important;
}
body.order-portal-body.portal-customer-page .kaddr-address-actions{
  gap:5px!important;
  margin-top:5px!important;
  padding-top:5px!important;
}
body.order-portal-body.portal-customer-page .kaddr-address-actions .kaddr-btn{
  min-height:27px!important;
  padding:0 10px!important;
  font-size:9px!important;
}
@media(max-width:900px){
  body.order-portal-body.portal-customer-page .kref-actions-inner{width:100%!important;max-width:none!important}
  body.order-portal-body.portal-customer-page .kaddr-layout>section:last-child{width:100%!important}
}