/* ==========================================================
   FUNNYTRUCKS BRAND LAYER – loaded after reskin-*.css
   Turns primary actions from ink (#18181b) to brand orange.
   ========================================================== */
:root { --ft-brand: #E8A33A; --ft-brand-hover: #D48E22; --ft-brand-soft: #FFF5E6; --ft-brand-line: #F3C987; }

/* Primary buttons (ATC, checkout, place order, primary/alt) */
body .button.primary:not(.is-outline):not(.is-link):not(#vm1):not(#vm2),
body .button.alt:not(.is-outline):not(#vm1):not(#vm2),
body .single_add_to_cart_button:not(#vm1):not(#vm2),
body .checkout-button:not(#vm1):not(#vm2),
body #place_order:not(#vm1):not(#vm2),
body .button.checkout:not(#vm1):not(#vm2),
body .vm-sticky-atc-btn:not(#vm1):not(#vm2),
body .wpcf7-submit:not(#vm1):not(#vm2) {
  background: var(--ft-brand) !important; border-color: var(--ft-brand) !important; color: #fff !important;
}
body .button.primary:not(.is-outline):not(.is-link):not(#vm1):not(#vm2):hover,
body .button.alt:not(.is-outline):not(#vm1):not(#vm2):hover,
body .single_add_to_cart_button:not(#vm1):not(#vm2):hover,
body .checkout-button:not(#vm1):not(#vm2):hover,
body #place_order:not(#vm1):not(#vm2):hover,
body .button.checkout:not(#vm1):not(#vm2):hover,
body .vm-sticky-atc-btn:not(#vm1):not(#vm2):hover,
body .wpcf7-submit:not(#vm1):not(#vm2):hover {
  background: var(--ft-brand-hover) !important; border-color: var(--ft-brand-hover) !important;
}

/* Header icon buttons (mobile) – same rounded-square shape */
.header-wrapper .header-button .button.icon,
.header-wrapper .header-button a.icon,
.header-wrapper .nav-icon a.button,
.header-wrapper .cart-icon.button {
  border-radius: 10px !important;
}

/* Progress steps & accents */
.checkout-breadcrumbs a.current::before,
.checkout-breadcrumbs .current::before { background: var(--ft-brand) !important; border-color: var(--ft-brand) !important; color: #fff !important; }
.checkout-breadcrumbs a.current { color: var(--ft-brand) !important; }

/* ATC notice accent bar + icon */
.woocommerce-message.message-wrapper .message-container:not(#vm1):not(#vm2) { border-left-color: var(--ft-brand) !important; }
.woocommerce-message.message-wrapper .message-container i.icon-checkmark { color: var(--ft-brand) !important; }

/* Field focus with brand tint */
body input:not([type=checkbox]):not([type=radio]):focus,
body select:focus, body textarea:focus {
  border-color: var(--ft-brand) !important; box-shadow: 0 0 0 3px rgba(232,163,58,.18) !important;
}

/* Selected option pills (WCPA) */
.wcpa_field_wrap input:checked + label, .wcpa_field_wrap .wcpa_selected label,
.wcpa_image_box input:checked + label { border-color: var(--ft-brand) !important; }

/* Back to top in brand */
body .back-to-top:not(#vm1):not(#vm2) { background: var(--ft-brand) !important; }

/* ==========================================================
   SALESGEN Buy-More-Save-More notices (cart + PDP)
   ========================================================== */
.message-wrapper:has(> .message-container .salesgen-discount-notices),
.woocommerce-info.message-wrapper:has(.salesgen-discount-notices) {
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
}
body .salesgen-discount-notices:not(#vm1) {
  display: flex; align-items: center; gap: 12px;
  background: var(--ft-brand-soft) !important;
  border: 1px solid var(--ft-brand-line) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important; margin: 0 0 12px !important;
  font: 500 14px/1.45 'Poppins', sans-serif !important; color: #18181b !important;
  text-align: left !important;
}
body .salesgen-discount-notices:not(#vm1)::before {
  content: ""; flex: 0 0 22px; height: 22px;
  background: no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8A33A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
}
body .salesgen-discount-notices.salesgen-closest:not(#vm1),
body .salesgen-discount-notices.salesgen-closest-o:not(#vm1) {
  background: #fff !important; border: 1px solid #e5e7eb !important;
}
body .salesgen-discount-notices.salesgen-closest:not(#vm1)::before,
body .salesgen-discount-notices.salesgen-closest-o:not(#vm1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Ccircle cx='7' cy='7' r='1.5'/%3E%3C/svg%3E");
}
body .salesgen-discount-notices strong,
body .salesgen-discount-notices strong .amount { color: var(--ft-brand-hover) !important; font-weight: 700 !important; }

/* ==========================================================
   FT round 2 fixes
   ========================================================== */
/* Salesgen notice: text must flow inline (no flex columns) */
body .salesgen-discount-notices:not(#vm1) { display: block !important; position: relative; padding-left: 48px !important; }
body .salesgen-discount-notices:not(#vm1)::before { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 22px; }

/* PDP Buy More Save More box */
body .salesgen-bmsm-wrapper:not(#vm1) {
  border: 1px solid var(--ft-brand-line) !important; border-radius: 14px !important;
  background: var(--ft-brand-soft) !important; padding: 14px 16px !important; box-shadow: none !important;
}
body .salesgen-bmsm-wrapper .sgboxes, body .salesgen-bmsm-wrapper .sgbox1, body .salesgen-bmsm-wrapper .sgbox2 { border: 0 !important; background: transparent !important; }
body .salesgen-bmsm-wrapper .sgbmsm-title { color: var(--ft-brand-hover) !important; font: 700 16px 'Poppins', sans-serif !important; }
body .salesgen-bmsm-wrapper .sgbmsm-text { color: #6b7280 !important; font-size: 13px !important; }
body .salesgen-bmsm-wrapper .salesgen-bmsm-items > * { border-radius: 10px !important; }

/* WCPA selected option pill -> brand (verymarts uses ink) */
body .wcpa_field_wrap input:checked + label:not(#vm1),
body .wcpa_field_wrap input:checked + span:not(#vm1),
body .wcpa_field_wrap .wcpa_checked:not(#vm1),
body .wcpa_field_wrap label.active:not(#vm1) {
  background: var(--ft-brand) !important; border-color: var(--ft-brand) !important; color: #fff !important;
}

/* Mobile header: equal icon buttons, normal logo size */
@media (max-width: 849px) {
  .header-main .nav > li > a.icon.button,
  .header-main .nav > li > a.button.icon,
  .header-main .nav-icon > a,
  .header-main .header-search a.button,
  .header-main .cart-item a.header-cart-link .cart-icon,
  .header-main .header-button a {
    width: 36px !important; height: 36px !important; min-height: 36px !important;
    border-radius: 10px !important; padding: 0 !important;
    display: inline-flex !important; align-items: center; justify-content: center;
  }
  .header-mobile #logo img, .header-main #logo img { max-height: 40px !important; width: auto !important; }
}

/* Checkout summary: white single card like mockup */
.woocommerce-checkout .col-inner.has-border:not(#vm1),
.woocommerce-checkout #order_review:not(#vm1),
.woocommerce-checkout .checkout-sidebar:not(#vm1) { background: #fff !important; box-shadow: none !important; }

/* ==========================================================
   FT round 3 fixes
   ========================================================== */
/* Header search is ".button.circle" -> caught by round-button rule; make it match other header icons */
.header-wrapper .header-button .button.circle:not(#vm1):not(#vm2) {
  width: 36px !important; height: 36px !important; border-radius: 10px !important;
  box-shadow: none !important;
}
/* WCPA selected size -> brand */
body .wcpa_form_item .wcpa_radio input[type="radio"]:checked + label:not(#vm1) {
  background: var(--ft-brand) !important; border-color: var(--ft-brand) !important; color: #fff !important;
}
/* BMSM inner: remove dashed box, neutral rows, brand labels */
body .salesgen-bmsm-wrapper .salesgen-bmsm-heading,
body .salesgen-bmsm-wrapper .salesgen-bmsm-heading * { border: 0 !important; background: transparent !important; }
body .salesgen-bmsm-wrapper .salesgen-bmsm-items li { background: #fff !important; border: 1px solid #f3e3c6 !important; border-radius: 10px !important; }
body .salesgen-bmsm-wrapper .salesgen-bmsm-item-label,
body .salesgen-bmsm-wrapper .salesgen-bmsm-item-label2 { background: var(--ft-brand) !important; color: #fff !important; border-radius: 8px !important; }
body .salesgen-bmsm-wrapper .salesgen-bmsm-item-title,
body .salesgen-bmsm-wrapper .salesgen-bmsm-item-title * { color: #18181b !important; }
/* Checkout summary: one white card (no gray outer + white inner) */
.woocommerce-checkout .large-5 .col-inner:not(#vm1),
.woocommerce-checkout .large-5 .col-inner > *:not(#vm1) { background: #fff !important; }
.woocommerce-checkout .large-5 .col-inner:not(#vm1) { box-shadow: none !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; }

/* ==========================================================
   FT round 4
   ========================================================== */
/* Nav: single brand underline (kill Flatsome nav-line black bar) */
.header-bottom .nav-line-bottom > li > a::before,
.header-bottom .nav-line > li > a::before,
#wide-nav .nav-line-bottom > li > a::before,
#wide-nav .nav-line > li > a::before { display: none !important; }
.header-bottom .nav > li > a::after, #wide-nav .nav > li > a::after { background: var(--ft-brand) !important; }
.header-bottom .nav > li.active > a, .header-bottom .nav > li.current-menu-item > a { color: var(--ft-brand) !important; }

/* Desktop logo: back to readable size */
@media (min-width: 850px) { #logo img { max-height: 56px !important; } }

/* Salesgen cart cross-sell: product cards, 2-line titles */
.salesgen-upsell-cart-items .salesgen-upsell-popup-item-list .col-inner {
  border: 1px solid #e5e7eb !important; border-radius: 14px !important; overflow: hidden; background: #fff !important; height: 100%;
}
.salesgen-upsell-cart-items .salesgen-upsell-item-info { padding: 10px 12px 12px !important; }
.salesgen-upsell-cart-items .salesgen-upsell-item-info a:not(.button),
.salesgen-upsell-cart-items .salesgen-upsell-item-info .name,
.salesgen-upsell-cart-items .salesgen-upsell-item-info .product-title {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden !important; white-space: normal !important; text-overflow: ellipsis;
  font: 500 14px/1.4 'Poppins', sans-serif !important; color: #18181b !important; min-height: 2.8em;
}
.salesgen-upsell-cart-items .salesgen-upsell-item-info * { white-space: normal !important; }
.salesgen-upsell-cart-items .button { width: 100% !important; margin: 8px 0 0 !important; }

/* Space between BMSM box and share icons */
.product-info .social-icons.share-icons, .summary .social-icons.share-icons { margin-top: 18px !important; display: block; }

/* Description View More / View Less */
.single-product #tab-description { position: relative; overflow: hidden; }
.devvn_readmore_flatsome { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding: 48px 0 6px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 70%); }
.devvn_readmore_flatsome_less { position: relative; padding-top: 12px; background: none; }
.devvn_readmore_flatsome a { display: inline-flex; align-items: center; height: 42px; padding: 0 22px; border: 1.5px solid #18181b;
  border-radius: 10px; font: 700 12px 'Poppins', sans-serif; letter-spacing: .05em; text-transform: uppercase; color: #18181b !important; background: #fff; }
.devvn_readmore_flatsome a:hover { background: #18181b; color: #fff !important; }

/* Home "T-Shirts Made with Heart" text box: inner padding */
.home .row.align-right > .col > .col-inner:not(#vm1) { padding: 24px !important; border-radius: 16px !important; }
@media (max-width: 549px) { .home .row.align-right > .col > .col-inner:not(#vm1) { padding: 20px !important; margin: 0 4px; } }

/* ==========================================================
   FT round 5
   ========================================================== */
/* Logo: drop verymarts 42/34px cap, let Flatsome logo settings decide (original size) */
html body #logo img, html body .header-mobile #logo img { max-height: none !important; }
@media (max-width: 849px) { html body .header-main #logo img { max-height: 50px !important; } }

/* Checkout steps: remove stray lock icon before step 1 */
.checkout-breadcrumbs .icon-lock, .checkout-page-title .icon-lock,
.checkout-breadcrumbs i[class*="lock"] { display: none !important; }

/* Space between steps / coupon / billing */
.woocommerce-checkout .woocommerce-form-coupon-toggle { margin: 12px 0 20px !important; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { margin: 0 !important; }
.woocommerce-checkout form.checkout_coupon { margin: -8px 0 20px !important; }
@media (max-width: 849px) {
  .woocommerce-checkout .checkout-breadcrumbs { margin-bottom: 16px !important; }
  .woocommerce-checkout .woocommerce-form-coupon-toggle { margin: 8px 0 16px !important; }
}

/* Salesgen cross-sell: real cards (li is the col, no inner wrapper) -> grid + card on li */
ul.salesgen-upsell-cart-items.row {
  display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px;
  margin: 0 !important; padding: 0 !important; list-style: none;
}
ul.salesgen-upsell-cart-items.row::before, ul.salesgen-upsell-cart-items.row::after { display: none !important; }
@media (max-width: 849px) { ul.salesgen-upsell-cart-items.row { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; } }
ul.salesgen-upsell-cart-items > li.salesgen-upsell-popup-item-list {
  max-width: none !important; width: auto !important; flex: none !important; margin: 0 !important; padding: 0 !important;
  background: #fff !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; overflow: hidden;
  display: flex !important; flex-direction: column; transition: transform .2s, box-shadow .2s;
}
ul.salesgen-upsell-cart-items > li.salesgen-upsell-popup-item-list:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -12px rgba(0,0,0,.18); }
ul.salesgen-upsell-cart-items > li > a:first-child img { display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 0 !important; }
ul.salesgen-upsell-cart-items .sgbmsm-price-checkbox { font-weight: 700; color: #18181b; margin: 4px 0 0; }