/* Fineaurah skin for WooCommerce Checkout, Order received and My Account.
   Mirrors the storefront tokens (tailwind.config.js) so the journey reads as one site. */
:root {
  --fa-ivory: #faf7f2;
  --fa-sand: #efe8dd;
  --fa-stone: #d9cfc0;
  --fa-ink: #1c1b19;
  --fa-ink-soft: #46423c;
  --fa-mute: #6b655c;
  --fa-aurah: #9a7548;
  --fa-aurah-deep: #6f5231;
  --fa-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --fa-danger: #8a2f25;
}
*, *::before, *::after { box-sizing: border-box; }
body.fineaurah-skin {
  margin: 0;
  background: var(--fa-ivory);
  color: var(--fa-ink-soft);
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.fineaurah-skin a { color: var(--fa-ink); text-underline-offset: 3px; transition: color .3s var(--fa-ease); }
.fineaurah-skin a:hover { color: var(--fa-aurah-deep); }
.fineaurah-skin :focus-visible { outline: 2px solid var(--fa-aurah-deep); outline-offset: 2px; }
.fa-wrap { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 640px) { .fa-wrap { padding: 0 32px; } }
@media (min-width: 1024px) { .fa-wrap { padding: 0 48px; } }
.fa-skip { position: absolute; left: -999px; top: 8px; background: var(--fa-ink); color: var(--fa-ivory) !important; padding: 12px 16px; z-index: 100; }
.fa-skip:focus { left: 8px; }

/* header / footer */
.fa-header { position: sticky; top: 0; z-index: 20; background: rgba(250, 247, 242, .92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--fa-stone); }
.fa-header__row { display: flex; align-items: center; justify-content: space-between; min-height: 68px; gap: 16px; }
.fa-wordmark { font-family: Manrope, Inter, sans-serif; font-weight: 300; font-size: 1.45rem; letter-spacing: .18em; text-decoration: none; display: inline-flex; min-height: 44px; align-items: center; }
.fa-wordmark span { color: var(--fa-aurah); }
.fa-header__nav { display: flex; gap: 24px; font-size: .875rem; font-weight: 500; }
.fa-header__nav a { text-decoration: none; padding: 10px 0; }
.fa-main { padding: 48px 0 96px; min-height: 60vh; }
.fa-title { font-family: Manrope, Inter, sans-serif; font-weight: 300; color: var(--fa-ink); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: -.028em; margin: 0 0 40px; }
.fa-footer { background: var(--fa-ink); color: rgba(250, 247, 242, .6); font-size: 13px; padding: 28px 0; }
.fa-footer__row { display: flex; flex-direction: column; gap: 6px; }
.fa-footer p { margin: 0; }
@media (min-width: 640px) { .fa-footer__row { flex-direction: row; justify-content: space-between; } }

/* headings inside the content */
.fineaurah-skin h2, .fineaurah-skin h3 { font-family: Manrope, Inter, sans-serif; font-weight: 500; color: var(--fa-ink); line-height: 1.2; letter-spacing: -.01em; }
.fineaurah-skin h2 { font-size: 1.55rem; margin: 0 0 20px; }
.fineaurah-skin h3 { font-size: 1.25rem; margin: 0 0 16px; }

/* buttons (every WooCommerce button flavour) */
.fineaurah-skin .button, .fineaurah-skin button.button, .fineaurah-skin #place_order, .fineaurah-skin input[type="submit"],
.fineaurah-skin .woocommerce-Button, .fineaurah-skin .wc-forward {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 32px; border: 1px solid var(--fa-ink);
  background: var(--fa-ink); color: var(--fa-ivory); border-radius: 0; font: 500 .72rem/1 Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: none; cursor: pointer; transition: background-color .3s var(--fa-ease), color .3s var(--fa-ease), transform .35s var(--fa-ease), box-shadow .35s var(--fa-ease);
}
.fineaurah-skin .button:hover, .fineaurah-skin #place_order:hover, .fineaurah-skin input[type="submit"]:hover, .fineaurah-skin .woocommerce-Button:hover { background: var(--fa-aurah-deep); border-color: var(--fa-aurah-deep); color: var(--fa-ivory); }
@media (hover: hover) { .fineaurah-skin .button:hover, .fineaurah-skin #place_order:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -16px rgba(28, 27, 25, .45); } }
.fineaurah-skin .button.alt, .fineaurah-skin #place_order { width: 100%; min-height: 56px; }
.fineaurah-skin .button:disabled, .fineaurah-skin .button.disabled { opacity: .5; cursor: not-allowed; }
.fineaurah-skin .woocommerce-orders-table__cell-order-actions .button, .fineaurah-skin .woocommerce-MyAccount-content .button.view { background: transparent; color: var(--fa-ink); min-height: 44px; padding: 0 20px; }
.fineaurah-skin .woocommerce-orders-table__cell-order-actions .button:hover { background: var(--fa-ink); color: var(--fa-ivory); }

/* form fields */
.fineaurah-skin label { display: block; font-size: .8rem; font-weight: 500; color: var(--fa-ink); margin-bottom: 6px; }
.fineaurah-skin .required { color: var(--fa-aurah-deep); text-decoration: none; border: 0; }
.fineaurah-skin input[type="text"], .fineaurah-skin input[type="email"], .fineaurah-skin input[type="tel"], .fineaurah-skin input[type="password"],
.fineaurah-skin input[type="number"], .fineaurah-skin textarea, .fineaurah-skin select, .fineaurah-skin .select2-selection {
  width: 100%; min-height: 52px; padding: 12px 16px; background: transparent; border: 1px solid var(--fa-stone); border-radius: 0;
  color: var(--fa-ink); font: 400 1rem/1.4 Inter, sans-serif; transition: border-color .3s var(--fa-ease);
}
.fineaurah-skin textarea { min-height: 110px; }
.fineaurah-skin input:focus, .fineaurah-skin textarea:focus, .fineaurah-skin select:focus { border-color: var(--fa-ink); outline: none; }
.fineaurah-skin .select2-container .select2-selection--single { height: 52px; display: flex; align-items: center; }
.fineaurah-skin .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1.4; color: var(--fa-ink); }
.fineaurah-skin .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; right: 8px; }
.select2-dropdown { border: 1px solid var(--fa-ink) !important; border-radius: 0 !important; background: var(--fa-ivory); font-family: Inter, sans-serif; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--fa-ink) !important; }
.fineaurah-skin .form-row { margin: 0 0 18px; padding: 0; }
.fineaurah-skin .form-row-first, .fineaurah-skin .form-row-last { width: 100%; float: none; }
@media (min-width: 640px) { .fineaurah-skin .form-row-first, .fineaurah-skin .form-row-last { width: calc(50% - 8px); float: left; } .fineaurah-skin .form-row-last { float: right; } .fineaurah-skin .form-row-wide { clear: both; } }
.fineaurah-skin input[type="checkbox"], .fineaurah-skin input[type="radio"] { accent-color: var(--fa-ink); width: 18px; height: 18px; margin-right: 8px; vertical-align: -3px; }
.fineaurah-skin .woocommerce-form__label-for-checkbox { display: flex; align-items: center; font-weight: 400; }

/* checkout layout */
.fineaurah-skin form.checkout { display: grid; gap: 40px; }
@media (min-width: 1024px) { .fineaurah-skin form.checkout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: start; } }
.fineaurah-skin .col2-set { display: grid; gap: 32px; }
.fineaurah-skin .col2-set .col-1, .fineaurah-skin .col2-set .col-2 { width: 100%; float: none; }
.fineaurah-skin #order_review_heading { margin: 0 0 20px; }
.fineaurah-skin #order_review { background: var(--fa-sand); padding: 28px; }
@media (min-width: 1024px) { .fineaurah-skin #order_review { position: sticky; top: 92px; } }

/* tables */
.fineaurah-skin table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.fineaurah-skin table th, .fineaurah-skin table td { padding: 14px 0; text-align: left; border-bottom: 1px solid var(--fa-stone); vertical-align: top; }
.fineaurah-skin table th { font-weight: 500; color: var(--fa-ink); }
.fineaurah-skin table .product-total, .fineaurah-skin table td:last-child { text-align: right; }
.fineaurah-skin .order-total th, .fineaurah-skin .order-total td { font-family: Manrope, Inter, sans-serif; font-size: 1.15rem; color: var(--fa-ink); border-bottom: 0; }
.fineaurah-skin .product-name .product-quantity { color: var(--fa-mute); font-weight: 400; }
.fineaurah-skin dl.variation { margin: 4px 0 0; font-size: .85rem; color: var(--fa-mute); }
.fineaurah-skin dl.variation dt, .fineaurah-skin dl.variation dd { display: inline; margin: 0; }
.fineaurah-skin dl.variation p { display: inline; margin: 0; }
.fineaurah-skin .woocommerce-orders-table, .fineaurah-skin .woocommerce-table--order-details { overflow-wrap: anywhere; }
@media (max-width: 639px) { .fineaurah-skin .woocommerce-orders-table thead { display: none; } .fineaurah-skin .woocommerce-orders-table td { display: flex; justify-content: space-between; gap: 16px; text-align: right; } .fineaurah-skin .woocommerce-orders-table td::before { content: attr(data-title); font-weight: 500; color: var(--fa-ink); text-align: left; } }

/* payment methods (gateway plugins such as Razorpay / Cashfree render inside #payment) */
.fineaurah-skin #payment { background: transparent; margin-top: 24px; }
.fineaurah-skin #payment ul.payment_methods { list-style: none; margin: 0 0 20px; padding: 0; border: 1px solid var(--fa-stone); }
.fineaurah-skin #payment ul.payment_methods > li { padding: 16px 18px; border-bottom: 1px solid var(--fa-stone); background: var(--fa-ivory); }
.fineaurah-skin #payment ul.payment_methods > li:last-child { border-bottom: 0; }
.fineaurah-skin #payment ul.payment_methods label { display: inline; font-size: 1rem; }
.fineaurah-skin #payment .payment_box { margin-top: 12px; padding: 14px 16px; background: var(--fa-sand); font-size: .9rem; color: var(--fa-ink-soft); }
.fineaurah-skin #payment .payment_box p { margin: 0; }
.fineaurah-skin .woocommerce-privacy-policy-text { font-size: .8rem; color: var(--fa-mute); margin-bottom: 16px; }

/* coupon / login toggles + notices */
.fineaurah-skin .woocommerce-info, .fineaurah-skin .woocommerce-message, .fineaurah-skin .woocommerce-error, .fineaurah-skin .woocommerce-notice {
  list-style: none; margin: 0 0 28px; padding: 16px 20px; background: var(--fa-sand); border: 0; border-left: 3px solid var(--fa-aurah); color: var(--fa-ink); font-size: .95rem;
}
.fineaurah-skin .woocommerce-error { border-left-color: var(--fa-danger); background: #f6e7e3; }
.fineaurah-skin .woocommerce-error li { margin: 2px 0; }
.fineaurah-skin form.checkout_coupon, .fineaurah-skin form.woocommerce-form-login, .fineaurah-skin form.woocommerce-form-register, .fineaurah-skin form.login, .fineaurah-skin form.register {
  border: 1px solid var(--fa-stone); padding: 24px; margin: 0 0 32px; border-radius: 0;
}
.fineaurah-skin .woocommerce-NoticeGroup, .fineaurah-skin .woocommerce-notices-wrapper { margin-bottom: 8px; }

/* my account */
.fineaurah-skin .woocommerce-account .woocommerce, .fineaurah-skin.woocommerce-account .woocommerce { display: grid; gap: 32px; }
@media (min-width: 900px) { .fineaurah-skin.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: 240px minmax(0, 1fr); gap: 56px; align-items: start; } }
.fineaurah-skin .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--fa-stone); }
.fineaurah-skin .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--fa-stone); }
.fineaurah-skin .woocommerce-MyAccount-navigation a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; text-decoration: none; font-weight: 500; font-size: .95rem; }
.fineaurah-skin .woocommerce-MyAccount-navigation .is-active a { color: var(--fa-aurah-deep); }
.fineaurah-skin .woocommerce-MyAccount-content { min-width: 0; }
.fineaurah-skin .u-columns { display: grid; gap: 32px; }
@media (min-width: 768px) { .fineaurah-skin .u-columns { grid-template-columns: 1fr 1fr; } }
.fineaurah-skin .u-column1, .fineaurah-skin .u-column2 { width: 100%; float: none; }
.fineaurah-skin .woocommerce-Addresses { display: grid; gap: 24px; }
@media (min-width: 768px) { .fineaurah-skin .woocommerce-Addresses { grid-template-columns: 1fr 1fr; } }
.fineaurah-skin address { font-style: normal; }

/* order received */
.fineaurah-skin .woocommerce-thankyou-order-received { font-family: Manrope, Inter, sans-serif; font-size: 1.4rem; color: var(--fa-ink); background: none; border: 0; padding: 0; }
.fineaurah-skin ul.woocommerce-order-overview { list-style: none; margin: 0 0 40px; padding: 24px; background: var(--fa-sand); display: grid; gap: 16px; font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; color: var(--fa-mute); }
@media (min-width: 768px) { .fineaurah-skin ul.woocommerce-order-overview { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }
.fineaurah-skin ul.woocommerce-order-overview strong { display: block; margin-top: 4px; font-size: 1rem; letter-spacing: 0; text-transform: none; color: var(--fa-ink); }

.blockUI.blockOverlay { background: rgba(250, 247, 242, .7) !important; }
@media (prefers-reduced-motion: reduce) { .fineaurah-skin * { transition-duration: .01ms !important; animation-duration: .01ms !important; } }
