/* Community-site additions — WooCommerce + Fluent forms skinned with the
   Return to Self palette (CSS variables injected by rts_customizer_css). */

/* WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button,
.wp-element-button {
  background: var(--rust) !important;
  color: var(--white) !important;
  font-family: var(--sans) !important;
  border: none !important;
  border-radius: 2px !important;
  letter-spacing: .04em;
  transition: opacity .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover,
.wp-element-button:hover { opacity: .85; }

/* WooCommerce typography + prices */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.wc-block-components-title,
.default-page-title { font-family: var(--serif); color: var(--text); }
.woocommerce .price, .woocommerce span.amount { color: var(--textm); }

/* Notices */
.woocommerce-message, .woocommerce-info {
  background: var(--cream2);
  color: var(--textm);
  border-top-color: var(--rust);
}

/* Form fields (Woo + Fluent Forms) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.fluentform .ff-el-form-control {
  background: var(--white);
  border: 1px solid var(--taupe);
  color: var(--text);
  font-family: var(--sans);
  border-radius: 2px;
}
.fluentform .ff-btn-submit {
  background: var(--rust) !important;
  color: var(--white) !important;
  font-family: var(--sans) !important;
  border: none !important;
  border-radius: 2px !important;
}

/* Shop ordering dropdown (renders as a bare browser select otherwise) */
.woocommerce .woocommerce-ordering select,
.wc-block-product-filters select {
  background: var(--white);
  border: 1px solid var(--taupe);
  color: var(--textm);
  font-family: var(--sans);
  padding: 6px 10px;
  border-radius: 2px;
}

/* ---------- My Account: profile layout ---------- */

.rts-profile { max-width: 1060px; margin: 0 auto 60px; }

.rts-profile-cover {
  height: 260px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(120deg, var(--cream3) 0%, var(--taupe) 55%, var(--sage) 100%);
  background-size: cover;
  background-position: center;
}

.rts-profile-head {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  padding: 0 28px;
  flex-wrap: wrap;
}
.rts-profile-avatar {
  margin-top: -56px;
  width: 152px; height: 152px;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid var(--white);
  background: var(--white);
  box-shadow: 0 2px 12px rgba(44,32,24,.18);
}
.rts-profile-id { flex: 1; min-width: 220px; padding-top: 10px; }
.rts-profile-name {
  font-family: var(--serif);
  color: var(--text);
  font-size: 30px;
  margin: 0 0 2px;
  line-height: 1.15;
}
.rts-profile-points {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--white);
  background: var(--rust);
  border-radius: 20px;
  padding: 3px 10px;
  vertical-align: middle;
  margin-inline-start: 8px;
  white-space: nowrap;
}
.rts-profile-sub { font-family: var(--sans); color: var(--textl); font-size: 13.5px; }
.rts-profile-handle { color: var(--warm); direction: ltr; unicode-bidi: isolate; display: inline-block; }
.rts-profile-sub { unicode-bidi: plaintext; }
.rts-profile-bio { font-family: var(--sans); color: var(--textm); font-size: 14px; margin: 6px 0 0; max-width: 560px; unicode-bidi: plaintext; }

.rts-profile-actions { display: flex; gap: 10px; padding-top: 14px; flex-wrap: wrap; }
.rts-btn {
  font-family: var(--sans);
  font-size: 13px;
  letter-spacing: .03em;
  padding: 9px 18px;
  border-radius: 3px;
  text-decoration: none;
  transition: opacity .2s ease;
  white-space: nowrap;
}
.rts-btn:hover { opacity: .82; }
.rts-btn-solid { background: var(--rust); color: var(--white) !important; }
.rts-btn-line  { border: 1px solid var(--warm); color: var(--textm) !important; background: var(--white); }

.rts-profile-stats {
  display: flex;
  gap: 8px;
  margin: 22px 28px 0;
  padding: 14px 0;
  border-top: 1px solid var(--cream3);
  border-bottom: 1px solid var(--cream3);
  flex-wrap: wrap;
}
.rts-stat {
  flex: 1 1 110px;
  text-align: center;
  text-decoration: none;
  padding: 6px 4px;
  border-radius: 6px;
}
a.rts-stat:hover { background: var(--cream2); }
.rts-stat-n {
  display: block;
  font-family: var(--serif);
  font-size: 26px;
  color: var(--text);
  line-height: 1.1;
}
.rts-stat-l { font-family: var(--sans); font-size: 12.5px; letter-spacing: .05em; color: var(--textl); text-transform: uppercase; }

.rts-profile-body { padding: 26px 28px 0; }

/* WooCommerce account nav → horizontal profile tabs */
.rts-profile-body .woocommerce-MyAccount-navigation { float: none; width: 100%; margin-bottom: 26px; }
.rts-profile-body .woocommerce-MyAccount-navigation ul {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0; padding: 0;
  border-bottom: 1px solid var(--cream3);
  overflow-x: auto;
}
.rts-profile-body .woocommerce-MyAccount-navigation li { margin: 0; }
.rts-profile-body .woocommerce-MyAccount-navigation a {
  display: block;
  font-family: var(--sans);
  font-size: 13.5px;
  color: var(--textm);
  text-decoration: none;
  padding: 11px 16px;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
}
.rts-profile-body .woocommerce-MyAccount-navigation li.is-active a,
.rts-profile-body .woocommerce-MyAccount-navigation a:hover {
  color: var(--text);
  border-bottom-color: var(--rust);
}
.rts-profile-body .woocommerce-MyAccount-content { float: none; width: 100%; font-family: var(--sans); color: var(--textm); }
.rts-profile-body .woocommerce-MyAccount-content a { color: var(--rust); }

/* Guest (logged-out) state */
.rts-profile-guest-inner { max-width: 560px; margin: -40px auto 0; text-align: center; background: var(--white); border-radius: 10px; padding: 34px 30px; box-shadow: 0 2px 14px rgba(44,32,24,.08); }
.rts-profile-guest .rts-profile-body { padding: 20px 0 0; }
.rts-profile-guest .woocommerce { text-align: start; }

@media (max-width: 640px) {
  .rts-profile { overflow-x: hidden; }
  .rts-profile-cover { height: 170px; }
  .rts-profile-head { gap: 12px; padding: 0 16px; }
  .rts-profile-avatar { width: 104px; height: 104px; margin-top: -44px; }
  .rts-profile-id { min-width: 0; }
  .rts-profile-name { font-size: 23px; }
  .rts-profile-actions { padding-top: 8px; }
  .rts-profile-stats { display: grid; grid-template-columns: 1fr 1fr; margin: 16px 16px 0; }
  .rts-profile-body { padding: 20px 16px 0; }
}

/* Page background matches the main site */
body { background: var(--cream); }