/* =========================================================================
   Anabolic Store — universal dark theme (Blocksy-rendered pages).
   Recolours Blocksy by overriding its palette variables at source, hides
   Blocksy's native header (replaced by the shared .ana-nav partial), and
   themes Fluent Forms, WooCommerce (account/cart/checkout) and the blog.
   Tokens reused from home.css/shop.css. Loaded site-wide.
   ========================================================================= */

/* ---- 1. Blocksy palette + theme variables → dark/charcoal/orange ----
   `:root:root` (specificity 0,2,0) beats Blocksy's `:root` (0,1,0) regardless of load order. */
:root:root{
  --theme-palette-color-1:#ff6b35;   /* primary accent: links, buttons        */
  --theme-palette-color-2:#e85d2a;   /* accent hover (darker orange)           */
  --theme-palette-color-3:#f3f2ec;   /* body text → cream                      */
  --theme-palette-color-4:#f3f2ec;   /* headings → cream                       */
  --theme-palette-color-5:#2c2c2a;   /* borders/hairlines                      */
  --theme-palette-color-6:#1b1b1a;   /* surface                                */
  --theme-palette-color-7:#131312;   /* surface (lighter)                      */
  --theme-palette-color-8:#0c0c0b;   /* page background (was white)            */

  --theme-link-initial-color:#ff6b35;
  --theme-link-hover-color:#e85d2a;
  --theme-text-color:#f3f2ec;
  --theme-headings-color:#f3f2ec;
  --theme-border-color:#2c2c2a;
  --theme-content-background-color:#0c0c0b;
  --theme-content-vertical-spacing:50px;

  --theme-button-background-initial-color:#ff6b35;
  --theme-button-background-hover-color:#e85d2a;
  --theme-button-text-initial-color:#fbfbf6;
  --theme-button-text-hover-color:#fbfbf6;

  --theme-form-text-color:#f3f2ec;
  --theme-form-field-background-initial-color:#131312;
  --theme-form-field-background-focus-color:#1b1b1a;
  --theme-form-field-border-initial-color:#2c2c2a;
  --theme-form-field-border-focus-color:#ff6b35;

  --paletteColor1:#ff6b35; --paletteColor2:#e85d2a; --paletteColor3:#f3f2ec;
  --paletteColor4:#f3f2ec; --paletteColor5:#2c2c2a; --paletteColor6:#1b1b1a;
  --paletteColor7:#131312; --paletteColor8:#0c0c0b;
}

/* ---- 2. Base page surfaces (standard Blocksy pages only;
        the custom .ana-home / .ana-shop-page bodies set their own bg at higher specificity) ---- */
body{ background-color:#0c0c0b; color:#f3f2ec; }
.ct-container, .entry-content, #main, #content, .ct-main-styles, article{ color:#f3f2ec; }
a{ color:#ff6b35; }
a:hover{ color:#e85d2a; }
h1,h2,h3,h4,h5,h6{ color:#f3f2ec; }

/* ---- 3. Hide Blocksy's native header (the shared .ana-nav partial replaces it) ---- */
#header.ct-header,
.ct-header[data-device],
header#header,
#offcanvas.ct-panel,
.ct-header-trigger{ display:none !important; }

/* ============ SHARED SITE HEADER (the homepage pill nav, used everywhere) ============ */
.ana-nav-wrap{position:sticky;top:0;z-index:120;padding:18px clamp(16px,4vw,40px) 0;
  background:transparent;font-family:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;}
.ana-nav{max-width:1280px;margin:0 auto;height:68px;display:flex;align-items:center;
  gap:clamp(14px,2.4vw,30px);padding:0 14px 0 22px;background:linear-gradient(180deg,#161614,#0e0e0d);
  border:1px solid #2c2c2a;border-radius:16px;box-shadow:0 1px 0 rgba(243,242,236,0.04) inset,0 24px 50px -28px #000;
  backdrop-filter:blur(6px);}
.ana-brand{display:flex;align-items:center;flex:none;}
.ana-brand img{height:30px;width:auto;display:block;}
.ana-nav-div{width:1.5px;height:30px;background:#2c2c2a;flex:none;}
.ana-nav-links{display:flex;align-items:center;gap:clamp(10px,1.8vw,22px);
  font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.ana-nav-links a{color:#8f8e86;text-decoration:none;position:relative;padding:6px 0;transition:color .15s ease;}
.ana-nav-links a:hover{color:#f3f2ec;}
.ana-nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1.5px;background:#ff6b35;transition:right .18s ease;}
.ana-nav-links a:hover::after{right:0;}
.ana-nav-sep{color:#6a6962;user-select:none;}
.ana-nav-spacer{flex:1;}
.ana-account{flex:none;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:11px;
  background:#f3f2ec;color:#0c0c0b;border:none;cursor:pointer;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .15s ease,transform .15s ease;}
.ana-account:hover{background:#fff;transform:translateY(-1px);color:#0c0c0b;}
.ana-account svg{width:18px;height:18px;display:block;}
.ana-burger{display:none;flex:none;width:44px;height:44px;border-radius:11px;background:#232322;border:1px solid #2c2c2a;
  cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.ana-burger span{display:block;width:18px;height:1.6px;background:#f3f2ec;}
@media (max-width:760px){
  .ana-nav-links,.ana-nav-div{display:none;}
  .ana-burger{display:flex;}
  .ana-account .lbl{display:none;}
  .ana-account{padding:0 13px;}
  .ana-nav-links.is-open{display:flex;position:absolute;top:80px;left:0;right:0;flex-direction:column;gap:14px;
    padding:18px 22px;background:#0e0e0d;border:1px solid #2c2c2a;border-radius:16px;}
}

/* ============ FLUENT FORMS (register etc.) ============ */
.fluentform .ff-el-input--label label,
.fluentform label,
.fluentform .ff-el-input--content{ color:#f3f2ec; }
.fluentform .ff-el-input--label.ff-el-is-required label::after{ color:#ff6b35; }
.fluentform input[type=text],.fluentform input[type=email],.fluentform input[type=password],
.fluentform input[type=tel],.fluentform input[type=number],.fluentform input[type=url],
.fluentform textarea,.fluentform select,.frm-fluent-form input,.frm-fluent-form textarea,.frm-fluent-form select{
  background:#131312 !important;border:1px solid #2c2c2a !important;color:#f3f2ec !important;border-radius:10px;}
.fluentform input::placeholder,.fluentform textarea::placeholder{ color:#6a6962; }
.fluentform input:focus,.fluentform textarea:focus,.fluentform select:focus{ border-color:#ff6b35 !important;outline:none; }
.fluentform .ff-el-form-check-label,.fluentform .ff_t_c label{ color:#f3f2ec; }
.fluentform .ff-btn-submit,.fluentform button.ff-btn,.frm-fluent-form .ff-btn-submit{
  background:#ff6b35 !important;color:#fbfbf6 !important;border:none !important;border-radius:11px;font-weight:700;}
.fluentform .ff-btn-submit:hover{ background:#e85d2a !important; }
.fluentform .ff-message-success{ background:#131312;border:1px solid #2c2c2a;color:#f3f2ec; }
.ana-login-hint{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:13px;color:#8f8e86;margin-top:18px;text-align:center;}
.ana-login-hint a{color:#ff6b35;text-decoration:none;font-weight:700;}
.ana-login-hint a:hover{text-decoration:underline;}

/* ============ WOOCOMMERCE (account / cart / checkout) ============ */
.woocommerce, .woocommerce-account, .woocommerce-page{ color:#f3f2ec; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce .button.alt,.wc-block-components-button,.wp-element-button,.wc-block-components-button.contained{
  background:#ff6b35 !important;color:#fbfbf6 !important;border:none !important;border-radius:11px !important;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:hover{ background:#e85d2a !important; }
.woocommerce table.shop_table,.woocommerce .cart_totals table,.wc-block-components-panel,
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.woocommerce .woocommerce-info,
.woocommerce-cart .cart-collaterals .cart_totals,.wc-block-components-totals-item{
  background:#131312;border-color:#2c2c2a;color:#f3f2ec;}
.woocommerce table.shop_table th,.woocommerce table.shop_table td,.woocommerce-MyAccount-content,
.wc-block-components-product-name,.wc-block-components-totals-item__label,.wc-block-components-totals-item__value{ color:#f3f2ec; }
.woocommerce-MyAccount-navigation ul li{ border-color:#2c2c2a; }
.woocommerce-MyAccount-navigation ul li a{ color:#ff6b35; }
.woocommerce-MyAccount-navigation ul li.is-active a{ color:#fbfbf6; }
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-selection,
.wc-block-components-text-input input,.wc-block-components-textarea{
  background:#131312 !important;border:1px solid #2c2c2a !important;color:#f3f2ec !important;}
.woocommerce .woocommerce-info,.woocommerce-message,.woocommerce-error{ border-top-color:#ff6b35; }
.woocommerce-info::before,.woocommerce-message::before{ color:#ff6b35; }
.woocommerce-store-notice,.demo_store{ background:#131312;color:#f3f2ec; }

/* ============ BLOG (index + single) ============ */
.entry-title,.entry-title a{ color:#f3f2ec; }
.entry-title a:hover{ color:#ff6b35; }
.entry-content a,.entry-summary a{ color:#ff6b35; }
.entry-meta,.post-meta,.ct-meta-element,.entry-meta a{ color:#8f8e86; }
.entry-content blockquote{ border-left-color:#ff6b35; color:#f3f2ec; }
.page-numbers,.ct-pagination a{ color:#f3f2ec;border-color:#2c2c2a; }
.page-numbers.current{ background:#ff6b35;color:#fbfbf6;border-color:#ff6b35; }

/* Footer + misc */
.ct-footer{ background:#0c0c0b;color:#8f8e86; }
.ct-footer a{ color:#ff6b35; }
input[type=search],.ct-search-input{ background:#131312;color:#f3f2ec;border-color:#2c2c2a; }

/* ---- Base + heading typography → Archivo (mono labels use JetBrains Mono inline) ---- */
:root:root{
  --theme-font-family:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
  --theme-headings-font-family:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
}
body,button,input,select,textarea,.ct-container,.entry-content,
h1,h2,h3,h4,h5,h6,.entry-title{
  font-family:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* ============ MY ACCOUNT — dashboard tiles + profile tab ============ */
/* Profile nav tab gets the person/silhouette icon (Blocksy 'woo' font, glyph \e907) */
.woocommerce-MyAccount-navigation-link--profile a:before{ content:'\e907'; }

/* Dashboard tile grid */
.anabolic-acct-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:4px 0 8px; }
@media (max-width:600px){ .anabolic-acct-tiles{ grid-template-columns:1fr; } }
.anabolic-tile{
  position:relative; display:flex; flex-direction:column; gap:6px;
  background:#131312; border:1px solid #2c2c2a; border-radius:16px; padding:22px 22px 18px;
  text-decoration:none; color:#f3f2ec; min-height:160px; transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.anabolic-tile:hover{ border-color:#ff6b35; transform:translateY(-2px); box-shadow:0 14px 34px -22px #000; color:#f3f2ec; }
.anabolic-tile .tile-kicker{
  font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; font-size:11px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:#ff6b35;
}
.anabolic-tile .tile-count{ font-family:'Archivo',sans-serif; font-size:52px; font-weight:800; line-height:1; letter-spacing:-0.02em; color:#f3f2ec; margin-top:6px; }
.anabolic-tile .tile-sub{ font-size:13px; color:#8f8e86; }
.anabolic-tile .tile-go{
  margin-top:auto; padding-top:12px; font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;
  font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#8f8e86; transition:color .15s ease;
}
.anabolic-tile:hover .tile-go{ color:#ff6b35; }

/* Profile status indicators */
.anabolic-tile .tile-status{ display:inline-flex; align-items:center; justify-content:center; margin-top:6px; }
.anabolic-tile .tile-status.complete{
  width:52px; height:52px; border-radius:50%; background:rgba(87,192,107,0.14);
  color:#57c06b; border:2px solid #57c06b;
}
.anabolic-tile .tile-status.complete svg{ width:26px; height:26px; }
.anabolic-tile .tile-status.incomplete{
  min-width:52px; height:52px; padding:0 12px; border-radius:999px; background:#ff5a4d; color:#fff;
  font-family:'Archivo',sans-serif; font-size:30px; font-weight:800; line-height:1;
}

/* Profile tab: stack the two forms with clear section headings */
.anabolic-profile-section{ margin:0 0 38px; }
.anabolic-profile-h{
  font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; font-size:13px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:#ff6b35; margin:0 0 16px;
  padding-bottom:10px; border-bottom:1px solid #2c2c2a;
}
.anabolic-profile .woocommerce-Address{ background:#131312; border:1px solid #2c2c2a; border-radius:14px; padding:18px; }
.anabolic-profile .woocommerce-Address-title h3{ color:#f3f2ec; }