/*
Theme Name: FitMiddle FB88 Flatsome Complete
Theme URI: https://example.com/
Description: Flatsome child theme with prebuilt green/yellow FB88-style SEO landing layout, UX Blocks and responsive styling.
Author: OpenAI
Template: flatsome
Version: 1.0.0
Text Domain: fitmiddle-fb88-flatsome
*/

:root{
  --fb88-green:#079447;
  --fb88-green-dark:#004f2b;
  --fb88-green-deep:#052f20;
  --fb88-yellow:#f3b313;
  --fb88-yellow-2:#ffd85a;
  --fb88-cream:#fff8e7;
  --fb88-text:#2b2b2b;
  --fb88-muted:#6f6f6f;
  --fb88-border:#ead7bd;
  --fb88-shadow:0 10px 28px rgba(91,18,8,.13);
  --fb88-radius:14px;
}

body.fb88fm-ready-site,
body.fb88fm-ready-site input,
body.fb88fm-ready-site textarea,
body.fb88fm-ready-site select,
body.fb88fm-ready-site button{
  font-family:Arial,"Segoe UI",Tahoma,sans-serif!important;
  color:var(--fb88-text);
}
body.fb88fm-ready-site h1,body.fb88fm-ready-site h2,body.fb88fm-ready-site h3,body.fb88fm-ready-site h4{font-family:Arial,"Segoe UI",Tahoma,sans-serif!important;font-weight:800;letter-spacing:-.02em}
body.fb88fm-ready-site h2{font-size:30px;color:#076836;line-height:1.25}
body.fb88fm-ready-site h3{color:#078040}
body.fb88fm-ready-site p{line-height:1.72}
body.fb88fm-ready-site a{transition:.2s}

/* Flatsome header skin */
body.fb88fm-ready-site #header .header-main{background:linear-gradient(180deg,#079447,#006b39);border-bottom:1px solid rgba(255,215,90,.45)}
body.fb88fm-ready-site #header .header-bottom{background:linear-gradient(180deg,#006a39,#00562f)!important}
body.fb88fm-ready-site #header .nav>li>a{color:#fff!important;font-weight:800;font-size:13px;text-transform:uppercase}
body.fb88fm-ready-site #header .nav>li>a:hover{color:var(--fb88-yellow-2)!important}
body.fb88fm-ready-site #header .header-search-form-wrapper input{border-radius:6px}
body.fb88fm-ready-site #logo img{display:none!important}
body.fb88fm-ready-site #logo a{display:flex!important;align-items:center;text-decoration:none!important;min-width:145px}
body.fb88fm-ready-site #logo a:before{content:"FB88";font-size:31px;line-height:1;color:#fff;font-weight:900;letter-spacing:-2px;text-shadow:0 2px 4px rgba(0,0,0,.25)}
body.fb88fm-ready-site #logo a:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--fb88-yellow);box-shadow:0 0 12px var(--fb88-yellow);margin-left:7px}

/* Access strip */
.fb88fm-access{background:#fff7e6;border-bottom:1px solid #efd4a6;padding:9px 0}
.fb88fm-access-inner{display:flex;gap:14px;align-items:center;justify-content:space-between}
.fb88fm-access-copy{display:flex;align-items:center;gap:10px;color:#075f32;font-weight:800;font-size:13px}.fb88fm-access-copy b{display:inline-flex;align-items:center;justify-content:center;background:#079447;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px}
.fb88fm-access-actions{display:flex;gap:8px}.fb88fm-mini-btn{display:inline-block;border-radius:6px;padding:8px 15px;font-size:12px;font-weight:900;text-transform:uppercase}.fb88fm-mini-btn.login{background:#006b39;color:#fff}.fb88fm-mini-btn.register{background:linear-gradient(180deg,#ffd75a,#f0ad09);color:#064d2a;box-shadow:0 3px 0 #c67d00}

/* Hero */
.fb88fm-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 44%,rgba(255,194,32,.25),transparent 23%),radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 18%),linear-gradient(115deg,#032f1d 0,#064e2c 34%,#079447 70%,#043f25 100%);color:#fff;border-bottom:4px solid #d69a09}
.fb88fm-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(132deg,transparent 0 38px,rgba(255,255,255,.018) 38px 40px);pointer-events:none}
.fb88fm-hero-copy{padding:24px 0 14px;position:relative;z-index:2}.fb88fm-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.fb88fm-brand-mark{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#0ba44f 0 56%,#006b39 58%);border:4px solid #ffc83b;display:flex;align-items:center;justify-content:center;color:#ffd43f;font-size:29px;font-weight:900;box-shadow:0 0 26px rgba(255,183,16,.38)}.fb88fm-brand-name{font-size:50px;line-height:.95;color:#fff;font-weight:900;letter-spacing:-3px}.fb88fm-brand-name span{color:#ffd33d}.fb88fm-hero h1{font-size:38px;color:#fff;margin:12px 0 8px;line-height:1.12}.fb88fm-hero p{font-size:17px;color:#f7ded8;max-width:690px}.fb88fm-badges{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.fb88fm-badge{display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(255,214,86,.48);background:rgba(0,0,0,.23);border-radius:999px;padding:8px 11px;font-size:12px;color:#fff}.fb88fm-badge strong{color:#ffd953}
.fb88fm-hero .button{font-weight:900!important;border-radius:6px!important}.fb88fm-hero .button.primary{background:linear-gradient(180deg,#ffd750,#edaa08)!important;color:#064d2a!important;box-shadow:0 4px 0 #bd7100,0 10px 20px rgba(0,0,0,.18)!important}.fb88fm-hero .button.secondary{border:2px solid #fff!important;color:#fff!important;background:rgba(255,255,255,.05)!important}
.fb88fm-visual{min-height:330px;position:relative;margin:18px 0}.fb88fm-visual-ring{position:absolute;width:290px;height:290px;border-radius:50%;right:15%;top:8%;border:18px solid rgba(255,193,30,.22);box-shadow:0 0 0 10px rgba(255,255,255,.04),0 0 50px rgba(255,166,0,.22)}.fb88fm-cardfan{position:absolute;left:8%;bottom:30px;width:205px;height:142px}.fb88fm-cardfan i{position:absolute;width:80px;height:116px;border-radius:10px;background:#fff8dd;border:3px solid #f2cf73;box-shadow:0 10px 18px rgba(0,0,0,.28);bottom:0;left:54px;transform-origin:bottom center}.fb88fm-cardfan i:nth-child(1){transform:rotate(-24deg);left:24px}.fb88fm-cardfan i:nth-child(2){transform:rotate(-10deg);left:46px}.fb88fm-cardfan i:nth-child(3){transform:rotate(8deg);left:72px}.fb88fm-cardfan i:nth-child(4){transform:rotate(22deg);left:93px}.fb88fm-cardfan i:after{content:"A";position:absolute;top:9px;left:11px;font-size:24px;font-style:normal;color:#07843f;font-weight:900}.fb88fm-coin{position:absolute;width:96px;height:96px;border-radius:50%;right:8%;bottom:38px;background:radial-gradient(circle at 35% 25%,#fff4a5,#f8c12a 28%,#c37a03 72%);border:8px solid #f9d462;box-shadow:0 12px 25px rgba(0,0,0,.35),inset 0 0 0 5px #8a7600;display:flex;align-items:center;justify-content:center;color:#064d2a;font-size:38px;font-weight:900}.fb88fm-slot{position:absolute;right:26%;top:74px;width:170px;height:150px;border:8px solid #d5960b;border-radius:15px;background:#062e20;box-shadow:0 15px 30px rgba(0,0,0,.28)}.fb88fm-slot:before{content:"JACKPOT";position:absolute;left:18px;right:18px;top:-35px;text-align:center;background:#006a38;border:3px solid #e4ae27;border-radius:8px;color:#ffd64e;font-weight:900;padding:5px}.fb88fm-reels{display:flex;gap:5px;padding:30px 11px 11px}.fb88fm-reels b{flex:1;background:#fff8de;border-radius:5px;color:#079447;font-size:34px;height:75px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #d8b05e}

/* quick cards */
.fb88fm-quick-section{background:#fff;padding-top:0!important}.fb88fm-quick-row{margin-top:-24px!important;position:relative;z-index:5}.fb88fm-quick{height:100%;background:#fff;border:1px solid #ecd8be;border-radius:12px;padding:17px 15px;box-shadow:var(--fb88-shadow);display:flex;gap:12px;align-items:center}.fb88fm-quick-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#0a9b4b,#005c32);color:#ffd54a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;box-shadow:inset 0 0 0 3px #e4af2b}.fb88fm-quick strong{display:block;color:#78110c}.fb88fm-quick small{display:block;color:#826d62;margin-top:3px}

/* content */
.fb88fm-content{background:#fff}.fb88fm-article{padding-right:28px}.fb88fm-article h2{border-bottom:2px solid #f0dfc6;padding-bottom:9px;position:relative}.fb88fm-article h2:after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:#079447}.fb88fm-lead-image{position:relative;min-height:220px;margin:20px 0 28px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 68% 35%,rgba(255,217,84,.35),transparent 25%),linear-gradient(115deg,#190706,#6f0806 53%,#a50804);box-shadow:var(--fb88-shadow);display:flex;align-items:center;padding:30px;color:#fff}.fb88fm-lead-image:before{content:"FB88";position:absolute;right:26px;top:25px;font-size:66px;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-5px}.fb88fm-lead-image strong{display:block;font-size:25px;color:#ffd34d}.fb88fm-lead-image span{display:block;max-width:520px;color:#f4dbd4;margin-top:6px}
.fb88fm-feature{height:100%;padding:18px;border:1px solid #eedbc1;background:linear-gradient(180deg,#fff,#fffaf3);border-radius:14px;box-shadow:0 7px 20px rgba(110,22,11,.07)}.fb88fm-feature em{font-style:normal;width:42px;height:42px;border-radius:10px;background:#079447;color:#ffd54a;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:9px}.fb88fm-feature h3{font-size:17px;margin:0 0 6px}.fb88fm-feature p{font-size:14px;color:#706058;margin:0;line-height:1.55}
.fb88fm-category{height:100%;padding:18px 10px;text-align:center;border:1px solid #ecd9c3;border-radius:14px;background:#fffaf3;transition:.2s}.fb88fm-category:hover{transform:translateY(-4px);box-shadow:var(--fb88-shadow);background:#fff}.fb88fm-category b{width:58px;height:58px;border-radius:50%;margin:0 auto 9px;background:linear-gradient(180deg,#0aa14d,#00572f);border:4px solid #f2c24f;color:#fff4bb;display:flex;align-items:center;justify-content:center;font-size:17px}.fb88fm-category span{display:block;font-size:12px;color:#08713b;font-weight:900}
.fb88fm-product-banner{min-height:175px;border-radius:15px;background:linear-gradient(112deg,#042e20,#066b36 60%,#079447);position:relative;overflow:hidden;padding:24px;color:#fff;display:flex;align-items:center;box-shadow:var(--fb88-shadow);margin:16px 0}.fb88fm-product-banner:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:28px solid rgba(255,210,69,.17);right:-50px;top:-50px}.fb88fm-product-banner h3{color:#ffd653;font-size:23px;margin:0 0 5px}.fb88fm-product-banner p{color:#f6ddd5;margin:0;max-width:520px}
.fb88fm-step{height:100%;text-align:center;border:1px solid #eddac1;border-radius:14px;padding:18px 12px;background:#fff}.fb88fm-step i{font-style:normal;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:#087a3e;color:#ffd54a;border:3px solid #e7b43d;font-weight:900}.fb88fm-step h3{font-size:16px;margin:4px 0}.fb88fm-step p{font-size:13px;margin:0;line-height:1.5;color:#6e5d55}

/* sidebar */
.fb88fm-sidebar{padding-left:14px}.fb88fm-side-card{background:#fff;border:1px solid #ebd9c3;border-radius:14px;overflow:hidden;margin-bottom:16px;box-shadow:0 8px 22px rgba(110,18,8,.09)}.fb88fm-side-card h3{margin:0;background:linear-gradient(180deg,#078540,#005a31);color:#fff;padding:13px 16px;font-size:17px;border-bottom:3px solid #e0a71e}.fb88fm-side-card .fb88fm-side-body{padding:12px 16px}.fb88fm-side-card a{display:block;color:#096f3a;font-weight:700;padding:8px 0;border-bottom:1px dashed #e5d4c0}.fb88fm-side-card a:last-child{border-bottom:0}.fb88fm-side-cta{text-align:center;background:#fff8e8}.fb88fm-side-logo{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:16px auto 8px;background:#08763d;border:5px solid #f1bf45;color:#ffd851;font-size:24px;font-weight:900}

/* FAQ / news / CTA / footer */
.fb88fm-faq{background:linear-gradient(180deg,#fff9ef,#fff4df);border-top:1px solid #efdfc9;border-bottom:1px solid #efdfc9}.fb88fm-faq .accordion-title{background:#fff;border:1px solid #e7d4bc;border-radius:10px;margin:0 0 9px;padding:14px 45px 14px 16px;color:#076738;font-weight:800}.fb88fm-faq .accordion-inner{background:#fff;border:1px solid #e7d4bc;border-top:0;border-radius:0 0 10px 10px;margin:-11px 0 10px;padding:17px}.fb88fm-faq-card{height:100%;background:#005a31;border:4px solid #d69f18;border-radius:16px;padding:26px;text-align:center;color:#fce9dc;box-shadow:var(--fb88-shadow)}.fb88fm-faq-card h3{color:#ffd34c}.fb88fm-faq-badge{width:64px;height:64px;border-radius:50%;background:#ffd047;color:#064d2a;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;font-size:31px;font-weight:900}
.fb88fm-news{background:#fff}.fb88fm-news .box{border:1px solid #ead9c4;border-radius:12px;overflow:hidden;box-shadow:0 7px 20px rgba(92,18,8,.07)}.fb88fm-news .box-text{padding:15px}.fb88fm-news .post-title{color:#086b37;font-weight:800}.fb88fm-final{background:linear-gradient(110deg,#00572f,#079447);color:#fff;border-top:4px solid #d59c13}.fb88fm-final h2{color:#ffd54c;margin:0 0 5px}.fb88fm-final p{color:#f7ddd6;margin:0}.fb88fm-final .button{border:2px solid #ffd650!important;color:#ffd650!important}
.fb88fm-footer{background:#062d20!important;color:#d9c7bf;border-top:1px solid #0c6544}.fb88fm-footer h3{color:#f2c857;font-size:15px}.fb88fm-footer p,.fb88fm-footer a,.fb88fm-footer li{color:#c8b4ab;font-size:14px}.fb88fm-footer ul{list-style:none;margin:0;padding:0}.fb88fm-footer li{margin-bottom:7px}.fb88fm-footer-logo{font-size:28px;font-weight:900;color:#fff;margin-bottom:9px}.fb88fm-footer-logo span{color:#ffd24a}
.fb88fm-admin-hint{position:fixed;right:16px;bottom:16px;z-index:99999;background:#075c31;color:#fff;border:1px solid #d4a42c;border-radius:999px;padding:9px 14px;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.2)}.fb88fm-admin-hint a{color:#ffda58;text-decoration:underline}

@media(max-width:849px){
  .fb88fm-brand-name{font-size:42px}.fb88fm-hero h1{font-size:31px}.fb88fm-visual{min-height:285px}.fb88fm-slot{right:23%;top:66px}.fb88fm-article{padding-right:15px}.fb88fm-sidebar{padding-left:15px}
}
@media(max-width:549px){
  body.fb88fm-ready-site h2{font-size:24px}.fb88fm-access-inner{display:block}.fb88fm-access-actions{margin-top:8px}.fb88fm-brand-name{font-size:36px}.fb88fm-brand-mark{width:54px;height:54px}.fb88fm-hero h1{font-size:27px}.fb88fm-hero p{font-size:15px}.fb88fm-visual{min-height:245px}.fb88fm-visual-ring{width:205px;height:205px;right:5%}.fb88fm-slot{width:138px;height:125px;right:22%;top:55px}.fb88fm-slot:before{font-size:11px;top:-31px}.fb88fm-reels{padding:27px 8px 8px}.fb88fm-reels b{font-size:27px;height:61px}.fb88fm-cardfan{transform:scale(.72);left:-8%;bottom:-1px}.fb88fm-coin{width:73px;height:73px;font-size:28px;right:2%;bottom:22px}.fb88fm-quick-row{margin-top:0!important}.fb88fm-quick{margin-bottom:8px}.fb88fm-lead-image{min-height:180px;padding:22px}.fb88fm-admin-hint{display:none}
}