/* ================================================================
   AgriTrust - Global navigation styles
   Loaded site-wide (NOT gated to shortcode/landing pages), because the
   header nav appears on every page. The main storefront.css only loads
   on landing/shortcode pages, so header rules that must apply everywhere
   live here instead.

   Purpose: keep the active menu item's dropdown chevron visible. A custom
   ID-selector stylesheet styles the active LINK (white text + coral
   underline) but not the chevron SVG, leaving it dark/invisible on the
   dark-green header. These rules match that ID specificity and force the
   chevron fill so it always tracks the link colour.
   ================================================================ */

/* Resting chevron: brand cream, always visible on the green header */
#menu-primary-navigation > .menu-item > a.ct-menu-link .ct-icon,
#menu-primary-navigation > .menu-item > a.ct-menu-link .ct-icon path {
	color: #F6F1E5 !important;
	fill: #F6F1E5 !important;
}

/* Hover / current page / current ancestor / current parent: bright white,
   matching the active link colour set by the custom nav stylesheet */
#menu-primary-navigation > .menu-item:hover > a.ct-menu-link .ct-icon,
#menu-primary-navigation > .menu-item:hover > a.ct-menu-link .ct-icon path,
#menu-primary-navigation > .menu-item.current-menu-item > a.ct-menu-link .ct-icon,
#menu-primary-navigation > .menu-item.current-menu-item > a.ct-menu-link .ct-icon path,
#menu-primary-navigation > .menu-item.current-menu-ancestor > a.ct-menu-link .ct-icon,
#menu-primary-navigation > .menu-item.current-menu-ancestor > a.ct-menu-link .ct-icon path,
#menu-primary-navigation > .menu-item.current-menu-parent > a.ct-menu-link .ct-icon,
#menu-primary-navigation > .menu-item.current-menu-parent > a.ct-menu-link .ct-icon path {
	color: #ffffff !important;
	fill: #ffffff !important;
}


/* ================================================================
   AgriTrust - Form field visibility (2026-07-27)
   Login/Signup modal inputs and the checkout terms checkbox inherit
   near-invisible defaults on the cream background. These pages are
   not covered by storefront.css (not landing/shortcode pages), so the
   fix lives here, in the unconditional sitewide stylesheet.
   ================================================================ */

/* --- Login / Signup account modal (Blocksy) + vendor registration form --- */
.ct-account-modal input[type=text],
.ct-account-modal input[type=email],
.ct-account-modal input[type=password],
.ct-account-modal input[type=tel],
.ct-account-modal select,
.ct-account-forms input.input,
.ct-account-forms select,
form.register input.input-text,
form.register select.dokan-form-control,
form.register input.dokan-form-control,
.dokan-form-control{
  background:#ffffff !important;
  border:1.5px solid #c2b6a0 !important;
  border-radius:8px !important;
  color:#192a3d !important;
  box-shadow:0 1px 2px rgba(25,42,61,.05) !important;
}
.ct-account-modal input[type=text]:focus,
.ct-account-modal input[type=email]:focus,
.ct-account-modal input[type=password]:focus,
.ct-account-modal input[type=tel]:focus,
.ct-account-modal select:focus,
form.register input.input-text:focus,
form.register select.dokan-form-control:focus,
.dokan-form-control:focus{
  border-color:var(--agts-pine,#0B4F46) !important;
  box-shadow:0 0 0 3px rgba(11,79,70,.12) !important;
  outline:none !important;
}

/* --- Checkout: terms and conditions checkbox --- */
.woocommerce-terms-and-conditions-wrapper{
  background:#ffffff;
  border:1.5px solid #c2b6a0;
  border-radius:10px;
  padding:14px 16px;
  margin:14px 0;
}
.woocommerce-terms-and-conditions-wrapper input#terms.woocommerce-form__input-checkbox{
  appearance:none;
  -webkit-appearance:none;
  width:20px;
  height:20px;
  min-width:20px;
  border:2px solid #8a7c60;
  border-radius:5px;
  background:#ffffff;
  vertical-align:middle;
  margin-right:8px;
  cursor:pointer;
  position:relative;
  top:-1px;
}
.woocommerce-terms-and-conditions-wrapper input#terms.woocommerce-form__input-checkbox:checked{
  background:var(--agts-pine,#0B4F46);
  border-color:var(--agts-pine,#0B4F46);
}
.woocommerce-terms-and-conditions-wrapper input#terms.woocommerce-form__input-checkbox:checked::after{
  content:'';
  position:absolute;
  left:5px;
  top:1px;
  width:6px;
  height:11px;
  border:solid #ffffff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.woocommerce-terms-and-conditions-wrapper input#terms.woocommerce-form__input-checkbox:focus-visible{
  outline:2px solid var(--agts-pine,#0B4F46);
  outline-offset:2px;
}
.woocommerce-terms-and-conditions-checkbox-text{color:#192a3d;font-size:14px;}


/* ================================================================
   AgriTrust - Service Fee explainer: left-align text (2026-07-27)
   The explainer sits inside a WooCommerce totals-table <td>, which
   inherits text-align:right (it's normally an amount column). Right-
   aligned paragraphs are hard to read - no major marketplace does this
   for body copy (Amazon, Stripe, Airbnb all left-align fee breakdowns).
   Override to left-align, matching how everyone else does it.
   ================================================================ */
.agts-service-fee-explainer-row,
.agts-service-fee-explainer-row td{
  text-align:left !important;
}
.agts-fee-explainer{
  text-align:left !important;
  display:block;
  margin-top:6px;
}
.agts-fee-explainer__summary{
  text-align:left !important;
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  color:var(--agts-pine,#0B4F46);
  font-weight:600;
  font-size:13.5px;
  list-style:none;
}
.agts-fee-explainer__summary::-webkit-details-marker{display:none;}
.agts-fee-explainer__body{
  text-align:left !important;
  margin-top:10px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #e3dccb;
  border-radius:10px;
}
.agts-fee-explainer__intro,
.agts-fee-explainer__closing{
  text-align:left !important;
  margin:0 0 10px;
  font-size:13.5px;
  line-height:1.55;
  color:#3a4f42;
}
.agts-fee-explainer__closing{margin:10px 0 0;font-weight:600;color:var(--agts-pine,#0B4F46);}
.agts-fee-explainer__list{
  text-align:left !important;
  margin:0;
  padding-left:18px;
  list-style:disc;
}
.agts-fee-explainer__list li{
  text-align:left !important;
  margin-bottom:8px;
  font-size:13.5px;
  line-height:1.5;
  color:#3a4f42;
}
.agts-fee-explainer__list li:last-child{margin-bottom:0;}