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

/* -------------------------------------------------------------------------
   Member motifs — shared on desktop and mobile. Keep them quiet enough that
   the information hierarchy remains dominant.
   ---------------------------------------------------------------------- */
.mks-dashboard-overview__card,
.mks-achievement{isolation:isolate;overflow:hidden}

.mks-dashboard-overview__card::before{
  content:"";position:absolute;z-index:0;pointer-events:none;right:-24px;top:-22px;width:118px;height:118px;opacity:.34;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 22px,rgba(210,174,103,.24) 23px 24px,transparent 25px),
    linear-gradient(90deg,transparent 49.5%,rgba(76,225,244,.18) 50%,transparent 50.5%),
    linear-gradient(transparent 49.5%,rgba(76,225,244,.18) 50%,transparent 50.5%);
  transform:rotate(8deg)
}
.mks-dashboard-overview__card::after{
  content:"MK / MEMBER";position:absolute;z-index:0;pointer-events:none;right:.78rem;bottom:.7rem;
  color:rgba(210,174,103,.18);font:800 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;white-space:nowrap
}
.mks-dashboard-overview__card>*{position:relative;z-index:1}

.mks-achievement::before{
  content:"";position:absolute;z-index:0;pointer-events:none;left:-32px;top:34px;width:132px;height:72px;opacity:.42;
  background:
    linear-gradient(90deg,transparent 0 24%,rgba(76,225,244,.16) 24% 25%,transparent 25% 49%,rgba(210,174,103,.18) 49% 50%,transparent 50%),
    linear-gradient(transparent 0 49%,rgba(210,174,103,.16) 49% 50%,transparent 50%);
  transform:skewX(-18deg)
}
.mks-achievement::after{z-index:0!important;opacity:.8}
.mks-achievement>*{position:relative;z-index:1}
html[data-mks-theme="light"] .mks-dashboard-overview__card::before{opacity:.24}
html[data-mks-theme="light"] .mks-dashboard-overview__card::after{color:rgba(120,85,28,.17)}
html[data-mks-theme="light"] .mks-achievement::before{opacity:.28}

/* -------------------------------------------------------------------------
   Earned achievement titles shown on verified product-review identities.
   ---------------------------------------------------------------------- */
.mks-review-member-titles{display:flex;flex-wrap:wrap;gap:.38rem;margin:.62rem 0 .76rem}
.mks-review-member-title{
  display:inline-flex;align-items:center;gap:.38rem;min-height:26px;padding:.34rem .55rem;
  border:1px solid rgba(210,174,103,.28);background:rgba(210,174,103,.06);color:#d8c18c;
  font:800 .52rem/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase
}
.mks-review-member-title small{color:#65d6e8;font:800 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.mks-review-member-title b{font:inherit;color:inherit}
.mks-review-member-title--collector{border-color:rgba(210,174,103,.58);background:linear-gradient(90deg,rgba(210,174,103,.12),rgba(76,225,244,.05))}
html[data-mks-theme="light"] .mks-review-member-title{color:#75551d;border-color:rgba(145,105,35,.24);background:rgba(210,174,103,.10)}
html[data-mks-theme="light"] .mks-review-member-title small{color:#16849d}

/* -------------------------------------------------------------------------
   Mobile account hierarchy.
   ---------------------------------------------------------------------- */
@media(max-width:760px){
  /* The account rail labels were too tiny to scan. */
  .mks-account-page .woocommerce-MyAccount-navigation a{
    min-height:44px!important;padding:.72rem .88rem!important;
    font-size:.61rem!important;line-height:1.2!important;letter-spacing:.085em!important;font-weight:900!important
  }

  /* Always make the four summary cards the first dashboard module, then achievements. */
  .mks-account-page .woocommerce-MyAccount-content{display:flex!important;flex-direction:column!important;gap:.72rem!important}
  .mks-account-page .mks-dashboard-overview{
    order:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.6rem!important;width:100%!important;margin:0!important
  }
  .mks-account-page .mks-achievements{order:2!important;width:100%!important;margin:.35rem 0 0!important}
  .mks-account-page .mks-verify-status{order:0!important}
  .mks-account-page .woocommerce-MyAccount-content>p{order:3!important}
  .mks-account-page .mks-member-card{order:4!important}

  .mks-account-page .mks-dashboard-overview__card{
    min-width:0!important;min-height:118px!important;padding:.88rem!important;border-radius:14px!important
  }
  .mks-account-page .mks-dashboard-overview__card span{font-size:.48rem!important}
  .mks-account-page .mks-dashboard-overview__card strong{font-size:1.8rem!important}
  .mks-account-page .mks-dashboard-overview__card small{font-size:.62rem!important;line-height:1.36!important}
  .mks-account-page .mks-dashboard-overview__card::before{width:88px;height:88px;right:-22px;top:-18px}
  .mks-account-page .mks-dashboard-overview__card::after{font-size:.34rem;right:.6rem;bottom:.55rem}

  .mks-account-page .mks-achievements{padding-top:1rem!important}
  .mks-account-page .mks-achievements__head{grid-template-columns:1fr!important;gap:.75rem!important;margin-bottom:.8rem!important}
  .mks-account-page .mks-achievements__head h2{font-size:clamp(1.75rem,8vw,2.4rem)!important}
  .mks-account-page .mks-achievements__score{justify-items:start!important;width:100%!important}
  .mks-account-page .mks-achievements__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important}
  .mks-account-page .mks-achievement{min-height:150px!important;padding:.82rem!important}
  .mks-account-page .mks-achievement h3{font-size:1rem!important}
  .mks-account-page .mks-achievement p{font-size:.58rem!important;line-height:1.42!important}
  .mks-account-page .mks-achievement__progress{left:.82rem!important;right:.82rem!important;bottom:.72rem!important}
  .mks-account-page .mks-achievement time{right:.82rem!important;top:3rem!important;font-size:.38rem!important}

  .mks-review-member-titles{gap:.3rem;margin:.5rem 0 .65rem}
  .mks-review-member-title{min-height:24px;padding:.3rem .45rem;font-size:.48rem}
  .mks-review-member-title small{font-size:.38rem}
}

@media(max-width:380px){
  .mks-account-page .woocommerce-MyAccount-navigation a{font-size:.58rem!important;padding:.68rem .8rem!important}
  .mks-account-page .mks-dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mks-account-page .mks-achievements__grid{grid-template-columns:1fr!important}
}