/*
 Theme Name:   Lokalist
 Theme URI:    https://lokalist.my/
 Description:  Bricks child theme for lokalist.my. Site code in inc/, one file per concern; ACF Local JSON in acf-json/.
 Author:       Unsurmeta Media
 Author URI:   https://unsurmeta.com/
 Template:     bricks
 Version:      2.0.0
 Text Domain:  bricks
*/

/* Gutenberg Fluentcart Checkout */
/* Lokalist checkout restyle — FluentCart on the Gutenberg page (post 45166)
   Paste into: wp-admin > Appearance > Customize > Additional CSS.
   Scope: FluentCart-specific .fct_ classes only, so nothing else on the site is touched.
   Tokens: primary #1D863B, hover #229b44, secondary #EB681F, ink #222, radius 16px.
   var(--x, #hex) uses the site ACSS token when present, else the literal brand colour.
   Two selectors are marked VERIFY: confirm they hit once applied (fallbacks included). */

/* --- Form inputs, selects, textareas --- */
.fct_input_wrapper input:not([type="checkbox"]):not([type="radio"]),
.fct_input_wrapper select,
.fct_input_wrapper textarea {
  border: 1px solid rgba(34, 34, 34, .12);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}

.fct_input_wrapper input:focus,
.fct_input_wrapper select:focus,
.fct_input_wrapper textarea:focus {
  outline: none;
  border-color: var(--primary, #1D863B);
  box-shadow: 0 0 0 3px rgba(29, 134, 59, .12);
}

.fct_input_wrapper label,
.fct_input_label {
  font-weight: 500;
  color: rgba(34, 34, 34, .72);
}

/* --- Section headings --- */
.fct_form_section_header_label,
.fct_checkout h3,
.fct_checkout h4 {
  font-weight: 600;
}

/* --- Submit button: brand green + hover --- */
/* VERIFY: .fct_place_order_btn is the plugin's own class; the two fallbacks cover the block button. */
.fct_place_order_btn,
.wp-block-fluent-cart-checkout-submit-button button,
.fct_checkout button[type="submit"] {
  background: var(--primary, #1D863B);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 15px 18px;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
  transition: background .15s;
}

.fct_place_order_btn:hover,
.wp-block-fluent-cart-checkout-submit-button button:hover,
.fct_checkout button[type="submit"]:hover {
  background: var(--primary-hover, #229b44);
}

/* --- Order summary: tinted panel --- */
.fct_summary_box,
.fct_checkout_summary {
  background: rgba(29, 134, 59, .055);
  border: 1px solid rgba(29, 134, 59, .12);
  border-radius: 16px;
  padding: 22px;
}

/* --- Total emphasis --- */
.fct_summary_items_total,
.fct_summary_toggle_total {
  font-weight: 700;
}

/* --- Payment methods as card rows, with a green selected state --- */
.fct_payment_method_wrapper {
  border: 1px solid rgba(34, 34, 34, .12);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 10px;
  transition: border-color .15s, background .15s;
}

/* VERIFY: the selected class. :has(input:checked) is the robust fallback for modern browsers. */
.fct_payment_method_wrapper.active,
.fct_payment_method_wrapper.is-active,
.fct_payment_method_wrapper:has(input:checked) {
  border-color: var(--primary, #1D863B);
  background: rgba(29, 134, 59, .055);
}