/* ============================================================
   woocommerce.css
   ------------------------------------------------------------
   Styles native WooCommerce markup (the stuff assets/css/main.css
   doesn't know about because it predates the WooCommerce build):
   the products loop as a real <ul>, sale badges, price/rating
   output, forms (cart/checkout/my-account), tables, notices,
   product-data tabs, the populated mini-cart, and the variation
   swatch/size-circle enhancement. Loaded after main.css (see
   inc/enqueue.php).
   ============================================================ */

/* ---- Loop wrapper resets (now a real <ul>, not a <div>) -------- */
ul.products,
.carousel-track,
.cart-item-list{
  list-style:none;
  margin:0;
  padding:0;
}
.product-grid--plain{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:4px;
}
@media (max-width:1024px){ .product-grid--plain{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:640px){ .product-grid--plain{ grid-template-columns:1fr; } }

/* Footer nav / nav-panel secondary links are now real <li> (from
   wp_nav_menu) instead of bare <a> — strip default list styling. */
.nav-secondary li,
.nav-legal li{
  list-style:none;
}

/* ---- Sale badge -------------------------------------------------- */
.shop-card-media .onsale,
.product-gallery .onsale{
  position:absolute;
  top:14px; left:14px;
  z-index:4;
  background:var(--color-ink);
  color:#fff;
  font-size:10.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:5px 10px;
  border-radius:999px;
}

/* ---- Price / rating ------------------------------------------------ */
.price{ font-size:14px; color:var(--color-ink); }
.price del{ color:var(--color-ink-soft); opacity:.7; margin-inline-end:8px; text-decoration:line-through; }
.price ins{ text-decoration:none; }
.product-info .price{ font-size:19px; display:block; margin:0 0 22px; }
.star-rating{
  overflow:hidden;
  position:relative;
  height:1em;
  line-height:1;
  font-size:13px;
  width:5.4em;
  font-family:serif;
  color:var(--color-accent);
  margin-bottom:8px;
}
.star-rating::before{ content:"\2605\2605\2605\2605\2605"; float:left; opacity:.25; }
.star-rating span{ position:absolute; top:0; left:0; overflow:hidden; }
.star-rating span::before{ content:"\2605\2605\2605\2605\2605"; float:left; color:var(--color-accent); }

/* ---- Stock / notices ------------------------------------------------ */
.stock{ display:block; font-size:12.5px; color:var(--color-ink-soft); margin:8px 0; }
.stock.out-of-stock{ color:#a3413a; }

.woocommerce-error{ border-inline-start-color:#a3413a; }
.woocommerce-message .button,
.woocommerce-notice .button{
  background:var(--color-ink); color:#fff; border:none;
  padding:9px 18px; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
}

/* ---- Forms (cart / checkout / my account) --------------------------- */
.woocommerce form .form-row{ margin:0 0 18px; }
.woocommerce form label{
  display:block; font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--color-ink-soft); margin-bottom:8px;
}
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea{
  width:100%;
  border:1px solid var(--color-line);
  background:var(--color-panel);
  padding:13px 14px;
  font-family:var(--font-utility);
  font-size:14px;
  color:var(--color-ink);
  border-radius:2px;
}
.woocommerce form .input-text:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus{
  outline:none;
  border-color:var(--color-ink);
}
.woocommerce form .required{ color:#a3413a; text-decoration:none; }

.quantity{ display:inline-flex; align-items:center; }

/* Single-product page doesn't use a quantity stepper by design — always
   adds 1 (still fully adjustable afterwards in the cart panel/cart
   page). The real <input name="quantity"> stays in the DOM with its
   default value of 1, just visually hidden, so the add-to-cart form
   still submits a valid quantity. */
.product-info form.cart .quantity{
  position:absolute;
  width:1px; height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.product-info form.cart{
  display:block;
}
.product-info form.cart .single_add_to_cart_button{
  width:100%;
  margin-top:6px;
}
.quantity .qty{
  width:64px; text-align:center;
  border:1px solid var(--color-line);
  padding:10px 8px;
  font-size:14px;
  border-radius:2px;
}

button.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce-Button,
.checkout-button,
input#place_order,
.woocommerce-mini-cart__buttons a.button{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--color-ink); color:#fff !important; border:none;
  padding:15px 28px;
  font-family:var(--font-utility);
  font-size:13px; letter-spacing:.1em; text-transform:uppercase;
  border-radius:2px;
  transition:opacity var(--dur-fast) var(--ease);
  cursor:pointer;
}
button.button:hover,
.woocommerce a.button:hover,
input#place_order:hover{ opacity:.85; }
button.button.loading{ opacity:.6; pointer-events:none; }

/* ---- Cart / order tables --------------------------------------------- */
.woocommerce table.shop_table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 32px;
  font-size:14px;
}
.woocommerce table.shop_table th{
  text-align:start;
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--color-ink-soft);
  padding:14px 12px;
  border-bottom:1px solid var(--color-line);
}
.woocommerce table.shop_table td{
  padding:16px 12px;
  border-bottom:1px solid var(--color-line);
  vertical-align:middle;
}
.woocommerce table.shop_table img{ width:64px; height:80px; object-fit:cover; }
.woocommerce td.product-remove a{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%;
  color:var(--color-ink); border:1px solid var(--color-line);
  font-size:16px; line-height:1;
}

/* ---- Product details section (plain content, no tab switching) ---- */
.product-details-section{
  max-width:1800px; margin:0 auto;
  padding:40px clamp(20px,4vw,56px) 64px;
  border-top:1px solid var(--color-line);
  scroll-margin-top:calc(var(--header-h) + 20px);
}
.product-details-content{
  color:var(--color-ink-soft);
  font-size:14px;
  line-height:1.8;
  max-width:820px;
}
.product-details-content p{ margin:0 0 16px; }
.product-details-content h2,
.product-details-content h3{
  font-family:var(--font-display); font-weight:400;
  color:var(--color-ink);
  margin:28px 0 14px;
}
.product-details-content ul,
.product-details-content ol{ margin:0 0 16px; padding-inline-start:20px; }
.woocommerce-Reviews .comment-form input,
.woocommerce-Reviews .comment-form textarea{
  width:100%;
  border:1px solid var(--color-line);
  padding:12px 14px;
  font-family:var(--font-utility);
  border-radius:2px;
}

/* ---- Populated mini-cart --------------------------------------------- */
.cart-item{
  display:grid;
  grid-template-columns:56px 1fr auto;
  gap:14px;
  align-items:flex-start;
  padding:20px 0;
  border-bottom:1px solid var(--color-line);
}
.cart-item-media img{ width:56px; height:70px; object-fit:cover; }
.cart-item-name{ display:block; font-size:14px; margin-bottom:6px; }
.cart-item-price{ font-size:13px; color:var(--color-ink-soft); }
.cart-item-qty{ margin-inline-start:4px; }
.cart-item-remove{
  width:24px; height:24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--color-ink-soft); border:1px solid var(--color-line);
  font-size:14px; line-height:1;
}
.cart-item-remove:hover{ color:var(--color-ink); border-color:var(--color-ink); }
.cart-panel-total{
  display:flex; align-items:center; justify-content:space-between;
  font-size:15px; padding:20px 0;
  border-top:1px solid var(--color-line);
}
.cart-panel-buttons{
  display:flex; flex-direction:column; gap:10px;
}
.cart-panel-buttons a{ text-align:center; }

/* ---- Sort By (native select, restyled) -------------------------------- */
.filter-select-wrap{ position:relative; }
.filter-select-wrap select.filter-select{
  appearance:none; -webkit-appearance:none;
  width:100%;
  border:1px solid var(--color-line);
  background:none;
  padding:12px 34px 12px 14px;
  font-size:14px;
}
.filter-select-chevron{
  position:absolute; top:50%; right:12px;
  transform:translateY(-50%);
  width:14px; height:14px;
  stroke:var(--color-ink);
  pointer-events:none;
}

/* ---- Variation swatches (colour / size progressive enhancement) ------ */
.variation-swatches{
  display:flex; flex-wrap:wrap; gap:10px;
  margin:6px 0 4px;
}
.variation-swatch{
  width:38px; height:38px;
  border-radius:50%;
  border:2px solid var(--color-line);
  background:none;
  cursor:pointer;
  font-size:12px;
  color:var(--color-ink);
  text-transform:uppercase;
  transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.variation-swatch:hover{ transform:scale(1.06); }
.variation-swatch.is-active{ border-color:var(--color-ink); }
.variation-swatch--size{
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:12.5px;
  background:var(--color-panel);
}
.variation-swatch--size.is-active{ background:var(--color-ink); color:#fff; border-color:var(--color-ink); }

/* ---- My Account -------------------------------------------------------- */
/* Full My Account styling (dashboard, quick-action cards, nav, forms,
   tables, addresses, notices, responsive, RTL) lives in the dedicated
   section near the end of this file — moved here from style.css, which
   was never meant to carry real styles (see style.css's own header
   comment) but had accumulated this entire section again. */

/* ---- Shipping/Returns tab content -------------------------------------- */
.lomamod-shipping-tab p{ margin:0 0 14px; }

/* ---- Checkout two-column layout ---------------------------------------- */
.woocommerce-checkout .col2-set,
.woocommerce-checkout form.checkout{
  display:grid;
  grid-template-columns:1fr 440px;
  gap:56px;
  align-items:start;
}
#order_review{
  background:var(--color-bg-alt);
  padding:28px;
  border-radius:8px;
}
@media (max-width:900px){
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout form.checkout{ grid-template-columns:1fr; }
}

/* ============================================================
   TAB-BASED LOGIN / REGISTER (woocommerce/myaccount/form-login.php)
   CSS-only tabs: hidden radio inputs + :checked sibling selectors.
   ============================================================ */

.lomamod-auth-tabs{
  position: relative;
  max-width: 460px;
  margin: 0 auto;
}

.lomamod-auth-tab-radio{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.lomamod-auth-tab-nav{
  display: flex;
  border-bottom: 1px solid var(--account-border);
  margin-bottom: 32px;
}

.lomamod-auth-tab-label{
  flex: 1;
  text-align: center;
  padding: 14px 0;
  margin-bottom: -1px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--account-muted);
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.lomamod-auth-tab-label:hover{
  color: var(--account-text);
}

.lomamod-auth-panel{
  display: none;
}

#lomamod-tab-login:checked ~ .lomamod-auth-tab-nav label[for="lomamod-tab-login"],
#lomamod-tab-register:checked ~ .lomamod-auth-tab-nav label[for="lomamod-tab-register"]{
  color: var(--account-text);
  border-bottom-color: var(--account-text);
}

#lomamod-tab-login:checked ~ .lomamod-auth-panel--login,
#lomamod-tab-register:checked ~ .lomamod-auth-panel--register{
  display: block;
}

@media (max-width: 480px){
  .lomamod-auth-tab-label{
    font-size: 12px;
    padding: 12px 0;
  }
}


/* ============================================================
   MERGED FROM style.css — this file was only ever meant to hold
   the required WordPress theme-header comment block, but had
   accumulated real styles again. Moved here so there's one
   canonical home for WooCommerce/My Account CSS.
   ============================================================ */


.custom-logo{
    width : 75px;
}
header.woocommerce-products-header {
    display: none;
}
.woocommerce div.product form.cart .variations th {
    display: none;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	color: var(--color-ink) !important;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
	display: none !important;
}
.woocommerce div.product form.cart .button{
		background: var(--color-ink) !important;
}
.woocommerce form.login{
    width: 100%;
}
/* =========================================================
   LomaMod — WooCommerce My Account
   ========================================================= */

.woocommerce-account {
    --account-border: #e8e8e8;
    --account-text: #171717;
    --account-muted: #777;
    --account-bg: #f8f8f6;
    --account-card: #ffffff;
    --account-radius: 4px;
}


/* ---------------------------------------------------------
   ACCOUNT MAIN WRAPPER
   --------------------------------------------------------- */

.woocommerce-account .woocommerce {
    display: block;
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}
.woocommerce-dashboard .woocommerce{
    display: grid;
}

/* ---------------------------------------------------------
   DASHBOARD
   --------------------------------------------------------- */

.myaccount-dashboard {
    width: 100%;
}


/* ---------------------------------------------------------
   WELCOME SECTION
   --------------------------------------------------------- */

.myaccount-welcome {
    margin-bottom: 36px;
}

.myaccount-welcome h1 {
    margin: 0 0 8px;
    color: var(--account-text);
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.myaccount-welcome p {
    margin: 0;
    color: var(--account-muted);
    font-size: 15px;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   QUICK ACTION GRID
   --------------------------------------------------------- */

.myaccount-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
}


/* ---------------------------------------------------------
   QUICK ACTION CARD
   --------------------------------------------------------- */

.quick-action-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: 28px;
    background: var(--account-card);
    border: 1px solid var(--account-border);
    border-radius: var(--account-radius);
    color: var(--account-text);
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.quick-action-card:hover {
    color: var(--account-text);
    border-color: #cfcfcf;
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

.quick-action-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;
    margin-bottom: 25px;

    border: 1px solid var(--account-border);
    border-radius: 50%;

    color: var(--account-text);
    background: #fff;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

.quick-action-icon svg {
    width: 21px;
    height: 21px;
    display: block;
}

.quick-action-card:hover .quick-action-icon {
    background: var(--account-text);
    border-color: var(--account-text);
    color: #fff;
}


/* ---------------------------------------------------------
   CARD TYPOGRAPHY
   --------------------------------------------------------- */

.quick-action-card h3 {
    margin: 0 0 7px;
    color: var(--account-text);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.quick-action-card p {
    margin: 0;
    max-width: 300px;
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   ARROW
   --------------------------------------------------------- */

.quick-action-card::after {
    content: "→";

    position: absolute;
    right: 25px;
    bottom: 25px;

    font-size: 18px;
    line-height: 1;

    color: #999;

    transition:
        transform 0.25s ease,
        color 0.25s ease;
}

.quick-action-card:hover::after {
    color: var(--account-text);
    transform: translateX(4px);
}


/* ---------------------------------------------------------
   DASHBOARD DESCRIPTION
   --------------------------------------------------------- */

.dashboard-description {
    margin: 35px 0 0;
    color: var(--account-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   WOOCOMMERCE MY ACCOUNT NAVIGATION
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 85%;
    margin: 0;
}


/* Navigation list */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--account-border);
    background: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--account-border);
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;

    min-height: 52px;
    padding: 0 20px;

    color: var(--account-text);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;

    transition:
        background 0.2s ease,
        padding 0.2s ease,
        color 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #f7f7f5;
    padding-left: 24px;
}

.woocommerce-account
.woocommerce-MyAccount-navigation
li.is-active
a {
    background: var(--account-text);
    color: #fff;
}


/* Logout */

.woocommerce-account
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout
a {
    color: #777;
}

.woocommerce-account
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout
a:hover {
    color: #171717;
}


/* =========================================================
   ACCOUNT CONTENT
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content {
    color: var(--account-text);
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    margin-top: 0;
    color: var(--account-text);
    font-weight: 500;
}


/* =========================================================
   WOOCOMMERCE BUTTONS
   ========================================================= */

.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input[type="submit"] {
    min-height: 46px;
    padding: 0 24px;

    border: 1px solid var(--account-text);
    border-radius: 2px;

    background: var(--account-text);
    color: #fff;

    font-size: 13px;
    font-weight: 500;
    line-height: 46px;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input[type="submit"]:hover {
    border-color: #444;
    background: #444;
    color: #fff;
}


/* =========================================================
   ACCOUNT FORMS
   ========================================================= */

.woocommerce-account form .form-row {
    margin-bottom: 20px;
}

.woocommerce-account form label {
    display: block;
    margin-bottom: 7px;

    color: var(--account-text);
    font-size: 13px;
    font-weight: 500;
}

.woocommerce-account form input.input-text,
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="tel"],
.woocommerce-account form input[type="password"],
.woocommerce-account form select,
.woocommerce-account form textarea {
    width: 100%;
    min-height: 48px;

    padding: 12px 14px;

    border: 1px solid var(--account-border);
    border-radius: 2px;

    background: #fff;
    color: var(--account-text);

    font-size: 14px;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.woocommerce-account form textarea {
    min-height: 130px;
    resize: vertical;
}

.woocommerce-account form input:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus {
    border-color: #777;
    box-shadow: 0 0 0 1px #777;
}


/* =========================================================
   ACCOUNT TABLES / ORDERS
   ========================================================= */

.woocommerce-account .woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--account-border);
    background: #fff;
}

.woocommerce-account .woocommerce-orders-table th {
    padding: 15px;
    border-bottom: 1px solid var(--account-border);

    color: #555;
    background: #fafafa;

    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.woocommerce-account .woocommerce-orders-table td {
    padding: 16px 15px;
    border-bottom: 1px solid var(--account-border);

    color: var(--account-text);
    font-size: 13px;
}

.woocommerce-account .woocommerce-orders-table tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   ADDRESSES
   ========================================================= */

.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.woocommerce-account .woocommerce-Address {
    position: relative;

    padding: 25px;

    border: 1px solid var(--account-border);
    background: #fff;
}

.woocommerce-account .woocommerce-Address-title {
    margin-bottom: 18px;
}

.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 17px;
}

.woocommerce-account .woocommerce-Address-title .edit {
    color: #777;
    font-size: 12px;
    text-decoration: underline;
}

.woocommerce-account .woocommerce-Address address {
    margin: 0;

    color: #666;
    font-size: 13px;
    font-style: normal;
    line-height: 1.8;
}


/* =========================================================
   WOOCOMMERCE NOTICES
   ========================================================= */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    margin: 0 0 25px;
    padding: 15px 18px;

    border: 1px solid var(--account-border);
    border-radius: 2px;

    background: #fff;

    color: var(--account-text);

    font-size: 13px;
    line-height: 1.6;
}

.woocommerce-account .woocommerce-error {
    border-color: #ddd;
}

.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before {
    display: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        display: block;
        width: min(100% - 30px, 600px);
    }

    .myaccount-welcome {
        margin-bottom: 25px;
    }

    .myaccount-welcome h1 {
        font-size: 30px;
    }

    .myaccount-quick-actions {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .quick-action-card {
        min-height: 155px;
        padding: 22px;
    }

    .quick-action-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 20px;
    }

    .quick-action-card::after {
        right: 20px;
        bottom: 20px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 25px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li a {
        min-height: 48px;
        padding: 0 16px;
    }

    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }

    .woocommerce-account .woocommerce-orders-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .woocommerce-account .woocommerce {
        width: min(100% - 40px, 900px);
    }

    .myaccount-quick-actions {
        gap: 14px;
    }

    .quick-action-card {
        padding: 23px;
    }
}


/* =========================================================
   RTL
   ========================================================= */

html[dir="rtl"] .woocommerce-account
.woocommerce-MyAccount-navigation {
    float: right;
}

html[dir="rtl"] .woocommerce-account
.woocommerce-MyAccount-content {
    float: left;
}

html[dir="rtl"] .quick-action-card::after {
    right: auto;
    left: 25px;
    content: "←";
}

html[dir="rtl"] .quick-action-card:hover::after {
    transform: translateX(-4px);
}

html[dir="rtl"] .woocommerce-account
.woocommerce-MyAccount-navigation
li a:hover {
    padding-left: 20px;
    padding-right: 24px;
}

html[dir="rtl"] .woocommerce-account
.woocommerce-orders-table th,
html[dir="rtl"] .woocommerce-account
.woocommerce-orders-table td {
    text-align: right;
}


/* "Buy This Product" (functions.php: custom_view_lookbook_button)
   replaces the native Add to Cart button. The native one submits the
   form (type="submit"); the new one doesn't (type="button") — that
   difference is what lets this rule hide only the native button. */
.cart button[type="submit"].single_add_to_cart_button{
  display: none;
}

/* Optional: styling for the main-product summary now shown inside the
   popup (functions.php: custom_lookbook_popup()). Safe to skip if you
   want to style it yourself instead. */
.lookbook-main-product{
  display: flex;
  gap: 16px;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--color-line);
}
.lookbook-main-product-media img{
  width: 64px;
  height: 80px;
  object-fit: cover;
}
.lookbook-main-product-name{
  font-size: 14px;
  margin: 0 0 4px;
}
.lookbook-main-product-variation{
  font-size: 12.5px;
  color: var(--color-ink-soft);
  margin: 0 0 4px;
}
.lookbook-item-view{
  display: block;
  text-align: center;
  font-size: 12px;
  letter-spacing: .04em;
  text-decoration: underline;
  color: var(--color-ink);
}