/*
Theme Name: Floredest ICT Global Fresh
Theme URI: https://www.floredest.com.ng/
Author: Floredest ICT Global Schools & Cyber Café Services
Description: A responsive, highly customizable WordPress theme for Floredest ICT Global Schools, Cyber Café, digital services, documentation, marketing, computer repairs and AI training. Includes a click-to-open fixed bottom menu.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: floredest-ict-global-fresh
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, education, business
*/
:root {
 --fl-primary:#123b75; --fl-secondary:#6d28d9; --fl-accent:#f59e0b;
 --fl-bg:#f4f7fb; --fl-text:#182235; --fl-card:#ffffff; --fl-muted:#64748b;
 --fl-width:1180px; --fl-radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-bottom:100px}
body{margin:0;background:var(--fl-bg);color:var(--fl-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--fl-primary);text-decoration:none}
a:hover,a:focus{text-decoration:underline}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.fl-container{width:min(calc(100% - 32px),var(--fl-width));margin-inline:auto}
.fl-topline{background:var(--fl-primary);color:#fff;padding:8px 0;font-size:.92rem}
.fl-topline a{color:#fff}
.fl-header{padding:20px 0 24px;background:linear-gradient(130deg,var(--fl-primary),var(--fl-secondary));color:#fff}
.fl-brand-row{display:flex;align-items:center;gap:18px}
.fl-logo{width:100px;height:100px;object-fit:contain;background:#fff;border-radius:16px;padding:5px;flex-shrink:0}
.fl-brand-title{font-size:clamp(1.35rem,3.2vw,2.45rem);line-height:1.2;margin:0;color:#fff}
.fl-brand-subtitle{margin:8px 0 0;color:#f1f5f9}
.fl-hero{padding:38px 0 46px;background:linear-gradient(135deg,color-mix(in srgb,var(--fl-primary) 95%,#fff 5%),color-mix(in srgb,var(--fl-secondary) 90%,#fff 10%));color:#fff}
.fl-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.fl-eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fde68a}
.fl-hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.12;margin:10px 0 18px;color:#fff}
.fl-hero p{font-size:1.08rem;max-width:760px}
.fl-hero-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:24px;border-radius:var(--fl-radius);backdrop-filter:blur(5px)}
.fl-hero-panel h2{margin-top:0;color:#fff}
.fl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--fl-accent);color:#172033;font-weight:800;border:0;text-decoration:none;margin:6px 8px 4px 0;cursor:pointer}
.fl-btn:hover{filter:brightness(.96);text-decoration:none}
.fl-btn-light{background:#fff;color:var(--fl-primary)}
.fl-section{padding:48px 0}
.fl-section-alt{background:color-mix(in srgb,var(--fl-bg) 76%,var(--fl-primary) 5%)}
.fl-section-heading{text-align:center;max-width:850px;margin:0 auto 28px}
.fl-section-heading h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.2;margin:0 0 10px;color:var(--fl-primary)}
.fl-section-heading p{margin:0;color:var(--fl-muted)}
.fl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fl-card{background:var(--fl-card);border:1px solid rgba(100,116,139,.18);border-radius:var(--fl-radius);padding:22px;box-shadow:0 8px 28px rgba(15,23,42,.055);min-width:0}
.fl-card h3{margin:0 0 12px;font-size:1.15rem;color:var(--fl-primary)}
.fl-card p{margin:0 0 12px}
.fl-service-list{padding-left:20px;margin:0}
.fl-service-list li{padding:3px 0}
.fl-service-list li::marker{color:var(--fl-secondary)}
.fl-callout{background:linear-gradient(130deg,var(--fl-primary),var(--fl-secondary));color:#fff;border-radius:var(--fl-radius);padding:30px}
.fl-callout h2,.fl-callout h3{color:#fff;margin-top:0}
.fl-callout a{color:#fff;text-decoration:underline}
.fl-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fl-contact-item{padding:12px 0;border-bottom:1px solid rgba(100,116,139,.2)}
.fl-contact-item:last-child{border-bottom:0}
.fl-content{padding:36px 0 120px;min-height:35vh}
.fl-content-inner{background:var(--fl-card);padding:clamp(18px,4vw,36px);border-radius:var(--fl-radius);box-shadow:0 8px 28px rgba(15,23,42,.05)}
.fl-content-inner h1,.fl-content-inner h2,.fl-content-inner h3{color:var(--fl-primary)}
.fl-post-list{display:grid;gap:18px}
.fl-footer{padding:30px 0 112px;background:#0f172a;color:#e2e8f0}
.fl-footer a{color:#fff}
.fl-footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.fl-bottom-nav{position:fixed;z-index:99999;bottom:12px;left:12px;right:12px;max-width:760px;margin:0 auto;pointer-events:none}
.fl-menu-toggle{pointer-events:auto;display:flex;align-items:center;gap:10px;margin-left:auto;border:0;border-radius:999px;padding:13px 19px;background:var(--fl-primary);color:#fff;font-weight:800;box-shadow:0 8px 30px rgba(15,23,42,.28);cursor:pointer}
.fl-menu-toggle .fl-menu-icon{font-size:1.2rem;line-height:1}
.fl-menu-panel{pointer-events:auto;display:none;position:absolute;bottom:62px;right:0;width:min(100%,360px);max-height:min(65vh,540px);overflow:auto;background:var(--fl-card);color:var(--fl-text);border:1px solid rgba(100,116,139,.25);border-radius:20px;padding:12px;box-shadow:0 18px 55px rgba(15,23,42,.25)}
.fl-bottom-nav.is-open .fl-menu-panel{display:block;animation:fl-menu-in .18s ease-out}
.fl-menu-panel a{display:block;padding:11px 13px;border-radius:12px;color:var(--fl-text);font-weight:650}
.fl-menu-panel a:hover,.fl-menu-panel a:focus{background:color-mix(in srgb,var(--fl-primary) 9%,var(--fl-card));text-decoration:none}
.fl-menu-panel .menu{list-style:none;margin:0;padding:0}
.fl-menu-panel .sub-menu{padding-left:14px}
.fl-menu-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fl-muted);padding:8px 13px}
.fl-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.25);z-index:99998}
.fl-backdrop.is-open{display:block}
@keyframes fl-menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.fl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-hero-grid{grid-template-columns:1fr}.fl-hero-panel{max-width:600px}.fl-contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.fl-container{width:min(calc(100% - 22px),var(--fl-width))}.fl-brand-row{align-items:flex-start;gap:12px}.fl-logo{width:72px;height:72px}.fl-grid{grid-template-columns:1fr}.fl-section{padding:34px 0}.fl-header{padding:16px 0}.fl-hero{padding:30px 0 34px}.fl-footer-grid{grid-template-columns:1fr}.fl-bottom-nav{bottom:8px;left:8px;right:8px}.fl-menu-panel{width:min(100%,360px);max-height:65vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}