/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme — EaseOfBiz
 * Author: Creative Themes / EaseOfBiz
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ============================================================
   HEADLESS APP PAGES — strip all Blocksy chrome
   Applied via Template: Headless in page-headless.php
   ============================================================ */

/* ============================================================
   BLOCKSY HARMONIZATION — blog + WooCommerce pages
   Match EaseOfBiz dark palette: #09090b bg, #f0ece3 text
   Clash Display headings, Inter body
   ============================================================ */

/* -- Google Fonts -- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* -- Root palette override -- */
:root {
  --theme-palette-color-1: #7c3aed;
  --theme-palette-color-2: #a78bfa;
  --theme-palette-color-3: #f0ece3;
  --theme-palette-color-4: #d4d4d8;
  --theme-palette-color-5: #3f3f46;
  --theme-palette-color-6: #27272a;
  --theme-palette-color-7: #18181b;
  --theme-palette-color-8: #09090b;

  --theme-text-color: #f0ece3;
  --theme-link-initial-color: #a78bfa;
  --theme-link-hover-color: #7c3aed;
  --theme-headings-color: #f0ece3;
  --theme-border-color: #27272a;
  --theme-button-background-initial-color: #7c3aed;
  --theme-button-background-hover-color: #6d28d9;
  --theme-button-text-initial-color: #ffffff;
  --theme-button-text-hover-color: #ffffff;

  /* Typography */
  --theme-font-size: 16px;
  --theme-line-height: 1.65;
}

/* -- Body -- */
body {
  background-color: #09090b;
  color: #f0ece3;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* -- Headings use Clash Display if loaded, fallback Inter -- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
  font-family: 'Clash Display', 'Inter', sans-serif;
  color: #f0ece3;
  letter-spacing: -0.01em;
  word-spacing: 0.05em;
}

/* Large display headings get a touch more breathing room */
h1, .eob-h1, .eob-hero-headline__primary, .eob-hero-headline__accent {
  letter-spacing: 0em;
  word-spacing: 0.08em;
}

h2, .eob-h2 {
  letter-spacing: -0.005em;
  word-spacing: 0.06em;
}

/* -- Links -- */
a { color: #a78bfa; }
a:hover { color: #7c3aed; }

/* -- Blocksy header harmonization (blog/WC pages) -- */
.ct-header {
  background: rgba(9,9,11,0.95) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #222;
}

.ct-header .ct-menu > li > a,
.ct-header .site-title a {
  color: #f0ece3 !important;
}

.ct-header .ct-menu > li > a:hover {
  color: #a78bfa !important;
}

/* -- Blocksy footer harmonization -- */
.ct-footer {
  background: #09090b !important;
  border-top: 1px solid #18181b;
  color: #71717a;
}

.ct-footer a { color: #a1a1aa; }
.ct-footer a:hover { color: #f0ece3; }

/* -- Blog post cards -- */
.ct-blog-grid .ct-card,
article.post {
  background: #111113;
  border: 1px solid #1f1f23;
  border-radius: 12px;
}

/* -- WooCommerce -- */
.woocommerce .woocommerce-ordering select,
.woocommerce .quantity input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  background: #18181b;
  border: 1px solid #27272a;
  color: #f0ece3;
  border-radius: 8px;
}

.woocommerce .woocommerce-ordering select:focus,
.woocommerce form .form-row input.input-text:focus {
  border-color: #7c3aed;
  outline: none;
  box-shadow: 0 0 0 3px rgba(124,58,237,0.2);
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product {
  background: #111113;
  border: 1px solid #1f1f23;
  border-radius: 12px;
  padding: 16px;
  transition: border-color 0.2s;
}

.woocommerce ul.products li.product:hover {
  border-color: #7c3aed;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #a78bfa;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: #7c3aed;
  color: #fff;
  border-radius: 8px;
  font-weight: 500;
  border: none;
  padding: 10px 20px;
  transition: background 0.2s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #6d28d9;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce table.shop_table {
  background: #111113;
  border: 1px solid #1f1f23;
  border-radius: 12px;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: #1f1f23;
  color: #f0ece3;
}

/* -- Blocksy sidebar -- */
.ct-sidebar {
  background: #111113;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #1f1f23;
}

/* -- Pagination -- */
.ct-pagination a,
.page-numbers {
  background: #18181b;
  color: #a1a1aa;
  border-radius: 6px;
  border: 1px solid #27272a;
}

.ct-pagination a:hover,
.page-numbers.current {
  background: #7c3aed;
  color: #fff;
  border-color: #7c3aed;
}

/* -- Scrollbar -- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3f3f46; }

/* ── Hide Blocksy page-title hero on For Brands / For Creators ── */
.page-id-10927 .hero-section,
.page-id-10926 .hero-section {
  display: none !important;
}
.page-id-10927 .entry-content,
.page-id-10926 .entry-content {
  padding-top: 0 !important;
}


/* ════════════════════════════════════════════════════════════════
   EOB-WOO-V2  WooCommerce dark theme — minimal conflict approach
   Keep native form colours; use theme borders + backgrounds only
   ════════════════════════════════════════════════════════════════ */

/* ── Account / My Account base ── */
.woocommerce-MyAccount-content,
.woocommerce-account .woocommerce {
  background: transparent !important;
  color: #f0ece3 !important;
}

/* ── Forms: keep browser/native colors but add theme border/bg ── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-EditAccountForm input,
.woocommerce-EditAccountForm select,
.woocommerce-address-fields input,
.woocommerce-address-fields select,
.woocommerce-address-fields textarea {
  background: #111116 !important;
  color: #f0ece3 !important;
  border: 1px solid rgba(124,58,237,.25) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  outline: none !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-EditAccountForm input:focus,
.woocommerce-address-fields input:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 2px rgba(124,58,237,.15) !important;
}

/* ── Labels ── */
.woocommerce form .form-row label,
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label,
.woocommerce p,
.woocommerce-MyAccount-content p {
  color: #a1a1aa !important;
}

/* ── Headings inside WC ── */
.woocommerce h2, .woocommerce h3,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  color: #f0ece3 !important;
}

/* ── Nav tabs (My Account sidebar) ── */
.woocommerce-MyAccount-navigation ul {
  background: #111116 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  padding: 8px !important;
}
.woocommerce-MyAccount-navigation ul li a {
  color: #a1a1aa !important;
  border-radius: 8px !important;
  padding: 9px 14px !important;
  display: block;
  transition: background .15s, color .15s;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(124,58,237,.15) !important;
  color: #a78bfa !important;
}

/* ── Order table ── */
.woocommerce-orders-table,
.woocommerce table.shop_table,
.woocommerce table.my_account_orders {
  background: #111116 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  overflow: hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.my_account_orders th {
  background: rgba(255,255,255,.04) !important;
  color: #a1a1aa !important;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.woocommerce table.shop_table td,
.woocommerce table.my_account_orders td {
  color: #f0ece3 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  background: transparent !important;
}

/* ── Buttons: keep theme purple ── */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input[type=submit],
.woocommerce a.button {
  background: #7c3aed !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: background .18s !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover {
  background: #6d28d9 !important;
  color: #fff !important;
}

/* ── Notices ── */
.woocommerce-message,
.woocommerce-info {
  background: rgba(124,58,237,.1) !important;
  border-top-color: #7c3aed !important;
  color: #f0ece3 !important;
}
.woocommerce-error {
  background: rgba(239,68,68,.1) !important;
  border-top-color: #ef4444 !important;
  color: #f0ece3 !important;
}

/* ── Fieldsets ── */
.woocommerce fieldset {
  border: 1px solid rgba(124,58,237,.2) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.02) !important;
  padding: 20px !important;
}
.woocommerce fieldset legend {
  color: #a78bfa !important;
  font-weight: 600;
  font-size: .8rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #09090b;
  padding: 0 8px;
}

/* ── Password field eye icon ── */
.woocommerce .show-password-input,
.woocommerce .show-password-input::after {
  color: #a78bfa !important;
}

/* ── Remove white/light backgrounds from Blocksy WC wrappers ── */
.ct-woo-container,
.woocommerce-account .ct-container,
.ct-woo-cart-page-container {
  background: transparent !important;
}