/* Mert Karataş Shop v1.6.27 --------------------------------------------- */

/* -------------------------------------------------------------------------
   Account identity — never leave the user staring at an unexplained glyph.
   Logged out: GİRİŞ / SIGN IN. Logged in: the member's name.
   ---------------------------------------------------------------------- */
.mks-account-link span{
  display:block!important;max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
@media(max-width:1120px){
  .mks-account-link span{display:block!important;max-width:92px}
}
@media(max-width:760px){
  .mks-account-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.42rem!important;
    width:auto!important;min-width:0!important;height:42px!important;padding:.28rem .64rem .28rem .42rem!important;
    border-radius:999px!important
  }
  .mks-account-link i{flex:0 0 20px!important}
  .mks-account-link span{
    display:block!important;max-width:76px!important;color:inherit!important;
    font:900 .56rem/1 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;text-transform:none!important
  }
}
@media(max-width:390px){
  .mks-account-link{height:38px!important;padding:.24rem .52rem .24rem .36rem!important;gap:.32rem!important}
  .mks-account-link i{width:18px!important;height:18px!important;flex-basis:18px!important}
  .mks-account-link span{max-width:58px!important;font-size:.51rem!important}
}

/* -------------------------------------------------------------------------
   Member motifs — each card has its own visual grammar. The dashboard cards
   and achievement records are deliberately related, not cloned.
   ---------------------------------------------------------------------- */
.mks-dashboard-overview__card::before,
.mks-dashboard-overview__card::after,
.mks-achievement::before,
.mks-achievement::after{pointer-events:none!important}

/* Dashboard 01 / orders — orbital ledger. */
.mks-dashboard-overview__card:nth-child(1)::before{
  right:-28px!important;top:-30px!important;width:126px!important;height:126px!important;transform:rotate(8deg)!important;opacity:.33!important;
  background:radial-gradient(circle at 50% 50%,transparent 0 25px,rgba(210,174,103,.25) 26px 27px,transparent 28px 40px,rgba(76,225,244,.13) 41px 42px,transparent 43px)!important
}
.mks-dashboard-overview__card:nth-child(1)::after{content:"ORDER / 01"!important}
/* Dashboard 02 / wishlist — saved-object brackets. */
.mks-dashboard-overview__card:nth-child(2)::before{
  right:12px!important;top:14px!important;width:88px!important;height:70px!important;transform:none!important;opacity:.34!important;
  background:linear-gradient(90deg,rgba(210,174,103,.22) 0 2px,transparent 2px calc(100% - 2px),rgba(210,174,103,.22) calc(100% - 2px)),linear-gradient(rgba(76,225,244,.15) 0 2px,transparent 2px calc(100% - 2px),rgba(76,225,244,.15) calc(100% - 2px))!important
}
.mks-dashboard-overview__card:nth-child(2)::after{content:"SAVE / 02"!important}
/* Dashboard 03 / address — coordinate crosshair. */
.mks-dashboard-overview__card:nth-child(3)::before{
  right:8px!important;top:2px!important;width:102px!important;height:102px!important;transform:none!important;opacity:.3!important;
  background:radial-gradient(circle at 50% 50%,transparent 0 12px,rgba(210,174,103,.24) 13px 14px,transparent 15px),linear-gradient(90deg,transparent 49%,rgba(76,225,244,.15) 49% 51%,transparent 51%),linear-gradient(transparent 49%,rgba(76,225,244,.15) 49% 51%,transparent 51%)!important
}
.mks-dashboard-overview__card:nth-child(3)::after{content:"LOC / 03"!important}
/* Dashboard 04 / profile — identity frame. */
.mks-dashboard-overview__card:nth-child(4)::before{
  right:14px!important;top:12px!important;width:72px!important;height:90px!important;transform:rotate(4deg)!important;opacity:.3!important;
  background:radial-gradient(ellipse at 50% 28%,transparent 0 10px,rgba(210,174,103,.24) 11px 12px,transparent 13px),radial-gradient(ellipse at 50% 82%,transparent 0 26px,rgba(76,225,244,.13) 27px 28px,transparent 29px)!important
}
.mks-dashboard-overview__card:nth-child(4)::after{content:"ID / 04"!important}

/* Remove the generic achievement motif inherited from v1.6.25. */
.mks-achievement::before{left:auto!important;top:auto!important;right:16px!important;bottom:16px!important;transform:none!important;width:116px!important;height:88px!important;opacity:.3!important}
.mks-achievement::after{content:""!important;display:block!important;right:auto!important;bottom:auto!important;border:0!important;transform:none!important;opacity:.24!important}

/* 001 Member — orbit / arrival. */
.mks-achievement--member::before{
  border:0!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%,transparent 0 19px,rgba(210,174,103,.30) 20px 21px,transparent 22px 32px,rgba(76,225,244,.16) 33px 34px,transparent 35px)!important
}
.mks-achievement--member::after{width:70px!important;height:1px!important;left:18px!important;top:44px!important;background:linear-gradient(90deg,rgba(76,225,244,.32),transparent)!important}
/* 002 Verified — diamond check / validation. */
.mks-achievement--verified::before{
  width:72px!important;height:72px!important;right:26px!important;bottom:22px!important;border:1px solid rgba(76,225,244,.22)!important;background:linear-gradient(135deg,transparent 48%,rgba(210,174,103,.20) 49% 51%,transparent 52%)!important;transform:rotate(45deg)!important
}
.mks-achievement--verified::after{width:32px!important;height:16px!important;right:39px!important;bottom:52px!important;border-left:2px solid rgba(210,174,103,.28)!important;border-bottom:2px solid rgba(210,174,103,.28)!important;transform:rotate(-45deg)!important}
/* 003 Identity — portrait crosshair. */
.mks-achievement--identity::before{
  background:radial-gradient(ellipse at 50% 34%,transparent 0 13px,rgba(210,174,103,.25) 14px 15px,transparent 16px),radial-gradient(ellipse at 50% 86%,transparent 0 31px,rgba(76,225,244,.15) 32px 33px,transparent 34px)!important
}
.mks-achievement--identity::after{width:88px!important;height:88px!important;right:16px!important;bottom:16px!important;background:linear-gradient(90deg,transparent 49%,rgba(76,225,244,.16) 49% 51%,transparent 51%),linear-gradient(transparent 49%,rgba(76,225,244,.16) 49% 51%,transparent 51%)!important}
/* 004 Curator — three selected nodes. */
.mks-achievement--curator::before{
  width:112px!important;height:58px!important;background:radial-gradient(circle at 15% 50%,rgba(210,174,103,.28) 0 4px,transparent 5px),radial-gradient(circle at 50% 50%,rgba(76,225,244,.24) 0 4px,transparent 5px),radial-gradient(circle at 85% 50%,rgba(210,174,103,.28) 0 4px,transparent 5px),linear-gradient(90deg,transparent 15%,rgba(150,174,190,.17) 15% 85%,transparent 85%)!important
}
.mks-achievement--curator::after{width:44px!important;height:44px!important;right:50px!important;bottom:24px!important;border:1px dashed rgba(210,174,103,.18)!important;border-radius:50%!important}
/* 005 First acquisition — receipt / edition strip. */
.mks-achievement--first-order::before{
  width:74px!important;height:94px!important;right:24px!important;bottom:12px!important;border:1px solid rgba(210,174,103,.18)!important;background:repeating-linear-gradient(180deg,transparent 0 12px,rgba(76,225,244,.14) 12px 13px)!important
}
.mks-achievement--first-order::after{width:54px!important;height:2px!important;right:34px!important;bottom:30px!important;background:rgba(210,174,103,.24)!important;box-shadow:0 -16px 0 rgba(210,174,103,.15),0 -32px 0 rgba(76,225,244,.12)!important}
/* 006 Voice — waveform. */
.mks-achievement--voice::before{
  width:114px!important;height:66px!important;right:10px!important;bottom:18px!important;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(76,225,244,.18) 7px 9px,transparent 9px 14px)!important;clip-path:polygon(0 50%,8% 36%,16% 68%,24% 20%,32% 76%,40% 42%,48% 58%,56% 30%,64% 70%,72% 38%,80% 62%,88% 44%,100% 50%,100% 54%,88% 48%,80% 66%,72% 42%,64% 74%,56% 34%,48% 62%,40% 46%,32% 80%,24% 24%,16% 72%,8% 40%,0 54%)!important
}
.mks-achievement--voice::after{width:100px!important;height:1px!important;right:16px!important;bottom:50px!important;background:rgba(210,174,103,.18)!important}
/* 007 Collector — stacked archive frames. */
.mks-achievement--collector::before{
  width:68px!important;height:82px!important;right:22px!important;bottom:18px!important;border:1px solid rgba(210,174,103,.22)!important;background:transparent!important;box-shadow:-9px 9px 0 -1px rgba(7,18,37,.55),-9px 9px 0 0 rgba(76,225,244,.14),-18px 18px 0 -1px rgba(7,18,37,.55),-18px 18px 0 0 rgba(210,174,103,.14)!important
}
html[data-mks-theme="light"] .mks-achievement--collector::before{box-shadow:-9px 9px 0 -1px rgba(245,240,231,.85),-9px 9px 0 0 rgba(31,143,165,.16),-18px 18px 0 -1px rgba(245,240,231,.85),-18px 18px 0 0 rgba(150,110,38,.14)!important}
.mks-achievement--collector::after{width:38px!important;height:2px!important;right:38px!important;bottom:44px!important;background:rgba(210,174,103,.24)!important;box-shadow:0 -10px 0 rgba(210,174,103,.15),0 10px 0 rgba(76,225,244,.13)!important}

/* Keep text and progress in their own layout rows; no line is allowed to cut
   through copy, on mobile or desktop. */
.mks-achievement{display:flex!important;flex-direction:column!important;gap:0!important;padding-bottom:1rem!important}
.mks-achievement h3,.mks-achievement p,.mks-achievement__top,.mks-achievement time,.mks-achievement__progress{position:relative;z-index:2}
.mks-achievement p{padding-right:0!important;margin-bottom:.25rem!important}
.mks-achievement__progress{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;margin-top:auto!important;padding-top:.9rem!important
}
.mks-achievement time{position:absolute!important;right:1rem!important;top:3.35rem!important}

/* -------------------------------------------------------------------------
   Mobile account rail: two columns x four rows. No sideways navigation.
   ---------------------------------------------------------------------- */
@media(max-width:760px){
  .mks-account-page .woocommerce-MyAccount-navigation{overflow:visible!important;padding:.45rem!important}
  .mks-account-page .woocommerce-MyAccount-navigation ul{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48rem!important;
    overflow:visible!important;padding:0!important;scroll-snap-type:none!important
  }
  .mks-account-page .woocommerce-MyAccount-navigation li{min-width:0!important;flex:initial!important;margin:0!important}
  .mks-account-page .woocommerce-MyAccount-navigation a{
    justify-content:center!important;text-align:center!important;white-space:normal!important;
    min-height:52px!important;padding:.7rem .55rem!important;font-size:.66rem!important;line-height:1.22!important;letter-spacing:.07em!important
  }

  /* Achievements stay 2-up but gain enough room for copy + progress. */
  .mks-account-page .mks-achievements__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mks-account-page .mks-achievement{min-height:188px!important;padding:.88rem!important}
  .mks-account-page .mks-achievement__top{margin-bottom:1rem!important}
  .mks-account-page .mks-achievement h3{font-size:1.08rem!important;line-height:1.02!important;margin-bottom:.5rem!important}
  .mks-account-page .mks-achievement p{font-size:.62rem!important;line-height:1.48!important;min-height:2.9em!important}
  .mks-account-page .mks-achievement__progress{padding-top:.72rem!important}
  .mks-account-page .mks-achievement time{right:.88rem!important;top:2.92rem!important;font-size:.38rem!important}
  .mks-account-page .mks-achievement::before{transform:scale(.84)!important;transform-origin:bottom right!important}

  /* Wishlist: two compact cards instead of a single poster-sized object. */
  .mks-account-page .mks-product-grid--wishlist{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important
  }
  .mks-account-page .mks-product-grid--wishlist .mks-product-card{min-width:0!important}
  .mks-account-page .mks-product-grid--wishlist .mks-product-card__media{aspect-ratio:4/5!important;border-radius:14px!important}
  .mks-account-page .mks-product-grid--wishlist .mks-product-card__copy{padding:.58rem .05rem .12rem!important}
  .mks-account-page .mks-product-grid--wishlist .mks-product-card__copy small{font-size:.46rem!important;letter-spacing:.055em!important;line-height:1.35!important}
  .mks-account-page .mks-product-grid--wishlist .mks-product-card__copy h3{font-size:.9rem!important;line-height:1.08!important;margin:.28rem 0 .16rem!important}
  .mks-account-page .mks-product-grid--wishlist .mks-product-card__copy p{font-size:.68rem!important}
  .mks-account-page .mks-product-grid--wishlist .mks-wishlist-btn--card{width:34px!important;height:34px!important;right:.45rem!important;top:.45rem!important}
  .mks-account-page .mks-product-grid--wishlist .mks-wishlist-btn--card svg{width:13px!important;height:13px!important}

  /* Orders: responsive cards, not a desktop table that has to be dragged. */
  .mks-account-page table.woocommerce-orders-table{
    display:block!important;width:100%!important;overflow:visible!important;border:0!important;background:transparent!important
  }
  .mks-account-page table.woocommerce-orders-table thead{display:none!important}
  .mks-account-page table.woocommerce-orders-table tbody{display:grid!important;gap:.72rem!important;width:100%!important}
  .mks-account-page table.woocommerce-orders-table tr{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;
    border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;background:rgba(255,255,255,.025)!important
  }
  .mks-account-page table.woocommerce-orders-table td{
    display:grid!important;grid-template-columns:1fr!important;gap:.25rem!important;min-width:0!important;
    padding:.72rem .8rem!important;border:0!important;border-bottom:1px solid var(--line)!important;
    color:inherit!important;text-align:left!important;font-size:.76rem!important
  }
  .mks-account-page table.woocommerce-orders-table td::before{
    content:attr(data-title)!important;display:block!important;float:none!important;width:auto!important;margin:0!important;
    color:#8390a2!important;font:900 .44rem/1.15 Inter,system-ui,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important
  }
  .mks-account-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number,
  .mks-account-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total,
  .mks-account-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{grid-column:1/-1!important}
  .mks-account-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{border-bottom:0!important;padding:.72rem!important}
  .mks-account-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before{display:none!important}
  .mks-account-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button{
    display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;margin:0!important
  }
  html[data-mks-theme="light"] .mks-account-page table.woocommerce-orders-table tr{background:rgba(255,255,255,.68)!important}
  html[data-mks-theme="light"] .mks-account-page table.woocommerce-orders-table td::before{color:#7a8696!important}
}

@media(max-width:350px){
  .mks-account-page .mks-product-grid--wishlist{grid-template-columns:1fr!important}
  .mks-account-page .mks-achievements__grid{grid-template-columns:1fr!important}
}
