/* Samino — my-account page (login / register / dashboard) */

body.samino-account-page { background-color: #FFF7E8; }

/* ======================================================================
   AUTH (logged-out) — split-screen
====================================================================== */

.samino-account__auth {
  display: grid;
  grid-template-columns: 1fr;
  min-height: calc(100vh - 96px); /* viewport minus the fixed nav */
}
@media (min-width: 1024px) {
  .samino-account__auth { grid-template-columns: 1.05fr 1fr; }
}

/* Brand pane */

.samino-account__auth-brand {
  position: relative;
  min-height: 280px;
  display: flex;
  align-items: flex-end;
  padding: 56px;
  color: #fff;
  overflow: hidden;
  background: #2c1f12;
}
.samino-account__auth-bg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.65;
}
.samino-account__auth-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(28,28,28,0.70) 0%, rgba(28,28,28,0.35) 60%, rgba(28,28,28,0.10) 100%),
    radial-gradient(circle at 20% 80%, rgba(255,138,91,0.25), transparent 60%);
}
.samino-account__auth-quote {
  position: relative;
  z-index: 2;
  max-width: 540px;
}
.samino-account__auth-eyebrow {
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #FFB180;
  font-weight: 700;
  margin-bottom: 18px;
}
.samino-account__auth-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 4.2vw, 44px);
  line-height: 1.1;
  margin-bottom: 16px;
  letter-spacing: -0.01em;
}
.samino-account__auth-subtitle {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
  max-width: 420px;
}
.samino-account__auth-back {
  position: absolute;
  top: 32px;
  left: 32px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .2s;
}
.samino-account__auth-back:hover { background: rgba(255,255,255,0.22); }

/* Form pane */

.samino-account__auth-form {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 24px;
}
.samino-account__auth-card {
  width: 100%;
  max-width: 460px;
}

/* Tabs */

.samino-tabs {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  border: 1px solid #ECE6D7;
  border-radius: 999px;
  padding: 5px;
  margin-bottom: 32px;
}
.samino-tabs__btn {
  position: relative;
  z-index: 2;
  background: transparent;
  border: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7A7A;
  padding: 12px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: color .2s;
}
.samino-tabs__btn.is-active { color: #fff; }
.samino-tabs__indicator {
  position: absolute;
  z-index: 1;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: calc(50% - 5px);
  background: #1C1C1C;
  border-radius: 999px;
  transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1);
}
.samino-tabs[data-active="register"] .samino-tabs__indicator {
  transform: translateX(100%);
}

/* Form panels */

.samino-account__form { display: none; }
.samino-account__form.is-active { display: block; }

/* ====== Floating-label fields (shared with contact page) ====== */

.samino-field {
  position: relative;
  margin-bottom: 16px;
}
.samino-field input,
.samino-field textarea {
  width: 100%;
  padding: 22px 16px 12px;
  background: #FFF7E8;
  border: 1.5px solid #ECE6D7;
  border-radius: 12px;
  font-size: 14px;
  font-family: inherit;
  color: #1C1C1C;
  transition: border-color .15s, background .15s;
  outline: none;
  box-sizing: border-box;
}
.samino-field textarea {
  min-height: 120px;
  padding-top: 26px;
  resize: vertical;
}
.samino-field input:focus,
.samino-field textarea:focus {
  border-color: #FF8A5B;
  background: #fff;
}
.samino-field label {
  position: absolute;
  left: 16px;
  top: 16px;
  font-size: 14px;
  color: #7A7A7A;
  pointer-events: none;
  transition: top .15s, font-size .15s, color .15s, letter-spacing .15s;
  background: transparent;
  padding: 0 4px;
}
.samino-field input:focus + label,
.samino-field input:not(:placeholder-shown) + label,
.samino-field textarea:focus + label,
.samino-field textarea:not(:placeholder-shown) + label {
  top: 6px;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #FF8A5B;
  font-weight: 700;
}

.samino-account__form-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.2vw, 34px);
  line-height: 1.15;
  margin-bottom: 6px;
  color: #1C1C1C;
}
.samino-account__form-sub {
  font-size: 13px;
  color: #7A7A7A;
  margin-bottom: 22px;
}

.samino-account__form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}

.samino-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4a4a4a;
  cursor: pointer;
}
.samino-checkbox input { width: 16px; height: 16px; accent-color: #FF8A5B; }

.samino-account__forgot {
  font-size: 13px;
  color: #FF8A5B;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,138,91,0.4);
  transition: border-color .15s;
}
.samino-account__forgot:hover { border-color: #FF8A5B; }

.samino-account__submit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: center;
  padding: 16px 24px;
  background: #1C1C1C;
  color: #fff;
  border: 0;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s, transform .15s;
}
.samino-account__submit:hover { background: #FF8A5B; }
.samino-account__submit:active { transform: translateY(1px); }

.samino-account__form-foot {
  text-align: center;
  font-size: 13px;
  color: #4a4a4a;
  margin-top: 18px;
}
.samino-account__link-btn {
  background: transparent;
  border: 0;
  font-size: 13px;
  color: #FF8A5B;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin-left: 4px;
}
.samino-account__link-btn:hover { text-decoration: underline; }

.samino-account__form-fineprint {
  font-size: 12px;
  color: #7A7A7A;
  text-align: center;
  margin-top: 12px;
  line-height: 1.55;
}
.samino-account__form-fineprint a {
  color: #FF8A5B;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,138,91,0.4);
}

/* ======================================================================
   DASHBOARD (logged-in)
====================================================================== */

.samino-account__hero {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 138, 91, 0.10), transparent 55%),
    #FFF7E8;
  padding: 80px 24px 40px;
  border-bottom: 1px solid rgba(28, 28, 28, 0.06);
}
.samino-account__hero-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.samino-account__hero-eyebrow {
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #FF8A5B;
  font-weight: 700;
  margin-bottom: 12px;
}
.samino-account__hero-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 4.5vw, 48px);
  line-height: 1.1;
  margin-bottom: 12px;
  color: #1C1C1C;
}
.samino-account__hero-sub {
  font-size: 15px;
  line-height: 1.6;
  color: #4a4a4a;
  max-width: 560px;
}

/* Quick action grid */

.samino-account__quick-grid { padding: 32px 24px 48px; }
.samino-account__quick-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 640px) { .samino-account__quick-inner { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .samino-account__quick-inner { grid-template-columns: repeat(4, 1fr); } }

.samino-account__quick-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 24px;
  background: #fff;
  border: 1px solid #ECE6D7;
  border-radius: 16px;
  text-decoration: none;
  color: #1C1C1C;
  transition: transform .2s, box-shadow .25s, border-color .2s;
}
.samino-account__quick-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 32px -22px rgba(28, 28, 28, 0.18);
  border-color: rgba(255, 138, 91, 0.4);
}
.samino-account__quick-icon {
  flex-shrink: 0;
  width: 42px; height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFF7E8;
  color: #FF8A5B;
  border-radius: 12px;
}
.samino-account__quick-label {
  font-size: 14px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 2px;
}
.samino-account__quick-meta {
  font-size: 12px;
  color: #7A7A7A;
}
.samino-account__quick-arrow {
  margin-left: auto;
  color: #C4C4C4;
  transition: transform .2s, color .2s;
}
.samino-account__quick-card:hover .samino-account__quick-arrow {
  color: #FF8A5B;
  transform: translateX(2px);
}

/* WC content panel — minimal restyle of WC's default markup */

.samino-account__panel {
  padding: 16px 24px 80px;
}
.samino-account__panel-inner {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ECE6D7;
  border-radius: 22px;
  padding: clamp(24px, 4vw, 40px);
}

/* WC default markup overrides — small surface area, just enough to fit */
.samino-account__panel-inner .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border-bottom: 1px solid #ECE6D7;
  padding-bottom: 12px;
}
.samino-account__panel-inner .woocommerce-MyAccount-navigation li a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7A7A7A;
  text-decoration: none;
  border-radius: 8px;
  transition: all .15s;
}
.samino-account__panel-inner .woocommerce-MyAccount-navigation li a:hover {
  color: #1C1C1C;
  background: #FFF7E8;
}
.samino-account__panel-inner .woocommerce-MyAccount-navigation li.is-active a,
.samino-account__panel-inner .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  background: #1C1C1C;
  color: #fff;
}
.samino-account__panel-inner table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.samino-account__panel-inner table th,
.samino-account__panel-inner table td {
  padding: 14px 12px;
  border-bottom: 1px solid #ECE6D7;
  text-align: left;
}
.samino-account__panel-inner table th {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #7A7A7A;
  background: #FFF7E8;
}
.samino-account__panel-inner .button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: #1C1C1C;
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s;
}
.samino-account__panel-inner .button:hover { background: #FF8A5B; }

/* ========================================================================
   WooCommerce inner-account templates (edit-account, edit-address, addresses
   listing). With CSS isolation stripping WC's own stylesheet, these markup
   surfaces would otherwise render as raw browser defaults. The rules below
   target the actual WC class names — `.form-row` (not woocommerce-form-row),
   `.input-text`, `.select2-container` — and give them the same visual
   language as the rest of the Samino account UI.
   ======================================================================== */

/* Account-page intro paragraph WC drops above forms / lists. */
.samino-account__panel-inner > p,
.samino-account__panel-inner .woocommerce-MyAccount-content > p {
  font-size: 14px;
  line-height: 1.6;
  color: #7A7A7A;
  margin: 0 0 18px;
}

/* Notice wrapper — home.css gives `.woocommerce-notices-wrapper` a 1300px
   max-width + horizontal padding intended for full-page banners. Inside
   the account panel that wrapper would push the banner ~24px right of
   where the form labels start. Reset both so banner edges align flush
   with the form. */
.samino-account__panel-inner .woocommerce-notices-wrapper {
  max-width: none;
  margin: 0 0 18px;
  padding: 0;
}
.samino-account__panel-inner .woocommerce-MyAccount-content > p strong { color: #1C1C1C; }
.samino-account__panel-inner h3 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1C1C1C;
  margin: 28px 0 14px;
}
.samino-account__panel-inner h3:first-child { margin-top: 0; }

/* ----- Edit-account / edit-address forms -----
   `.woocommerce-EditAccountForm` IS the form element (edit-account screen).
   `.woocommerce-address-fields__field-wrapper` is a div INSIDE the address
   form (edit-address screen) — that's the actual fields container, sibling
   to the heading and submit row. Apply grid to whichever is present. */
.samino-account__panel-inner form.woocommerce-EditAccountForm,
.samino-account__panel-inner form.edit-account,
.samino-account__panel-inner .woocommerce-address-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 760px;
}
@media (min-width: 720px) {
  .samino-account__panel-inner form.woocommerce-EditAccountForm,
  .samino-account__panel-inner form.edit-account,
  .samino-account__panel-inner .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
/* Safety net — if a browser/edge case skips the grid container, the row
   margin keeps fields visually separated. Harmless when grid is active
   because the rows are flex children of the grid (margin collapsing not
   an issue). */
.samino-account__panel-inner .form-row + .form-row,
.samino-account__panel-inner p.form-row + p.form-row { margin-top: 0; }

/* WC's actual row classes are `.form-row.form-row-first` / `.form-row-last`
   / `.form-row-wide`. The `<p>` element is the row itself — strip its
   margin and stack label + input vertically. */
.samino-account__panel-inner .form-row,
.samino-account__panel-inner p.form-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.samino-account__panel-inner .form-row-wide,
.samino-account__panel-inner p.form-row-wide,
.samino-account__panel-inner fieldset,
.samino-account__panel-inner .woocommerce-form__label-for-checkbox {
  grid-column: 1 / -1;
}

.samino-account__panel-inner .form-row > label,
.samino-account__panel-inner form.edit-account > p > label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1C1C1C;
  margin: 0;
}
.samino-account__panel-inner .form-row .required,
.samino-account__panel-inner .form-row .optional {
  color: #B14B22;
  text-decoration: none;
  margin-left: 2px;
}
.samino-account__panel-inner .form-row .optional { color: #7A7A7A; }
.samino-account__panel-inner em.woocommerce-form__optional { color: #7A7A7A; font-style: normal; }

.samino-account__panel-inner .woocommerce-input-wrapper { display: block; }

/* Inputs / selects / textareas across the panel. */
.samino-account__panel-inner .input-text,
.samino-account__panel-inner input[type="text"],
.samino-account__panel-inner input[type="email"],
.samino-account__panel-inner input[type="tel"],
.samino-account__panel-inner input[type="password"],
.samino-account__panel-inner input[type="number"],
.samino-account__panel-inner select,
.samino-account__panel-inner textarea {
  width: 100%;
  padding: 12px 14px;
  background: #FFF7E8;
  border: 1.5px solid #ECE6D7;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #1C1C1C;
  outline: none;
  transition: border-color .15s, background .15s;
  box-sizing: border-box;
}
.samino-account__panel-inner .input-text:focus,
.samino-account__panel-inner input:focus,
.samino-account__panel-inner select:focus,
.samino-account__panel-inner textarea:focus {
  border-color: #FF8A5B;
  background: #fff;
}

/* Select2 dropdowns (Country / State / City). WC ships Select2 which wraps
   the native <select> — restyle the wrapper since the underlying <select>
   is hidden. */
.samino-account__panel-inner .select2-container { width: 100% !important; }
.samino-account__panel-inner .select2-container--default .select2-selection--single {
  height: 46px;
  background: #FFF7E8;
  border: 1.5px solid #ECE6D7;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 14px;
}
.samino-account__panel-inner .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 1.4;
  color: #1C1C1C;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
.samino-account__panel-inner .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #9aa0a6;
}
.samino-account__panel-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 12px;
}
.samino-account__panel-inner .select2-container--default.select2-container--open .select2-selection--single,
.samino-account__panel-inner .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #FF8A5B;
  background: #fff;
}
/* Dropdown panel (rendered at body root, not inside the panel). */
.select2-dropdown {
  border: 1.5px solid #ECE6D7;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(28,28,28,0.08);
}
.select2-results__option { padding: 10px 14px; font-size: 14px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #FF8A5B;
  color: #fff;
}
.select2-search--dropdown .select2-search__field {
  padding: 8px 10px;
  border: 1.5px solid #ECE6D7;
  border-radius: 8px;
  font-size: 13px;
}

.samino-account__panel-inner fieldset {
  border: 0;
  padding: 0;
  margin: 8px 0 0;
}
.samino-account__panel-inner fieldset legend {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1C1C1C;
  margin-bottom: 14px;
  display: block;
  padding: 0;
}
.samino-account__panel-inner fieldset .form-row { margin-top: 16px; }

/* Submit row — covers three layouts:
   - edit-account form: button inside the form's grid → `.form-row:has(submit)`
   - edit-address: button is a <p> sibling of `.woocommerce-address-fields__field-wrapper`
   - generic: any direct <p> child of the form holding a submit button */
.samino-account__panel-inner form .form-row:has(> button[type="submit"]),
.samino-account__panel-inner form > p:has(> button[type="submit"]),
.samino-account__panel-inner .woocommerce-address-fields > p:has(button[type="submit"]),
.samino-account__panel-inner .woocommerce-address-fields > p:last-child {
  grid-column: 1 / -1;
  margin: 24px 0 0;
}
.samino-account__panel-inner button[type="submit"],
.samino-account__panel-inner input[type="submit"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 22px;
  background: #1C1C1C;
  color: #fff;
  border: 0;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s;
  width: auto;
}
.samino-account__panel-inner button[type="submit"]:hover,
.samino-account__panel-inner input[type="submit"]:hover { background: #FF8A5B; }

/* ----- Addresses listing (My Account → Addresses) ----- */
.samino-account__panel-inner .woocommerce-Addresses,
.samino-account__panel-inner .u-columns.col2-set.addresses {
  display: grid;
  gap: 20px;
  margin: 18px 0 0;
}
@media (min-width: 720px) {
  .samino-account__panel-inner .woocommerce-Addresses,
  .samino-account__panel-inner .u-columns.col2-set.addresses {
    grid-template-columns: 1fr 1fr;
  }
}
.samino-account__panel-inner .woocommerce-Address {
  background: #FFF7E8;
  border: 1px solid #ECE6D7;
  border-radius: 14px;
  padding: 22px 24px;
  width: 100%;
}
.samino-account__panel-inner .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}
.samino-account__panel-inner .woocommerce-Address-title h2,
.samino-account__panel-inner .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1C1C1C;
}
.samino-account__panel-inner .woocommerce-Address-title .edit {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #FF8A5B;
  text-decoration: none;
  white-space: nowrap;
}
.samino-account__panel-inner .woocommerce-Address-title .edit:hover { color: #1C1C1C; }
.samino-account__panel-inner .woocommerce-Address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
  color: #1C1C1C;
}
.samino-account__panel-inner .woocommerce-Address address:empty::before {
  content: "Not added yet.";
  color: #7A7A7A;
  font-size: 13px;
}

/* Orders list — Pay / View / Cancel buttons should sit with breathing room
   instead of butting up against each other. The WC default markup outputs
   each <a class="button"> sequentially with no gap. */
.samino-account__panel-inner .woocommerce-orders-table__cell-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.samino-account__panel-inner .woocommerce-orders-table__cell-order-actions .button,
.samino-account__panel-inner .woocommerce-orders-table__cell-order-actions .woocommerce-button {
  margin: 0;
}

/* Mobile — table → stacked cards. WC's wide 5-column layout (Order / Date /
   Status / Total / Actions) doesn't fit on a 414px viewport without action
   buttons clipping. Each <tr> becomes a card; each <td> becomes a row with
   its data-title as the label on the left and the value on the right. */
@media (max-width: 768px) {
  .samino-account__panel-inner .woocommerce-orders-table,
  .samino-account__panel-inner .woocommerce-orders-table tbody,
  .samino-account__panel-inner .woocommerce-orders-table tr,
  .samino-account__panel-inner .woocommerce-orders-table td {
    display: block;
    width: 100%;
  }
  .samino-account__panel-inner .woocommerce-orders-table {
    border: none;
    background: transparent;
  }
  .samino-account__panel-inner .woocommerce-orders-table thead { display: none; }
  .samino-account__panel-inner .woocommerce-orders-table tr {
    background: #fff;
    border: 1px solid #ECE6D7;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 12px;
  }
  .samino-account__panel-inner .woocommerce-orders-table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border: none;
    text-align: right;
    font-size: 13px;
    color: #1C1C1C;
  }
  .samino-account__panel-inner .woocommerce-orders-table td::before {
    content: attr(data-title);
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #7A7A7A;
    font-weight: 500;
    flex: 0 0 auto;
  }
  .samino-account__panel-inner .woocommerce-orders-table__cell-order-number a {
    font-weight: 600;
    color: #1C1C1C;
    text-decoration: none;
  }
  .samino-account__panel-inner .woocommerce-orders-table__cell-order-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 12px;
    margin-top: 6px;
    border-top: 1px solid #F4EDDC;
  }
  .samino-account__panel-inner .woocommerce-orders-table__cell-order-actions::before {
    display: none;
  }
}

/* ============================================================
   View single order (/my-account/view-order/{id}/)
   ============================================================ */

.samino-view-order { font-size: 14px; color: #1C1C1C; }

/* Top bar — back link + status pill */
.samino-view-order__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.samino-view-order__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7A7A7A;
  text-decoration: none;
  font-weight: 500;
  transition: color .15s;
}
.samino-view-order__back:hover { color: #FF8A5B; }
.samino-view-order__status {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
}
.samino-view-order__status.is-active   { background: #E8F4FF; color: #1F6FB2; }
.samino-view-order__status.is-pending  { background: #FFF3DB; color: #A36A00; }
.samino-view-order__status.is-success  { background: #E5F6EC; color: #2E7D4F; }
.samino-view-order__status.is-failed   { background: #FBE6E6; color: #B83A3A; }

/* Heading */
.samino-view-order__heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.4vw, 36px);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #1C1C1C;
  margin: 0 0 4px;
  line-height: 1.1;
}
.samino-view-order__sub {
  font-size: 13px;
  color: #7A7A7A;
  margin: 0 0 28px;
}

/* Section titles */
.samino-view-order__section-title {
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: 500;
  color: #1C1C1C;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

/* Overview tiles */
.samino-view-order__overview {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.samino-view-order__overview li {
  background: #FFF7E8;
  border: 1px solid #ECE6D7;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.samino-view-order__overview-label {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7A7A;
  font-weight: 500;
}
.samino-view-order__overview li strong {
  font-size: 14px;
  font-weight: 600;
  color: #1C1C1C;
  word-break: break-word;
}
.samino-view-order__overview li strong .woocommerce-Price-amount,
.samino-view-order__overview li strong bdi {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
.samino-view-order__receipt-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FF8A5B;
  text-decoration: none;
  transition: color .15s;
}
.samino-view-order__receipt-link:hover { color: #1C1C1C; }
.samino-view-order__receipt-link svg { flex-shrink: 0; }

/* Order updates */
.samino-view-order__notes {
  background: #FFF7E8;
  border: 1px solid #ECE6D7;
  border-radius: 12px;
  padding: 18px 22px;
  margin-bottom: 32px;
}
.samino-view-order__notes-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.samino-view-order__notes-list li {
  padding-left: 14px;
  border-left: 2px solid #FF8A5B;
}
.samino-view-order__note-date {
  display: block;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7A7A7A;
  font-weight: 500;
  margin-bottom: 4px;
}
.samino-view-order__note-text {
  font-size: 14px;
  color: #1C1C1C;
  line-height: 1.5;
}
.samino-view-order__note-text p:last-child { margin-bottom: 0; }

/* Items table */
.samino-view-order__items {
  border: 1px solid #ECE6D7;
  border-radius: 12px;
  padding: 22px 24px;
  margin-bottom: 32px;
  background: #fff;
}
.samino-view-order__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
/* Reset the global account-panel table styles (cream <th> banners + 14px 12px
   cell padding) so this table follows our own layout. */
.samino-view-order__table th,
.samino-view-order__table td {
  background: transparent;
  border: none;
}
.samino-view-order__table thead th {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7A7A;
  font-weight: 500;
  text-align: left;
  padding: 6px 12px 14px;
  border-bottom: 1px solid #ECE6D7;
}
.samino-view-order__table thead th:first-child { padding-left: 4px; }
.samino-view-order__table thead th:last-child  { padding-right: 4px; }
.samino-view-order__table thead th.qty,
.samino-view-order__table thead th.amt { text-align: right; }
.samino-view-order__table tbody tr { border-bottom: 1px solid #F4EDDC; }
.samino-view-order__table tbody tr:last-child { border-bottom: none; }
.samino-view-order__table tbody td { padding: 18px 12px; vertical-align: middle; }
.samino-view-order__table tbody td:first-child { padding-left: 4px; }
.samino-view-order__table tbody td:last-child  { padding-right: 4px; }
.samino-view-order__table tbody td.qty,
.samino-view-order__table tbody td.amt {
  text-align: right;
  white-space: nowrap;
  color: #1C1C1C;
  font-weight: 500;
}
.samino-view-order__table tbody td.item { padding-right: 14px; }
.samino-view-order__item-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.samino-view-order__item-thumb {
  flex-shrink: 0;
  width: 56px; height: 56px;
  border-radius: 8px;
  overflow: hidden;
  background: #FFF7E8;
  border: 1px solid #ECE6D7;
}
.samino-view-order__item-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.samino-view-order__item-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.samino-view-order__item-name {
  font-size: 14px;
  font-weight: 500;
  color: #1C1C1C;
  text-decoration: none;
  line-height: 1.3;
}
.samino-view-order__item-name:hover { color: #FF8A5B; }
.samino-view-order__item-attrs {
  font-size: 12px;
  color: #7A7A7A;
}
.samino-view-order__item-attrs p { margin: 0; }
.samino-view-order__table tfoot tr { border-top: 1px solid #F4EDDC; }
.samino-view-order__table tfoot tr:first-child { border-top: 1.5px solid #ECE6D7; }
.samino-view-order__table tfoot th {
  text-align: left;
  padding: 12px 12px 12px 4px;
  font-size: 13px;
  font-weight: 500;
  color: #555;
}
.samino-view-order__table tfoot td.amt {
  text-align: right;
  padding: 12px 4px 12px 12px;
  color: #1C1C1C;
  font-weight: 500;
  white-space: nowrap;
}
.samino-view-order__table tfoot tr.is-total th,
.samino-view-order__table tfoot tr.is-total td {
  padding-top: 16px;
  font-size: 15px;
  color: #1C1C1C;
}
.samino-view-order__table tfoot tr.is-total td.amt,
.samino-view-order__table tfoot tr.is-total td.amt .woocommerce-Price-amount,
.samino-view-order__table tfoot tr.is-total td.amt bdi {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 600;
  color: #FFA500;
}

/* Address grid */
.samino-view-order__addresses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}
.samino-view-order__address {
  background: #fff;
  border: 1px solid #ECE6D7;
  border-radius: 12px;
  padding: 20px 22px;
}
.samino-view-order__address:only-child { grid-column: 1 / -1; max-width: 460px; }
.samino-view-order__address-title {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7A7A;
  font-weight: 500;
  margin: 0 0 10px;
}
.samino-view-order__address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
  color: #1C1C1C;
  margin: 0;
}
.samino-view-order__address-line {
  margin: 6px 0 0;
  font-size: 13px;
  color: #555;
}

/* Action bar */
.samino-view-order__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.samino-view-order__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  padding: 0 24px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.samino-view-order__btn--primary {
  background: #1C1C1C;
  color: #fff;
  border: 1.5px solid #1C1C1C;
}
.samino-view-order__btn--primary:hover { background: #FF8A5B; border-color: #FF8A5B; }
.samino-view-order__btn--ghost {
  background: transparent;
  color: #1C1C1C;
  border: 1.5px solid #1C1C1C;
}
.samino-view-order__btn--ghost:hover { background: #1C1C1C; color: #fff; }

/* Bury any leftover default WC view-order markup so it can't slip through */
.samino-view-order ~ .woocommerce-customer-details,
.samino-view-order ~ .woocommerce-order-details,
.samino-view-order .woocommerce-customer-details,
.samino-view-order .woocommerce-order-details { display: none; }

/* Mobile */
@media (max-width: 768px) {
  .samino-view-order__overview { grid-template-columns: repeat(2, 1fr); }
  .samino-view-order__addresses { grid-template-columns: 1fr; }
  .samino-view-order__items { padding: 18px 16px; }
  .samino-view-order__table thead { display: none; }
  .samino-view-order__table tbody tr {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "item amt"
      "qty  qty";
    gap: 4px 14px;
    padding: 14px 0;
  }
  .samino-view-order__table tbody td { padding: 0; border: none; }
  .samino-view-order__table tbody td.item { grid-area: item; padding-right: 0; }
  .samino-view-order__table tbody td.amt  { grid-area: amt; align-self: start; }
  .samino-view-order__table tbody td.qty  { grid-area: qty; text-align: left; color: #7A7A7A; font-size: 12px; font-weight: 400; }
  .samino-view-order__actions { flex-direction: column; align-items: stretch; }
  .samino-view-order__btn { width: 100%; }
}

/* ============================================================
   Print stylesheet — clean receipt when user clicks "Download receipt"
   ============================================================ */
@media print {
  /* Hide site chrome */
  body > nav,
  #navbar,
  #wpadminbar,
  .samino-mobile-menu,
  .samino-search-overlay,
  footer,
  .woocommerce-MyAccount-navigation,
  .samino-account__sidebar,
  .samino-view-order__topbar,
  .samino-view-order__actions,
  .samino-view-order__notes,
  .samino-account__hero,
  .samino-account__tabs {
    display: none !important;
  }

  /* Strip page chrome — full-bleed, white bg */
  body, body.samino-account-page,
  .samino-account__panel,
  .samino-account__panel-inner {
    background: #fff !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    max-width: none !important;
  }

  .samino-view-order { padding: 24px; }
  .samino-view-order__heading {
    font-size: 24px;
    margin-bottom: 4px;
  }

  /* Use static dark text instead of brand colours */
  .samino-view-order__overview li {
    background: #fff !important;
    border-color: #ddd !important;
  }
  .samino-view-order__items,
  .samino-view-order__address {
    border-color: #ddd !important;
    page-break-inside: avoid;
  }
  .samino-view-order__table tfoot tr.is-total td.amt,
  .samino-view-order__table tfoot tr.is-total td.amt .woocommerce-Price-amount,
  .samino-view-order__table tfoot tr.is-total td.amt bdi {
    color: #000 !important;
  }

  /* Repaint links as plain text */
  a, a:link { color: #000 !important; text-decoration: none !important; }
}

/* Hide plugin's extra buttons on view-order page */
.samino-view-order .wps_rma_view_order,
.samino-view-order form[action*="view-order-msg"],
.samino-view-order .order-again {
	display: none !important;
}

/* Samino — style the plugin's Return/Exchange form to match brand */
.samino-refund-form-wrap {
	background: #fff;
	border-radius: 16px;
	padding: 2rem;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.samino-refund-form-wrap table {
	width: 100%;
	border-collapse: collapse;
}
.samino-refund-form-wrap th,
.samino-refund-form-wrap td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #eee;
}
.samino-refund-form-wrap input[type="text"],
.samino-refund-form-wrap input[type="number"],
.samino-refund-form-wrap select,
.samino-refund-form-wrap textarea {
	border: 1px solid #DFE7E8;
	border-radius: 4px;
	padding: 10px 12px;
	width: 100%;
	font-family: Roboto, sans-serif;
}
.samino-refund-form-wrap input[type="submit"],
.samino-refund-form-wrap .Submit_Request {
	background: #FD9001;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 12px 28px;
	font-weight: 600;
	cursor: pointer;
}
.samino-refund-form-wrap input[type="submit"]:hover {
	background: #FC734F;
}

/* Hide WP Swings Return/Refund info block (heading, "No Refund Request
   Found" message, and Refund Rules) below the Return/Exchange button on
   the account order-view page. The button itself is separate and stays. */
.wps_rma_outer_wrap_info {
  display: none !important;
}

.wps_rma_return_rules,
.wps-rma-return-rules,
.rma_return_rules,
.wc_rrfq_rules,
[class*="return-rules"],
[class*="refund-rules"] {
  display: none !important;
}