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

/* -------------------------------------------------------------------------
   Header utility polish: add a real cart icon and keep the cart badge tidy in
   both light and dark themes.
   ---------------------------------------------------------------------- */
.mks-cart{gap:.56rem!important}
.mks-cart__icon{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;color:currentColor}
.mks-cart__icon svg{display:block;width:18px;height:18px;overflow:visible}
.mks-cart-count{flex:0 0 auto}

/* -------------------------------------------------------------------------
   Wishlist chip: keep the heart optically centred and sized to the circular
   control rather than drifting like an emoji.
   ---------------------------------------------------------------------- */
.mks-wishlist-btn--card{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important}
.mks-wishlist-btn--card svg{display:block!important;width:16px!important;height:16px!important;overflow:visible!important}
.mks-wishlist-btn--card svg path{transform:none!important}

/* -------------------------------------------------------------------------
   Private order view: restore correct contrast. v1.6.20 accidentally used
   dark-ink tokens for key text in dark mode and left light mode too pale.
   ---------------------------------------------------------------------- */
.mks-order-status-rail strong,
.mks-order-overview__head h2,
.mks-order-overview__metrics strong,
.mks-account-page .woocommerce-order-details tbody td,
.mks-account-page .woocommerce-order-details tbody .product-name,
.mks-account-page .woocommerce-order-details tbody .product-name a,
.mks-account-page .woocommerce-order-details tfoot td,
.mks-account-page .woocommerce-order-details tfoot td *,
.mks-account-page .woocommerce-order-details tfoot tr:last-child th,
.mks-account-page .woocommerce-order-details tfoot tr:last-child td,
.mks-account-page .woocommerce-customer-details .woocommerce-column__title{
  color:#f4f1ea!important
}
.mks-account-page .woocommerce-order-details tbody td,
.mks-account-page .woocommerce-order-details tfoot td{font-weight:500!important}
.mks-order-overview__metrics strong{font-family:Inter,system-ui,sans-serif!important;font-weight:700!important;line-height:1.08!important}
.mks-account-page .woocommerce-order-details tbody .product-name a:hover{color:#f0cf88!important}

html[data-mks-theme="light"] .mks-order-status-rail strong,
html[data-mks-theme="light"] .mks-order-overview__head h2,
html[data-mks-theme="light"] .mks-order-overview__metrics strong,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tbody td,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tbody .product-name,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tbody .product-name a,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tfoot td,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tfoot td *,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tfoot tr:last-child th,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tfoot tr:last-child td,
html[data-mks-theme="light"] .mks-account-page .woocommerce-customer-details .woocommerce-column__title{
  color:#171b24!important
}
html[data-mks-theme="light"] .mks-order-overview__metrics small,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details thead th,
html[data-mks-theme="light"] .mks-account-page .woocommerce-order-details tfoot th{
  color:#6c7788!important
}
html[data-mks-theme="light"] .mks-order-overview__metrics span,
html[data-mks-theme="light"] .mks-account-page .woocommerce-customer-details address{
  color:#556171!important
}

/* -------------------------------------------------------------------------
   Order addresses: WooCommerce nests the two address cards inside an internal
   .woocommerce-columns wrapper. Make that wrapper the actual two-column grid.
   ---------------------------------------------------------------------- */
.mks-account-page .woocommerce-customer-details{display:block!important}
.mks-account-page .woocommerce-customer-details .woocommerce-columns{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem!important;align-items:stretch!important;width:100%!important;max-width:none!important
}
.mks-account-page .woocommerce-customer-details .woocommerce-column{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;height:100%!important
}
.mks-account-page .woocommerce-customer-details address{margin:0!important;min-height:100%!important}

@media(max-width:760px){
  .mks-account-page .woocommerce-customer-details .woocommerce-columns{grid-template-columns:1fr!important}
}