/* =========================================================================
   PORTAL SKIN  -- best-effort dark brand skin for the plugin-driven pages
   that are NOT rendered by this theme's templates: the FluentCart cart /
   checkout and the FluentCommunity / FluentCart account dashboard.

   These pages emit their own markup, so this file styles their containers
   rather than replacing them. Selectors marked (verify) are best guesses at
   the current plugin class names -- open the live page, inspect, and adjust.
   Loaded site-wide, but every rule is namespaced to a plugin container so it
   cannot leak onto unrelated pages.
   ========================================================================= */

/* ---- FluentCart: cart, checkout, customer dashboard (verify prefixes) ---- */
.fct_cart, .fct_checkout, .fluent_cart, .fluent-cart-wrap,
.fct_customer_portal, .fct_dashboard{
  color:var(--t-body);
  font-family:var(--sans);
}

/* headings inside the plugin areas */
.fluent_cart h1, .fluent_cart h2, .fluent_cart h3,
.fct_customer_portal h1, .fct_customer_portal h2, .fct_customer_portal h3{
  font-family:var(--serif); color:var(--gold);
}

/* cards / panels the plugins render */
.fct_cart_summary, .fct_checkout_summary, .fct_card, .fluent_cart_card,
.fct_customer_portal .fct_box{
  background:var(--navy-card) !important;
  border:1px solid var(--b) !important;
  border-radius:12px !important;
  color:var(--t-body) !important;
}

/* primary action buttons -> cyan fill, navy text */
.fluent_cart .fct_btn_primary, .fct_checkout .fct_btn_primary,
.fluent_cart button[type=submit], .fct_place_order_btn,
.fct_customer_portal .fct_btn_primary{
  background:var(--teal) !important;
  color:var(--navy) !important;
  border:none !important;
  border-radius:4px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.fluent_cart .fct_btn_primary:hover, .fct_place_order_btn:hover{
  background:var(--teal-light) !important;
}

/* inputs */
.fluent_cart input, .fluent_cart select, .fluent_cart textarea,
.fct_checkout input, .fct_checkout select{
  background:rgba(255,255,255,0.03) !important;
  border:1px solid var(--b) !important;
  color:#fff !important;
  border-radius:6px !important;
}
.fluent_cart input:focus, .fct_checkout input:focus{
  border-color:var(--teal) !important;
  box-shadow:0 0 0 3px rgba(0,196,216,0.14) !important;
  outline:none !important;
}

/* order totals -> gold serif */
.fct_cart_total, .fct_order_total, .fct_checkout_total .fct_amount{
  font-family:var(--serif) !important;
  color:var(--gold) !important;
}

/* ---- FluentCommunity account / profile settings (verify prefixes) ---- */
.fcom_profile_settings, .fcom_account, .fcom_settings_wrap{
  color:var(--t-body);
}
.fcom_profile_settings h1, .fcom_profile_settings h2, .fcom_profile_settings h3,
.fcom_account h1, .fcom_account h2, .fcom_account h3{
  font-family:var(--serif) !important; color:var(--gold) !important;
}
.fcom_account .fcom_card, .fcom_settings_wrap .fcom_box{
  background:var(--navy-card) !important;
  border:1px solid var(--b) !important;
  border-radius:12px !important;
}
.fcom_account .fcom_btn_primary, .fcom_settings_wrap button.primary{
  background:var(--teal) !important; color:var(--navy) !important;
  border-radius:4px !important; font-weight:700 !important;
}