/* =========================================================
   My Obscure Designs — cabinet (tokens, global chrome)
   ========================================================= */

:root {
  --mod-ink: #211d14;
  --mod-ink-deep: #140f0b;
  --mod-deep: #140f0b;
  --mod-teal: #293c3b;
  --mod-teal-deep: #1a2e2e;
  --mod-slate: #2f464e;
  --mod-cream: #f2e1cf;
  --mod-cream-bright: #fff5e1;
  --mod-brown: #5a3d29;
  --mod-chocolate: #5a3d29;
  --mod-gold: #b8956a;
  --mod-gold-bright: #d4b483;
  --mod-ochre: #956e4a;
  --mod-gutter: clamp(1rem, 4vw, 1.5rem);
  --mod-shop-max: 1120px;
  --mod-radius: 14px;
  --mod-radius-lg: 18px;
  --mod-font-serif: Georgia, "Times New Roman", serif;
  --mod-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html,
body {
  background:
    radial-gradient(ellipse at 50% -8%, #2f464e 0%, transparent 52%),
    radial-gradient(ellipse at 100% 90%, rgba(41, 60, 59, .85) 0%, transparent 42%),
    linear-gradient(165deg, #1a2e2e 0%, #211d14 48%, #140f0b 100%) !important;
  background-attachment: fixed !important;
  color: var(--mod-cream) !important;
}

html,
body,
#page,
.site { overflow-x: clip; }

body,
body.custom-background,
.site,
#page,
.site-content,
.content-area,
.woocommerce-page,
.right-sidebar .content-area,
.left-sidebar .content-area {
  background: transparent !important;
  color: var(--mod-cream) !important;
}

a { color: var(--mod-gold-bright) !important; }
a:hover,
a:focus { color: var(--mod-cream-bright) !important; }

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  outline-color: transparent !important;
}
a:focus-visible,
button:focus-visible {
  box-shadow: 0 0 0 2px rgba(184, 149, 106, .45) !important;
  outline: none !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.woocommerce-products-header__title,
.widget-title,
.storefront-product-section .section-title {
  color: var(--mod-cream-bright) !important;
  font-family: var(--mod-font-serif);
}

.entry-content,
.entry-summary,
.page-content,
p, li,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  color: var(--mod-cream) !important;
}

.home .entry-title,
.page-id-838 .entry-title { display: none !important; }

/* Forms */
input[type=search],
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=number],
textarea,
select,
.select2-container .select2-selection {
  background: rgba(20, 15, 11, .85) !important;
  color: var(--mod-cream) !important;
  border: 1px solid rgba(184, 149, 106, .35) !important;
  border-radius: 8px !important;
}

/* Buttons — exclude Read more toggle */
button:not(.mod-desc-toggle),
.button:not(.mod-desc-toggle),
input[type=submit],
input[type=button],
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button:not(.mod-desc-toggle),
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.added_to_cart,
.wc-block-components-button {
  background: var(--mod-gold) !important;
  color: var(--mod-ink) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  box-shadow: none !important;
  font-family: var(--mod-font-ui) !important;
}

button:not(.mod-desc-toggle):hover,
.button:not(.mod-desc-toggle):hover,
input[type=submit]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:not(.mod-desc-toggle):hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--mod-gold-bright) !important;
  color: var(--mod-ink) !important;
}

/* Read more toggle = text link, never gold pill */
button.mod-desc-toggle,
.mod-desc-toggle {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--mod-gold-bright) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-family: var(--mod-font-ui) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}
button.mod-desc-toggle:hover,
button.mod-desc-toggle:focus,
.mod-desc-toggle:hover,
.mod-desc-toggle:focus {
  background: transparent !important;
  color: var(--mod-cream-bright) !important;
  text-decoration: underline !important;
  box-shadow: none !important;
}

/* Widgets (non-footer) */
.widget-area,
#secondary {
  background: transparent !important;
  color: var(--mod-cream) !important;
}
#secondary .widget,
.widget-area .widget {
  background: rgba(33, 29, 20, .55) !important;
  border: 1px solid rgba(184, 149, 106, .22) !important;
  border-radius: 12px !important;
  padding: 1rem 1.1rem !important;
  margin-bottom: 1.25rem !important;
}
.widget a { color: var(--mod-gold-bright) !important; }
.widget ul li { border-color: rgba(184, 149, 106, .18) !important; }

/* Breadcrumbs */
.storefront-breadcrumb,
.woocommerce-breadcrumb {
  background: transparent !important;
  color: rgba(242, 225, 207, .65) !important;
}
html body.home .storefront-breadcrumb { display: none !important; }
html body .storefront-breadcrumb {
  background: var(--mod-deep) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(184, 149, 106, .22) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
html body .storefront-breadcrumb .col-full {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: .55rem var(--mod-gutter) !important;
  box-sizing: border-box !important;
}
html body .woocommerce-breadcrumb {
  margin: 0 !important;
  font-family: var(--mod-font-ui) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(242, 225, 207, .55) !important;
  background: transparent !important;
}
html body .woocommerce-breadcrumb a {
  color: var(--mod-gold-bright) !important;
  text-decoration: none !important;
  border: 0 !important;
}
html body .woocommerce-breadcrumb .breadcrumb-separator {
  color: rgba(184, 149, 106, .45) !important;
  margin: 0 .45rem !important;
}

/* Notices */
.woocommerce-info,
.woocommerce-message {
  background: rgba(41, 60, 59, .55) !important;
  border-top-color: var(--mod-gold) !important;
  color: var(--mod-cream) !important;
}

/* Tables / cart / checkout */
table,
.shop_table,
.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout #payment,
.woocommerce-checkout-review-order {
  background: rgba(33, 29, 20, .7) !important;
  color: var(--mod-cream) !important;
  border-color: rgba(184, 149, 106, .25) !important;
}
table th, table td,
.shop_table th, .shop_table td {
  border-color: rgba(184, 149, 106, .2) !important;
  color: var(--mod-cream) !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.page-numbers {
  background: rgba(33, 29, 20, .8) !important;
  color: var(--mod-cream) !important;
  border-color: rgba(184, 149, 106, .3) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.page-numbers.current {
  background: var(--mod-gold) !important;
  color: var(--mod-ink) !important;
}

hr { border-color: rgba(184, 149, 106, .25) !important; }

/* Hide handheld footer bar (header tray replaces it) */
html body .storefront-handheld-footer-bar {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* ===== No-sidebar full-width ===== */
.mod-nosidebar #secondary,
.mod-nosidebar .widget-area,
body.woocommerce #secondary,
body.woocommerce-page #secondary,
body.woocommerce-shop #secondary,
body.single-product #secondary,
body.woocommerce-cart #secondary,
body.woocommerce-checkout #secondary,
body.woocommerce-account #secondary,
body.page-id-1074 #secondary,
body.page-id-1074 .widget-area {
  display: none !important;
}

.mod-nosidebar #primary,
.mod-nosidebar .content-area,
body.woocommerce #primary,
body.woocommerce-page #primary,
body.woocommerce-shop #primary,
body.single-product #primary,
body.woocommerce-cart #primary,
body.woocommerce-checkout #primary,
body.woocommerce-account #primary,
body.page-id-1074 #primary,
body.page-id-1074 .content-area {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.mod-nosidebar #content.site-content > .col-full,
html body.woocommerce #content.site-content > .col-full,
html body.woocommerce-page #content.site-content > .col-full,
html body.page-id-742 #content.site-content > .col-full,
html body.woocommerce-shop #content.site-content > .col-full,
html body.home #content.site-content > .col-full,
html body.page-id-838 #content.site-content > .col-full,
html body.page-id-1074 #content.site-content > .col-full {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.mod-nosidebar .entry-content,
.mod-nosidebar .entry-content p,
.mod-nosidebar .entry-content li,
.mod-nosidebar .site-main,
body.woocommerce .site-main,
body.woocommerce-page .site-main {
  color: var(--mod-cream) !important;
}

/* ===== Contact / WPForms ===== */
body.page-id-1074 .site-main,
body.page-id-1074 .entry-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 2rem var(--mod-gutter) 3.5rem !important;
  box-sizing: border-box !important;
}
body.page-id-1074 .entry-title {
  text-align: center !important;
  margin: 0 0 1.25rem !important;
  font-family: var(--mod-font-serif) !important;
  color: var(--mod-cream-bright) !important;
}
.wpforms-container,
body.page-id-1074 .wpforms-container {
  margin-top: 1.25rem !important;
}
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=url],
.wpforms-container input[type=number],
.wpforms-container textarea,
.wpforms-container select,
.wpforms-field-container input,
.wpforms-field-container textarea,
.wpforms-field-container select,
body.page-id-1074 .wpforms-field input[type="text"],
body.page-id-1074 .wpforms-field input[type="email"],
body.page-id-1074 .wpforms-field textarea {
  background: rgba(20, 15, 11, .92) !important;
  color: var(--mod-cream-bright) !important;
  border: 1px solid rgba(90, 61, 41, .85) !important;
  border-radius: 10px !important;
  padding: .7rem .9rem !important;
  box-shadow: none !important;
}
.wpforms-container label,
.wpforms-field-label,
.wpforms-field-sublabel,
body.page-id-1074 .wpforms-field-label,
body.page-id-1074 .wpforms-field-sublabel {
  color: var(--mod-cream) !important;
  font-family: var(--mod-font-ui) !important;
  font-size: .85rem !important;
  letter-spacing: .04em;
}
body.page-id-1074 .wpforms-required-label { color: var(--mod-gold-bright) !important; }
body.page-id-1074 .wpforms-field input:focus,
body.page-id-1074 .wpforms-field textarea:focus {
  border-color: var(--mod-gold) !important;
  outline: none !important;
}
.wpforms-submit,
.wpforms-submit-container button[type=submit],
body.page-id-1074 .wpforms-submit {
  background: var(--mod-gold) !important;
  color: var(--mod-deep) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-size: .78rem !important;
  padding: .7rem 1.4rem !important;
  font-family: var(--mod-font-ui) !important;
}
.wpforms-submit:hover,
body.page-id-1074 .wpforms-submit:hover {
  background: var(--mod-gold-bright) !important;
}
body.page-id-1074 .wpforms-confirmation-container-full,
body.page-id-1074 div[submit-success] > p {
  background: var(--mod-deep) !important;
  border: 1px solid var(--mod-chocolate) !important;
  color: var(--mod-cream) !important;
  border-radius: 12px !important;
}

/* ===== Kadence layout / chrome ===== */
html body #wrapper,
html body #inner-wrap,
html body .content-container,
html body .entry-content-wrap,
html body .site-container,
html body .content-wrap,
html body .wp-site-blocks {
  background: transparent !important;
  color: var(--mod-cream) !important;
}

/* Hide Kadence sidebars on nosidebar views */
.mod-nosidebar #secondary,
.mod-nosidebar .primary-sidebar,
.mod-nosidebar aside.widget-area,
body.mod-nosidebar .content-container.has-sidebar {
  --global-sidebar-width: 0 !important;
}
.mod-nosidebar .primary-sidebar,
.mod-nosidebar #secondary,
body.mod-nosidebar .wp-site-blocks .primary-sidebar {
  display: none !important;
}
.mod-nosidebar .content-container,
.mod-nosidebar .entry.content-bg,
.mod-nosidebar .content-wrap,
body.mod-nosidebar .site-container,
body.mod-nosidebar .content-container {
  max-width: none !important;
  width: 100% !important;
  grid-template-columns: 1fr !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Unbox / full bleed heroes */
.mod-nosidebar .entry-content-wrap,
.mod-nosidebar .content-bg,
body.home .entry-content-wrap,
body.page-id-838 .entry-content-wrap,
body.page-id-742 .entry-content-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}
body.home .entry-hero,
body.page-id-838 .entry-hero,
body.page-id-742 .entry-hero,
body.woocommerce-shop .entry-hero,
.mod-nosidebar .entry-hero .entry-header {
  display: none !important;
}

/* Kadence page title area on contact stays */
body.page-id-1074 .entry-hero .entry-header,
body.page-id-1074 .entry-title {
  color: var(--mod-cream-bright) !important;
}

/* Content cards */
.content-bg,
.entry.content-bg,
.loop-entry,
.wp-block-kadence-rowlayout {
  background: transparent !important;
  box-shadow: none !important;
}

/* Hide Kadence entry heroes on cabinet pages (content has its own) */
body.home .entry-hero,
body.page-id-838 .entry-hero,
body.page-id-742 .entry-hero,
body.woocommerce-shop .entry-hero.product-hero-section,
body.archive.post-type-archive-product .entry-hero {
  display: none !important;
}
body.home .entry-hero .entry-title,
body.page-id-838 .entry-title.entry-title {
  display: none !important;
}