/*
Theme Name: Flourish Replica
Theme URI: https://flourishglobalpeptide.cc/
Description: Faithful replica of Flourish Global Peptide (Blocksy source) — WooCommerce storefront, classic theme. Built by the Tuju clone pipeline.
Author: in-house
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: flourish-replica
*/

/* ============================================================
   DESIGN TOKENS — lifted from the source Blocksy palette
   ============================================================ */
:root{
  --fgp-c1:#063B86;   /* primary deep blue */
  --fgp-c2:#009FE3;   /* bright cyan accent */
  --fgp-c3:#061B3A;   /* darkest navy (hero/footer bg) */
  --fgp-c4:#172033;   /* heading/body dark */
  --fgp-c5:#667085;   /* muted text */
  --fgp-c6:#DDE8F5;   /* light blue surface */
  --fgp-c7:#F3F8FF;   /* lightest blue surface */
  --fgp-white:#ffffff;
  --fgp-btn:#172033;        /* dark navy — source Elementor button = palette_4 */
  --fgp-btn-hover:#063B86;  /* primary blue on hover */
  --fgp-font:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --fgp-container:1290px;
  --fgp-radius:8px;
  --fgp-shadow:0 10px 30px rgba(6,27,58,.08);
}

/* ============================================================
   BASE / RESET
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--fgp-font);
  font-size:16px;
  line-height:1.65;
  color:var(--fgp-c4);
  background:var(--fgp-white);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--fgp-c1);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--fgp-c2)}
h1,h2,h3,h4,h5,h6{font-family:var(--fgp-font);color:var(--fgp-c4);line-height:1.2;margin:0 0 .5em;font-weight:600}
h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.4rem}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1rem;padding-left:1.2rem}

.fgp-container{max-width:var(--fgp-container);margin:0 auto;padding:0 20px;width:100%}
.fgp-section{padding:64px 0}
.fgp-eyebrow{color:var(--fgp-c2);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;margin-bottom:.5rem;display:block}
.fgp-muted{color:var(--fgp-c5)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* ============================================================
   BUTTONS
   ============================================================ */
.fgp-btn,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button.alt,
a.button.wp-element-button,.wp-element-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:var(--fgp-btn);color:#fff;
  border:none;border-radius:var(--fgp-radius);
  padding:.85em 1.8em;font-family:var(--fgp-font);font-weight:600;font-size:1rem;
  line-height:1.2;cursor:pointer;text-align:center;transition:background .18s ease,transform .1s ease;
}
.fgp-btn:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce .button.alt:hover,
a.button.wp-element-button:hover,.wp-element-button:hover{background:var(--fgp-btn-hover);color:#fff}
.fgp-btn--ghost{background:transparent;border:2px solid #fff;color:#fff}
.fgp-btn--ghost:hover{background:#fff;color:var(--fgp-c1)}
.fgp-btn--outline{background:transparent;border:2px solid var(--fgp-c1);color:var(--fgp-c1)}
.fgp-btn--outline:hover{background:var(--fgp-c1);color:#fff}