/*
Theme Name: FlavourON Spice Store
Theme URI: https://example.com/
Author: B and P Software
Description: Modern Elementor-ready non-WooCommerce spice store theme inspired by the supplied FlavourON reference. Includes editable product, testimonial and business-opportunity content types, demo importer and contact enquiry flow.
Version: 1.1.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: flavouron
*/
:root{--fo-green:#5d7448;--fo-green-2:#71875b;--fo-green-dark:#3f5731;--fo-cream:#f6f3e9;--fo-cream-2:#eeeee3;--fo-red:#d20b0b;--fo-gold:#f2b126;--fo-text:#20251d;--fo-muted:#6d7168;--fo-border:#dfe2d7;--fo-white:#fff;--fo-radius:12px;--fo-shadow:0 6px 20px rgba(42,58,31,.08)}
*{box-sizing:border-box}
/*
 * Elementor HOME PAGE STACK FIX
 *
 * The imported homepage is an Elementor page (not the PHP front-page
 * template), so .fo-home is not present around the Elementor document.
 * Elementor's generated post CSS can therefore leave the main container
 * in ROW mode. Target the actual wp-page Elementor document on the home
 * page and force its shortcode widgets into a vertical stack.
 */
body.home .elementor[data-elementor-type="wp-page"] {
  width:100% !important;
  max-width:100% !important;
}

body.home .elementor[data-elementor-type="wp-page"] > .e-con.e-parent {
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  align-content:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-width:0 !important;
}

body.home .elementor[data-elementor-type="wp-page"] > .e-con.e-parent > .elementor-element {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  align-self:stretch !important;
}

body.home .elementor[data-elementor-type="wp-page"] .elementor-widget-shortcode,
body.home .elementor[data-elementor-type="wp-page"] .elementor-widget-html {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

body.home .elementor[data-elementor-type="wp-page"] .elementor-widget-shortcode > .elementor-widget-container,
body.home .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* The actual content sections must also occupy the complete page width. */
body.home .elementor[data-elementor-type="wp-page"] .fo-hero,
body.home .elementor[data-elementor-type="wp-page"] .fo-section {
  width:100%;
  max-width:100%;
}

@media (max-width:767px) {
  body.home .elementor[data-elementor-type="wp-page"] > .e-con.e-parent {
    flex-direction:column !important;
  }

  body.home .elementor[data-elementor-type="wp-page"] > .e-con.e-parent > .elementor-element {
    width:100% !important;
  }
}
html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--fo-text);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.fo-container{width:min(1200px,calc(100% - 36px));margin:auto}.fo-section{padding:22px 0}.fo-card{background:#fff;border:1px solid var(--fo-border);border-radius:var(--fo-radius);box-shadow:var(--fo-shadow)}.fo-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.fo-title{font-size:24px;line-height:1.15;margin:0;font-weight:800}.fo-link{font-weight:700;color:var(--fo-green-dark)}.fo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--fo-green);color:#fff;padding:11px 18px;font-weight:800;cursor:pointer;transition:.2s}.fo-btn:hover{background:var(--fo-green-dark);transform:translateY(-1px)}.fo-btn-light{background:#edf1e6;color:var(--fo-green-dark)}.fo-btn-red{background:var(--fo-red)}.fo-btn-outline{background:transparent;color:var(--fo-green-dark);border:1px solid var(--fo-green)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Header */
.fo-topbar{background:var(--fo-green-dark);color:#fff;font-size:12px}.fo-topbar .fo-container{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:33px}.fo-top-items{display:flex;gap:18px;flex-wrap:wrap}.fo-top-items span{display:inline-flex;align-items:center;gap:7px}.fo-social{display:flex;gap:10px}.fo-social a{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:11px}
.fo-header{background:#fff;border-bottom:1px solid #e7e7de}.fo-header-main{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;padding:10px 0}.fo-logo{width:155px}.fo-search{display:flex;border:1px solid #d7d9cf;border-radius:7px;overflow:hidden;height:42px}.fo-search input{border:0;outline:0;padding:0 14px;flex:1;min-width:0}.fo-search button{width:48px;border:0;background:var(--fo-green);color:#fff}.fo-head-actions{display:flex;align-items:center;gap:18px}.fo-action{font-size:12px;text-align:center}.fo-action .icon{font-size:21px;display:block;line-height:1.1}.fo-whatsapp{background:var(--fo-green);color:#fff;border-radius:8px;padding:10px 15px;font-weight:800;white-space:nowrap}.fo-nav{background:#f5f4ed}.fo-nav .fo-container{display:flex;justify-content:center}.fo-menu{display:flex;gap:0;list-style:none;margin:0;padding:0}.fo-menu>li>a{display:block;padding:11px 15px;font-size:13px;font-weight:800}.fo-menu>li>a:hover,.fo-menu>li.current-menu-item>a{background:#e9ede1;color:var(--fo-green-dark)}.fo-mobile-toggle{display:none}
/* Hero */
.fo-hero{position:relative;min-height:305px;border-radius:0;overflow:hidden;background:#172315}.fo-hero-slides{position:absolute;inset:0}.fo-hero-slide{position:absolute;inset:0;min-height:305px;background-size:cover;background-position:center;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .65s ease,visibility .65s ease,transform 5s ease}.fo-hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,9,.72),rgba(10,17,9,.12) 70%)}.fo-hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.fo-hero-content{position:relative;z-index:1;min-height:305px;display:flex;align-items:center}.fo-hero-copy{color:#fff;max-width:590px;opacity:0;transform:translateX(-28px);transition:opacity .65s ease .15s,transform .65s ease .15s}.fo-hero-slide.is-active .fo-hero-copy{opacity:1;transform:translateX(0)}.fo-hero-copy h1{font-family:Georgia,serif;font-size:39px;line-height:1.08;margin:0 0 10px}.fo-hero-copy p{display:inline-block;background:rgba(0,0,0,.25);border:1px solid #fff;border-radius:6px;padding:5px 9px;font-family:Georgia,serif;font-style:italic;margin:0 0 16px}.fo-hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#30452a;font-size:29px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .2s ease,background .2s ease}.fo-hero-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.fo-hero-prev{left:14px}.fo-hero-next{right:14px}.fo-hero-dots{position:absolute;z-index:6;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;margin:0}.fo-hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff;opacity:.55;cursor:pointer;transition:transform .25s ease,opacity .25s ease}.fo-hero-dot:hover{opacity:.9;transform:scale(1.25)}.fo-hero-dot.active{opacity:1;transform:scale(1.35);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
/* Categories */
.fo-cats{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.fo-cat{text-align:center}.fo-cat-img{width:86px;height:86px;margin:0 auto 6px;border-radius:50%;background:#fbf0df;object-fit:cover;border:5px solid #fbf0df}.fo-cat-name{font-size:12px;font-weight:800}.fo-badge{position:absolute;top:-2px;right:4px;background:var(--fo-green);color:#fff;font-size:10px;padding:6px 7px;border-radius:50%}.fo-cat-media{position:relative;width:max-content;margin:auto}
/* Products */
.fo-product-section{background:#f4f6ed;padding:12px;border-radius:10px}.fo-products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fo-product{position:relative;padding:10px;background:#fff;border:1px solid #e2e4db;border-radius:8px;min-width:0}.fo-product-heart{position:absolute;right:8px;top:7px;font-size:18px;color:#7b7d76}.fo-product-img{height:125px;width:100%;object-fit:contain;background:#fafafa;border-radius:5px}.fo-product h3{font-size:13px;line-height:1.15;margin:8px 0 5px;min-height:30px}.fo-rating{font-size:12px;color:#f2a915;white-space:nowrap}.fo-rating span{color:#777;margin-left:4px}.fo-price{display:flex;align-items:center;gap:8px;margin:5px 0}.fo-price strong{font-size:15px}.fo-old{text-decoration:line-through;color:#7d8079;font-size:12px}.fo-product .fo-btn{width:100%;padding:8px;font-size:12px}
/* live */
.fo-live{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:14px;align-items:center;padding:10px 14px;background:#fff;border:1px solid var(--fo-border);border-radius:10px}.fo-live-label{font-weight:900;color:var(--fo-green-dark);white-space:nowrap}.fo-live-item{display:flex;align-items:center;gap:8px;font-size:11px;border-left:1px solid #e1e2db;padding-left:12px}.fo-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#eee}
/* bulk */
.fo-bulk{background:linear-gradient(90deg,#eef1e6 0%,#eef1e6 68%,#e5ead8 100%);border-radius:10px;overflow:hidden;padding:12px 18px;position:relative}.fo-bulk:after{content:"";position:absolute;right:0;top:0;width:33%;height:100%;background:url('../images/bulk.jpg') center/cover;opacity:.2}.fo-bulk-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .75fr .75fr .8fr auto;gap:10px;align-items:end}.fo-field label{display:block;font-size:10px;font-weight:700;margin-bottom:4px}.fo-field select,.fo-field input{width:100%;height:39px;border:1px solid #d7dacd;border-radius:6px;background:#fff;padding:0 10px}.fo-estimate strong{font-size:24px;color:var(--fo-green-dark);display:block}
/* business */
.fo-business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fo-business{padding:18px;min-height:165px;background:#f2f4e9;border:1px solid #e2e5d9;border-radius:10px;position:relative;overflow:hidden}.fo-business h3{margin:0 0 3px;font-size:18px}.fo-business p{margin:0 0 10px;color:#62665d}.fo-business ul{margin:7px 0 12px;padding-left:18px;font-size:12px}.fo-business li{margin:4px 0}.fo-business .fo-btn{font-size:12px}.fo-business-img{position:absolute;right:-20px;bottom:-15px;width:125px;opacity:.9}
/* trust/testimonials */
.fo-trust{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px;border:1px solid var(--fo-border);border-radius:10px}.fo-trust-item{text-align:center;font-size:11px}.fo-trust-icon{width:38px;height:38px;border-radius:50%;background:#fbf0df;margin:0 auto 5px;display:grid;place-items:center;font-size:18px}.fo-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fo-testimonial{display:flex;gap:12px;padding:14px;border:1px solid var(--fo-border);border-radius:10px;background:#fff}.fo-testimonial img{width:52px;height:52px;border-radius:50%;object-fit:cover}.fo-testimonial p{font-size:12px;margin:4px 0;color:#555}.fo-testimonial strong{font-size:11px;color:#555}.fo-testimonial .stars{color:#f2a915;font-size:12px}
/* Footer */
.fo-footer{background:#f0f1e7;margin-top:28px;border-top:1px solid #dfe1d7}.fo-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr 1fr;gap:25px;padding:30px 0}.fo-footer h4{margin:0 0 8px;font-size:14px}.fo-footer ul{list-style:none;padding:0;margin:0}.fo-footer li{margin:5px 0;font-size:12px;color:#555}.fo-footer-logo{width:145px}.fo-footer-bottom{text-align:center;border-top:1px solid #d8dbd1;padding:10px;font-size:11px;color:#666}
/* pages/contact */
.fo-page-wrap{padding:40px 0}.fo-page-wrap h1{font-size:38px;margin:0 0 15px}.fo-page-content{max-width:900px}.fo-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.fo-contact-info{background:#f0f2e8;padding:28px;border-radius:12px}.fo-contact-info h2,.fo-contact-form h2{margin-top:0}.fo-contact-item{margin:18px 0}.fo-contact-item strong{display:block;color:var(--fo-green-dark)}.fo-contact-form{padding:28px;border:1px solid var(--fo-border);border-radius:12px}.fo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fo-form-group{margin-bottom:14px}.fo-form-group.full{grid-column:1/-1}.fo-form-group label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.fo-form-group input,.fo-form-group textarea,.fo-form-group select{width:100%;border:1px solid #d8dbd1;border-radius:7px;padding:11px}.fo-form-group textarea{min-height:140px;resize:vertical}.fo-notice{padding:12px;border-radius:8px;margin-bottom:15px;background:#edf4e7;color:var(--fo-green-dark)}
/* archive/search */
.fo-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fo-empty{padding:40px;text-align:center;border:1px dashed #ccd0c4;border-radius:10px}
/* mobile */
@media(max-width:900px){.fo-header-main{grid-template-columns:150px 1fr auto;gap:12px}.fo-head-actions{gap:8px}.fo-action{display:none}.fo-cats{grid-template-columns:repeat(4,1fr)}.fo-products,.fo-archive-grid{grid-template-columns:repeat(2,1fr)}.fo-business-grid{grid-template-columns:1fr}.fo-trust{grid-template-columns:repeat(3,1fr)}.fo-testimonials{grid-template-columns:1fr}.fo-bulk-grid{grid-template-columns:1fr 1fr}.fo-bulk .fo-estimate{grid-column:1/-1}.fo-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.fo-nav.is-open{display:block}.fo-nav .fo-container{display:block}.fo-menu{display:block}.fo-menu>li>a{padding:12px 15px;border-bottom:1px solid #e2e4dc}.fo-container{width:min(100% - 22px,600px)}.fo-topbar .fo-container{justify-content:center}.fo-top-items span:nth-child(n+3){display:none}.fo-header-main{grid-template-columns:1fr auto;padding:8px 0}.fo-logo{width:125px}.fo-search{grid-column:1/-1;grid-row:2;height:40px}.fo-whatsapp{font-size:11px;padding:9px}.fo-nav{display:none}.fo-mobile-toggle{display:block;border:0;background:var(--fo-green);color:#fff;border-radius:6px;padding:8px}.fo-hero,.fo-hero-slide{min-height:390px}.fo-hero-content{min-height:390px}.fo-hero-copy h1{font-size:31px}.fo-hero-arrow{width:32px;height:32px;font-size:24px}.fo-hero-prev{left:8px}.fo-hero-next{right:8px}.fo-hero-copy{max-width:calc(100% - 20px);margin-left:25px}.fo-cats{grid-template-columns:repeat(3,1fr);gap:10px}.fo-cat-img{width:70px;height:70px}.fo-products{grid-template-columns:repeat(2,1fr);gap:8px}.fo-product{padding:7px}.fo-product-img{height:125px}.fo-live{grid-template-columns:1fr;gap:8px}.fo-live-item{border-left:0;border-top:1px solid #e1e2db;padding:8px 0}.fo-bulk-grid{grid-template-columns:1fr}.fo-bulk .fo-estimate{grid-column:auto}.fo-footer-grid{grid-template-columns:1fr 1fr;gap:18px}.fo-contact{grid-template-columns:1fr}.fo-form-grid{grid-template-columns:1fr}.fo-form-group.full{grid-column:auto}.fo-page-wrap h1{font-size:30px}}