/* ============================================================
   Wissam Abboud — companion stylesheet for pages that are NOT
   rendered through [wa_page] (WooCommerce shop/cart/checkout/
   account pages, and the Privacy Policy page). These render on
   the blank theme with no .wa-page wrapper, so this file hardcodes
   the same colors/fonts instead of relying on the .wa-page custom
   properties defined in wa-shared.css.

   Scope: every selector is gated under .woocommerce / .woocommerce-page
   (added by WooCommerce itself) or .wa-basic (added via the body_class
   filter in wissam-abboud-site.php only on the pages this stylesheet
   is enqueued for). Keep this file additive and narrow — it must
   never leak onto [wa_page] pages.
   ============================================================ */

/* ========================================
   TYPOGRAPHY & LINKS
   ======================================== */
.wa-basic,
.woocommerce,
.woocommerce-page {
  font-family: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #444444;
}

.wa-basic h1, .wa-basic h2, .wa-basic h3, .wa-basic h4, .wa-basic h5, .wa-basic h6,
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4 {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  color: #1A1A1A;
  font-weight: 500;
  line-height: 1.2;
}

.wa-basic a,
.woocommerce a,
.woocommerce-page a {
  color: #8A6D3B;
  text-decoration: none;
  transition: color 0.2s ease;
}

.wa-basic a:hover,
.woocommerce a:hover,
.woocommerce-page a:hover {
  color: #6F5730;
}

/* ========================================
   CONTENT WIDTH
   ======================================== */
.wa-basic .wa-basic__content,
.woocommerce,
.woocommerce-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ========================================
   GLOBAL HEADER AND FOOTER (WA_GLOBAL_CHROME)
   Only present when the plugin prints its own header and footer on
   theme-rendered pages. The nav is position:fixed, so reserve its height
   or the theme's first block sits underneath it. 80px mirrors
   --nav-height in wa-shared.css; this file cannot read that token
   because it is defined on .wa-page, so keep the two in sync.
   ======================================== */
body.wa-has-chrome {
  padding-top: 80px;
}

/* Match the nav offsets used for the WP admin bar in wa-shared.css. */
body.wa-has-chrome.admin-bar {
  padding-top: 112px; /* 80 + 32 */
}

@media (max-width: 782px) {
  body.wa-has-chrome.admin-bar {
    padding-top: 126px; /* 80 + 46 */
  }
}

/* Below 600px the admin bar scrolls away, so drop the extra offset. */
@media (max-width: 600px) {
  body.wa-has-chrome.admin-bar {
    padding-top: 80px;
  }
}

/* The chrome wrappers carry design tokens only; they must not add a page
   background or box of their own around the nav and footer. */
.wa-page--chrome {
  background: none;
}

/* ========================================
   BLOG POSTS AND ARCHIVES
   Rendered by the theme, not by [wa_page], so they only get the shared
   fonts and colors above. These few rules give the text a readable
   measure and some breathing room. Kept to standard WordPress class
   names, and additive, so a theme that already handles layout wins.
   ======================================== */
.wa-basic .entry-header,
.wa-basic .entry-content {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.wa-basic .entry-content > * + * {
  margin-top: 1.2em;
}

.wa-basic .entry-content img {
  max-width: 100%;
  height: auto;
}

.wa-basic .entry-content blockquote {
  border-left: 3px solid #C8A96E;
  padding-left: 20px;
  margin-left: 0;
  font-style: italic;
  color: #6B6B6B;
}

/* ========================================
   BUTTONS (mirrors .btn--primary in wa-shared.css)
   ======================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  background: #C8A96E;
  color: #1A1A1A;
  font-family: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 14.4px 32px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: #B8964E;
  color: #1A1A1A;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
  background: #1A1A1A;
  color: #fff;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  background: #333;
  color: #fff;
}

/* ========================================
   FORM FIELDS (mirrors .form-group input in page-contact.css)
   ======================================== */
.woocommerce input[type="text"], .woocommerce input[type="email"],
.woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce input[type="number"], .woocommerce textarea, .woocommerce select,
.woocommerce-page input[type="text"], .woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"], .woocommerce-page input[type="password"],
.woocommerce-page input[type="number"], .woocommerce-page textarea, .woocommerce-page select {
  width: 100%;
  font-family: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
  font-size: 16px;
  color: #1A1A1A;
  background: #FAFAFA;
  border: 1px solid #E8E4DF;
  padding: 12px 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus,
.woocommerce-page input:focus, .woocommerce-page textarea:focus, .woocommerce-page select:focus {
  outline: none;
  border-color: #C8A96E;
  box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.1);
}

.woocommerce label,
.woocommerce-page label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1A1A1A;
}

/* ========================================
   MISC WOOCOMMERCE ACCENTS
   ======================================== */
.woocommerce .price,
.woocommerce-page .price {
  color: #1A1A1A;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info {
  border-top-color: #C8A96E;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce-page .woocommerce-message::before,
.woocommerce-page .woocommerce-info::before {
  color: #C8A96E;
}