/* =============================================================================
   FOREVER TROPICALS REDESIGN  (Kadence-tuned, v1.4)
   Brand styling + product-page info boxes. Styling/layout only; no data changes.
   ============================================================================= */

:root{
  --ft-green-dark:#1d4a39;
  --ft-green-darkest:#163b2d;
  --ft-green-mid:#2a6850;
  --ft-green-accent:#5f7d52;
  --ft-gold:#c9a24b;
  --ft-gold-light:#e6c878;
  --ft-card:#ffffff;
  --ft-card-text:#1d2b22;
  --ft-cream:#f5f3ec;
  --ft-text-light:#f3f1ea;
  --ft-text-muted:#c4cbbf;
  --ft-sale-red:#b23b2e;
  --ft-serif:Georgia,"Times New Roman",serif;
  --ft-sans:"Helvetica Neue",Arial,system-ui,sans-serif;
}

/* ---- 1. Background + base ------------------------------------------- */
html,body{
  background:radial-gradient(circle at 50% 0%,
            var(--ft-green-mid) 0%,var(--ft-green-dark) 45%,var(--ft-green-darkest) 100%) !important;
  background-attachment:fixed !important;
  color:var(--ft-text-light);
}
body,#wrapper,#inner-wrap,.content-bg,.site,.content-container{background-color:transparent !important;}
body{font-family:var(--ft-sans);line-height:1.55;color:var(--ft-text-light);}
.entry-content,.entry-content p,.woocommerce-page,.site-main{color:var(--ft-text-light);}

/* ---- 2. Headings ---------------------------------------------------- */
h1,h2,h3,h4,.entry-title,.product_title,.woocommerce-products-header__title,.page-title{
  font-family:var(--ft-serif) !important;font-weight:600;color:var(--ft-text-light);
}

/* ---- 3. Kadence header (dark green, light nav) --------------------- */
#masthead,.site-header-row-container-inner,
.site-main-header-wrap,.site-top-header-wrap,.site-bottom-header-wrap{
  background-color:var(--ft-green-darkest) !important;
}
#masthead a,.header-navigation a,.site-branding a,.site-title a,
.header-navigation .menu-container>ul>li>a{color:var(--ft-text-light) !important;}
#masthead a:hover,.header-navigation a:hover{color:var(--ft-gold-light) !important;}
.site-branding .site-title{font-family:var(--ft-serif) !important;color:#fff !important;}
/* dropdown submenu */
.header-navigation ul ul{background:var(--ft-green-dark) !important;}
.header-navigation ul ul a{color:var(--ft-text-light) !important;}

/* ---- 4. Buttons ----------------------------------------------------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,
a.add_to_cart_button,.single_add_to_cart_button,
.woocommerce #respond input#submit,.wp-block-button__link,.button{
  background:var(--ft-green-accent) !important;color:#fff !important;border:0 !important;
  border-radius:6px !important;text-transform:uppercase;letter-spacing:1px;
  font-size:13px !important;font-weight:600 !important;padding:12px 22px !important;
}
.woocommerce a.button:hover,.single_add_to_cart_button:hover,a.add_to_cart_button:hover,.button:hover{
  background:#4f6b44 !important;
}

/* ---- 5. Product cards (shop / archive) ----------------------------- */
.woocommerce ul.products li.product,
ul.products li.product,.product-grid-item{
  background:var(--ft-card) !important;border-radius:12px !important;overflow:hidden !important;
  padding:0 0 18px 0 !important;box-shadow:0 8px 22px rgba(0,0,0,.30);
  display:flex !important;flex-direction:column;
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.40);}
.woocommerce ul.products li.product a img,ul.products li.product img{
  margin:0 0 14px 0 !important;width:100% !important;height:auto !important;border-radius:0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,ul.products li.product h3,
.woocommerce ul.products li.product h2{
  color:var(--ft-card-text) !important;font-family:var(--ft-serif) !important;
  font-size:16px !important;line-height:1.3 !important;padding:0 16px !important;margin:0 0 6px 0 !important;
  min-height:0 !important;white-space:normal !important;
}
.woocommerce ul.products li.product .price,ul.products li.product .price{
  color:var(--ft-card-text) !important;font-family:var(--ft-sans) !important;
  font-size:15px !important;font-weight:600 !important;padding:0 16px !important;margin:0 !important;display:block;
}
.woocommerce ul.products li.product .price ins,.woocommerce ul.products li.product .price ins .amount{color:var(--ft-sale-red) !important;text-decoration:none;font-weight:700;}
.woocommerce ul.products li.product .price del,.woocommerce ul.products li.product .price del .amount{color:#999 !important;font-weight:400;}
.woocommerce ul.products li.product .button{margin:14px 16px 0 16px !important;align-self:flex-start;}

/* ---- 6. SALE / NEW badges ------------------------------------------ */
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale{
  position:absolute !important;top:12px;left:12px;right:auto;margin:0 !important;
  background:var(--ft-sale-red) !important;color:#fff !important;border-radius:4px !important;
  min-height:0;min-width:0;line-height:1;padding:6px 12px !important;
  font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
}

/* ---- 7. Shop header / sort / search -------------------------------- */
.woocommerce-products-header__title,.page-title{color:var(--ft-text-light) !important;}
.woocommerce-result-count,.woocommerce-ordering,.orderby{color:var(--ft-text-muted) !important;}
.woocommerce-ordering select,select.orderby,
.woocommerce-product-search input[type="search"],input.search-field{
  background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.28) !important;
  color:var(--ft-text-light) !important;border-radius:6px;padding:8px 12px;
}

/* ---- 8. Single product summary ------------------------------------- */
.single-product .product_title{color:var(--ft-text-light) !important;}
.single-product .summary .price,.single-product .entry-summary .price{
  color:var(--ft-text-light) !important;font-family:var(--ft-serif) !important;font-size:28px !important;
}
.single-product .woocommerce-product-details__short-description{color:var(--ft-text-muted) !important;}
.single-product .stock.in-stock{color:#8fce9a !important;font-weight:600;}
.single-product .quantity input.qty{
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.3) !important;
  color:var(--ft-text-light) !important;border-radius:6px;
}
/* payment / financing messaging — kept but tidied into one quiet line */
.single-product .entry-summary .StripeElement,
.single-product .entry-summary .ppcp-messages,
.single-product .entry-summary .wc-stripe-product-messaging-container{
  max-width:360px;margin:10px 0 0 0 !important;padding:8px 12px !important;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;
}
/* product meta quieter */
.single-product .product_meta{
  font-size:13px;color:var(--ft-text-muted) !important;
  border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding-top:14px;
}
.single-product .product_meta a{color:var(--ft-text-muted) !important;}

/* ---- 9. CLEAN DETAIL: About block + three boxes (plugin output) ----- */
.ft-detail{clear:both;width:100%;max-width:1180px;margin:46px auto 0;padding:0 20px;}
.ft-section-title{font-family:var(--ft-serif) !important;color:var(--ft-text-light) !important;font-size:24px;margin:0 0 14px;}
.ft-about{margin-bottom:38px;}
.ft-about-body{color:var(--ft-text-muted);font-size:15px;line-height:1.7;max-width:820px;}
.ft-about-body p{margin:0 0 12px;}
.ft-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:100%;margin:0;padding:0;}
.ft-info-card{background:var(--ft-cream);color:var(--ft-card-text);border-radius:14px;padding:34px 30px;box-shadow:0 10px 26px rgba(0,0,0,.25);}
.ft-info-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.ft-info-card h3{font-family:var(--ft-serif);font-size:18px;color:var(--ft-card-text);margin:0;letter-spacing:.5px;text-transform:uppercase;}
.ft-icon-circle{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--ft-green-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;}
.ft-info-card ul{list-style:none;margin:0;padding:0;}
.ft-info-card ul li{padding:7px 0 7px 24px;position:relative;color:var(--ft-card-text);font-size:14.5px;line-height:1.45;}
.ft-info-card ul li::before{content:"\2713";position:absolute;left:0;color:var(--ft-green-accent);font-weight:700;}
.ft-info-card dl{margin:0;}
.ft-info-card dt{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:var(--ft-green-accent);margin-top:12px;}
.ft-info-card dt:first-child{margin-top:0;}
.ft-info-card dd{margin:2px 0 0 0;font-size:14.5px;color:var(--ft-card-text);}
@media(max-width:900px){.ft-detail{padding:0 16px;}.ft-info-grid{grid-template-columns:1fr;gap:18px;}}

/* ---- 10. Benefit row shortcode ------------------------------------- */
.ft-benefits{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;padding:28px 16px;}
.ft-benefit{display:flex;align-items:center;gap:12px;color:var(--ft-text-light);}
.ft-benefit-ico{font-size:26px;}
.ft-benefit strong{display:block;font-size:15px;}
.ft-benefit-sub{display:block;color:var(--ft-text-muted);font-size:13px;}

/* ---- 11. Footer + links -------------------------------------------- */
footer,.site-footer,#colophon{background:var(--ft-green-darkest) !important;color:var(--ft-text-muted) !important;}
footer a,.site-footer a{color:var(--ft-text-muted) !important;}
footer a:hover{color:var(--ft-gold-light) !important;}
a{color:var(--ft-gold-light);}

/* ---- 12. Related products row -------------------------------------- */
.single-product .related>h2,.single-product .up-sells>h2{color:var(--ft-text-light) !important;font-family:var(--ft-serif) !important;}

/* ---- 14. Kadence page hero (shop/archive) blend into green ---- */
.entry-hero-container-inner{background:transparent !important;min-height:0 !important;padding-top:24px !important;padding-bottom:0 !important;}
.entry-hero .entry-title,.entry-hero h1,.page-hero-section .entry-title{color:var(--ft-text-light) !important;}

/* ---- 15. WBW filter bar (shop/archive) ---- */
.ft-filter-bar{max-width:1180px;margin:0 auto 26px;padding:0 20px;}
.ft-filter-bar .wpfFilterWrapper{display:flex !important;flex-wrap:wrap;align-items:center;gap:14px;}
.ft-filter-bar .wpfFilterContent{margin:0 !important;}
.ft-filter-bar select{background:rgba(255,255,255,.95) !important;color:#1d2b22 !important;border:0 !important;border-radius:8px !important;padding:11px 14px !important;min-width:170px;font-size:14px;}
.ft-filter-bar .wpfFilterButton,.ft-filter-bar .wpfClearButton{width:auto !important;display:inline-block !important;background:var(--ft-green-accent) !important;color:#fff !important;border:0 !important;border-radius:8px !important;padding:11px 26px !important;text-transform:uppercase;letter-spacing:1px;font-size:13px !important;font-weight:600 !important;margin:0 6px 0 0 !important;}
.ft-filter-bar .wpfClearButton{background:transparent !important;border:1px solid rgba(255,255,255,.5) !important;}
.ft-filter-bar label,.ft-filter-bar .wpfFilterTitle{color:var(--ft-text-light) !important;}
.ft-filter-bar .ui-slider .ui-slider-range,.ft-filter-bar .ui-slider .ui-slider-handle{background:var(--ft-gold) !important;}

/* ---- 16. Box 1 short-description content -------------------------- */
.ft-info-card .ft-wyg{color:var(--ft-card-text);font-size:14.5px;line-height:1.6;}
.ft-info-card .ft-wyg p{margin:0 0 8px;}
.ft-info-card .ft-wyg ul{list-style:none;margin:0;padding:0;}
.ft-info-card .ft-wyg li{padding:7px 0 7px 24px;position:relative;font-size:14.5px;line-height:1.45;}
.ft-info-card .ft-wyg li::before{content:"\2713";position:absolute;left:0;color:var(--ft-green-accent);font-weight:700;}

/* ---- 17. Add-to-cart + waitlist alignment ------------------------- */
.single-product .single_add_to_cart_button,
.single-product .wlfmc-popup-trigger,
.single-product a.button.alt{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  line-height:1 !important;text-align:center;min-height:46px;
}

/* ---- 18. PayPal Pay-in-4 message readable (iframe needs light bg) -- */
.single-product .entry-summary .ppcp-messages{
  background:#fff !important;border-radius:8px;padding:6px 10px !important;display:inline-block;
}

/* ---- 19. My Account branding -------------------------------------- */
.ft-account-brand{
  display:flex;flex-direction:column;gap:2px;
  background:var(--ft-green-darkest);border-radius:12px;
  padding:22px 26px;margin:0 0 26px;border:1px solid rgba(255,255,255,.10);
}
.ft-account-brand .ft-account-logo{font-family:var(--ft-serif);font-size:24px;color:#fff;letter-spacing:.5px;}
.ft-account-brand .ft-account-tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ft-gold-light);}

/* ---- 13. Mobile ----------------------------------------------------- */
@media(max-width:768px){
  .woocommerce a.button,.single_add_to_cart_button,.button{width:100%;text-align:center;}
  .single-product .summary .price{font-size:22px !important;}
  .ft-benefits{gap:18px;}
}


/* ---- 20. VIP Early Access page ------------------------------------ */
.page-id-14081 .entry-content,.page-id-14081 .entry-content-wrap{max-width:1100px !important;margin:0 auto !important;padding:48px 24px !important;width:auto !important;}
.ft-vip-hero{text-align:center;margin-bottom:36px;}
.ft-vip-badge{display:inline-block;background:var(--ft-gold);color:#1d2b22;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:12px;padding:6px 16px;border-radius:20px;margin-bottom:14px;}
.ft-vip-hero h1{font-size:40px;margin:6px 0 12px;}
.ft-vip-subtitle{color:var(--ft-text-muted);font-size:17px;max-width:640px;margin:0 auto 18px;}
.ft-vip-code-box{display:inline-block;background:rgba(255,255,255,.06);border:1px dashed var(--ft-gold-light);border-radius:10px;padding:14px 22px;color:var(--ft-text-light);font-size:15px;}
.ft-vip-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0;}
.ft-vip-benefit{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px 24px;text-align:center;}
.ft-vip-icon{font-size:30px;margin-bottom:10px;}
.ft-vip-benefit h2,.ft-vip-benefit h3{font-size:19px;margin:0 0 8px;color:var(--ft-text-light);}
.ft-vip-benefit p{color:var(--ft-text-muted);font-size:14.5px;margin:0;}
.ft-vip-section-title{text-align:center;font-size:28px;margin:30px 0 8px;}
.ft-vip-section-note{text-align:center;color:var(--ft-text-muted);margin:0 0 28px;}
@media(max-width:768px){.ft-vip-benefits{grid-template-columns:1fr;}.ft-vip-hero h1{font-size:30px;}}

.page-id-14081 .woocommerce{max-width:1100px !important;margin:0 auto !important;padding:0 24px 60px !important;}
.page-id-14081 .woocommerce ul.products{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;margin:0 !important;}
.page-id-14081 .woocommerce ul.products li.product{width:auto !important;margin:0 !important;float:none !important;}
@media(max-width:768px){.page-id-14081 .woocommerce ul.products{grid-template-columns:1fr;}}