/* Laviaderm cart and account surfaces */
:root {
    --lv-gold: #c59a3b;
    --lv-gold-dark: #9b7424;
    --lv-charcoal: #343331;
    --lv-cream: #fbf4eb;
    --lv-paper: #fffaf4;
    --lv-line: #ded2c5;
    --lv-muted: #77716b;
}

/* Mobil menü çizgileri marka yeşili yerine koyu gri/siyah. */
.mobile-menu-toggle span { background: #343331 !important; }

.checkout-bg,
.account-auth,
.account-page {
    background: var(--lv-cream) !important;
}

.checkout-steps {
    gap: 10px;
    color: var(--lv-muted);
    flex-wrap: wrap;
}
.checkout-steps a,
.checkout-steps span,
.checkout-steps strong {
    padding: 11px 18px;
    background: var(--lv-paper) !important;
    border: 1px solid var(--lv-line) !important;
    border-radius: 999px;
    box-shadow: none;
}
.checkout-steps strong {
    color: #fff !important;
    background: var(--lv-charcoal) !important;
    border-color: var(--lv-charcoal) !important;
    box-shadow: inset 0 3px 0 var(--lv-gold);
}

.empty-cart,
.cart-card,
.cart-summary,
.auth-card,
.auth-side,
.account-menu,
.account-card {
    background: rgba(255, 250, 244, .96) !important;
    border: 1px solid var(--lv-line) !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 48px rgba(52, 51, 49, .07) !important;
}
.empty-cart { padding: 54px 34px; }
.empty-cart h1,
.cart-summary h2,
.auth-card h1,
.auth-side h2,
.account-menu h1,
.account-card h2 {
    color: var(--lv-charcoal) !important;
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
}
.empty-cart .muted,
.auth-card .muted,
.auth-side p { color: var(--lv-muted) !important; }

body .checkout-bg .empty-cart .btn,
body .checkout-bg .cart-coupon .btn.warn,
body .checkout-bg .cart-summary .btn.warn,
body .account-auth .auth-card .btn,
body .account-page .account-card .btn:not(.secondary) {
    min-height: 48px;
    padding: 13px 22px;
    color: #fff !important;
    background: var(--lv-gold) !important;
    border: 1px solid var(--lv-gold) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 22px rgba(197, 154, 59, .18);
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#laviaderm-cart-page .empty-cart .btn,
#laviaderm-cart-page .cart-coupon .btn.warn,
#laviaderm-cart-page .cart-summary .btn.warn,
#laviaderm-account-auth .auth-card .btn,
#laviaderm-account-page .account-card .btn:not(.secondary) {
    color: #fff !important;
    background: #c59a3b !important;
    border-color: #c59a3b !important;
}
body .checkout-bg .empty-cart .btn:hover,
body .checkout-bg .cart-coupon .btn.warn:hover,
body .checkout-bg .cart-summary .btn.warn:hover,
body .account-auth .auth-card .btn:hover,
body .account-page .account-card .btn:not(.secondary):hover {
    background: var(--lv-charcoal) !important;
    border-color: var(--lv-charcoal) !important;
    box-shadow: 0 12px 24px rgba(52, 51, 49, .17);
    transform: translateY(-2px);
}

.auth-side {
    color: #fff;
    background: var(--lv-charcoal) !important;
    position: relative;
    overflow: hidden;
}
.auth-side::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -100px;
    width: 240px;
    height: 240px;
    border: 1px solid rgba(197, 154, 59, .38);
    border-radius: 50%;
}
.auth-side h2 { color: #fff !important; position: relative; z-index: 1; }
.auth-side p { color: rgba(255,255,255,.7) !important; position: relative; z-index: 1; }
.auth-side .btn.secondary,
.account-card .btn.secondary {
    min-height: 46px;
    padding: 12px 20px;
    color: var(--lv-charcoal) !important;
    background: var(--lv-paper) !important;
    border: 1px solid var(--lv-line) !important;
    border-radius: 999px !important;
    position: relative;
    z-index: 1;
}
.auth-side .btn.secondary {
    color: #fff !important;
    background: transparent !important;
    border-color: var(--lv-gold) !important;
}
.auth-side .btn.secondary:hover,
.account-card .btn.secondary:hover {
    color: #fff !important;
    background: var(--lv-gold) !important;
    border-color: var(--lv-gold) !important;
}

.auth-card input,
.account-card input,
.account-card textarea,
.account-card select,
.cart-coupon input {
    color: var(--lv-charcoal);
    background: #fff !important;
    border-color: var(--lv-line) !important;
    border-radius: 14px !important;
}
.auth-card input:focus,
.account-card input:focus,
.account-card textarea:focus,
.account-card select:focus,
.cart-coupon input:focus {
    border-color: var(--lv-gold) !important;
    box-shadow: 0 0 0 4px rgba(197, 154, 59, .14) !important;
}

.cart-table-head { color: var(--lv-muted); border-color: var(--lv-line); }
.cart-row { border-color: var(--lv-line); }
.cart-thumb { background: #fff; border-color: var(--lv-line); border-radius: 16px; overflow: hidden; }
.cart-thumb img { display:block; width:100%; height:100%; object-fit:contain; padding:5px; }
.cart-price { color: var(--lv-muted); }
.cart-line,
.cart-summary div strong { color: var(--lv-gold-dark) !important; }
.cart-qty { background: #fff; border-color: var(--lv-line); }
.cart-qty a { color: var(--lv-charcoal); transition: background .18s ease, color .18s ease; }
.cart-qty a:hover { color: #fff; background: var(--lv-gold); }
.cart-qty b { color: var(--lv-charcoal); border-color: var(--lv-line); }
.cart-remove { color: var(--lv-muted); border-radius: 50%; }
.cart-remove:hover { color: #fff; background: var(--lv-charcoal); }
.cart-clear { color: var(--lv-muted); text-decoration: underline; text-underline-offset: 3px; }
.cart-clear:hover { color: var(--lv-charcoal); }

.account-menu {
    padding: 24px;
    background: var(--lv-charcoal) !important;
}
.account-menu h1,
.account-menu strong { color: #fff !important; }
.account-menu span { color: rgba(255,255,255,.62); }
.account-menu a {
    color: rgba(255,255,255,.88) !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    padding: 12px 16px;
}
.account-menu a:hover {
    color: #fff !important;
    background: var(--lv-gold) !important;
    border-color: var(--lv-gold) !important;
    transform: translateX(3px);
}
.address-grid article,
.order-item-row,
.account-card table {
    background: #fff !important;
    border-color: var(--lv-line) !important;
    border-radius: 16px !important;
}
.account-card th { background: #f5ecdf; color: var(--lv-charcoal); }

.checkout-address-column { display: grid; gap: 20px; min-width: 0; }
.address-section-card { padding: 28px !important; }
.address-section-heading,
.account-section-heading { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 22px; }
.address-section-heading > span,
.account-section-heading > span { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--lv-charcoal); font-weight: 800; }
.address-section-heading h1,
.address-section-heading h2,
.account-section-heading h2 { margin: 0 0 5px !important; font-family: "DM Serif Display", Georgia, serif; font-size: 28px; font-weight: 400; color: var(--lv-charcoal); }
.address-section-heading p,
.account-section-heading p { margin: 0; color: var(--lv-muted); line-height: 1.5; }
.same-address-check { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 12px !important; margin: 0; padding: 16px 18px; border: 1px solid var(--lv-line); border-radius: 16px; background: #f7efe3; cursor: pointer; }
.same-address-check input { flex: 0 0 auto; width: 18px !important; height: 18px; margin-top: 2px; accent-color: var(--lv-gold); }
.same-address-check span { display: grid; gap: 3px; }
.same-address-check strong { color: var(--lv-charcoal); }
.same-address-check small { color: var(--lv-muted); font-weight: 500; }
.billing-address-fields { margin-top: 20px; }
.billing-address-fields[hidden] { display: none !important; }
.payment-options { display: grid; gap: 10px; }
.payment-options .payment-radio { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--lv-line); border-radius: 15px; background: #fff; cursor: pointer; }
.payment-options .payment-radio:has(input:checked) { border-color: var(--lv-gold); background: #fbf3df; box-shadow: 0 0 0 3px rgba(197,154,59,.1); }
.payment-options input { accent-color: var(--lv-gold); }
.payment-options span { display: grid; gap: 3px; }
.payment-options strong { color: var(--lv-charcoal); }
.payment-options small { color: var(--lv-muted); font-weight: 500; }
#laviaderm-checkout-page .review-total strong,
#laviaderm-checkout-page .review-item > strong,
#laviaderm-checkout-page .order-review a,
.checkout-login-note a {
    color: #9b7424 !important;
}
#laviaderm-checkout-page .review-total.grand strong {
    color: var(--lv-charcoal) !important;
}
#laviaderm-checkout-page .payment-radio:has(input:checked) {
    border-color: #c59a3b !important;
    background: #fbf3df !important;
}
#laviaderm-checkout-page input[type="radio"],
#laviaderm-checkout-page input[type="checkbox"] {
    accent-color: #c59a3b !important;
}
#laviaderm-checkout-page .payment-info {
    color: var(--lv-muted) !important;
    background: #f6efe6 !important;
}
#laviaderm-checkout-page .order-review .btn.warn {
    color: #fff !important;
    background: #c59a3b !important;
    border-color: #c59a3b !important;
}
.transfer-mark { width: 74px; height: 74px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; color: #fff; background: var(--lv-gold); font-family: Georgia, serif; font-size: 34px; }
.transfer-order-reference { display: grid; justify-items: center; gap: 5px; max-width: 460px; margin: 24px auto; padding: 18px; border: 1px dashed var(--lv-gold); border-radius: 16px; background: #fff8e8; }
.transfer-order-reference span,.transfer-order-reference small { color: var(--lv-muted); }
.transfer-order-reference strong { color: var(--lv-charcoal); font-size: 26px; letter-spacing: .04em; }
.transfer-bank-grid { margin: 26px 0; text-align: left; }
.transfer-complete { border-radius: 26px; }

.header .cart-box,
.header .member-box {
    background: var(--lv-paper) !important;
    border-color: var(--lv-line) !important;
    border-radius: 999px !important;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.header .cart-box:hover,
.header .member-box:hover {
    border-color: var(--lv-gold) !important;
    box-shadow: 0 8px 20px rgba(197, 154, 59, .12);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .checkout-steps { gap: 6px; overflow-x: auto; justify-content: flex-start; padding-bottom: 4px; }
    .checkout-steps a, .checkout-steps span, .checkout-steps strong { white-space: nowrap; padding: 9px 12px; font-size: 12px; }
    .empty-cart { padding: 38px 20px; }
    .auth-card, .auth-side, .account-card, .account-menu { border-radius: 20px !important; }
    .address-section-card { padding: 20px !important; }
    .address-section-heading h1,.address-section-heading h2,.account-section-heading h2 { font-size: 24px; }
}

@media (max-width: 1100px) {
    #laviaderm-cart-page > .wrap { max-width: 820px !important; }
    #laviaderm-cart-page .checkout-steps { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding: 0 2px 8px; }
    #laviaderm-cart-page .checkout-steps > * { white-space: nowrap; flex: 0 0 auto; }
    #laviaderm-cart-page .cart-layout { grid-template-columns: minmax(0, 1fr) !important; }
}