/*
Theme Name: Sokosafi Protected Platform Theme v2
Theme URI: https://sokosafi.com
Author: WadTech Tanzania
Author URI: https://wadtech.co.uk
Description: A smart protected full-width app-style WordPress theme built for Sokosafi marketplace, verified diaspora suppliers, buyer access, editable footer controls, smooth scrolling and Kazini admin pages.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: sokosafi-protected
*/

:root{
  --soko-navy:#07112B;
  --soko-green:#18b957;
  --soko-soft:#f5f7fb;
  --soko-muted:#5f6b7a;
  --soko-border:rgba(7,17,43,.08);
  --soko-shadow:0 24px 80px rgba(7,17,43,.08);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100%!important;scroll-behavior:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important;background:var(--soko-soft);color:var(--soko-navy);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
body{min-height:100vh;position:relative!important;touch-action:auto!important;}
a{color:inherit;}
img,video{max-width:100%;height:auto;}

.soko-theme-shell{width:100%;min-height:100vh;background:var(--soko-soft);}
.soko-theme-main{width:100%;max-width:100%;margin:0;padding:0;}
.soko-theme-content{width:100%;max-width:100%;margin:0;padding:0;}
.soko-theme-content > *:first-child{margin-top:0;}

.soko-theme-header{position:sticky;top:0;z-index:99999;width:100%;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--soko-border);padding:15px 6vw;display:flex;align-items:center;justify-content:space-between;gap:22px;}
.soko-theme-logo{text-decoration:none!important;color:var(--soko-navy)!important;font-size:38px;font-weight:950;letter-spacing:-2px;line-height:1;white-space:nowrap;}
.soko-theme-logo span{color:var(--soko-green);}
.soko-theme-logo img{max-height:52px;width:auto;display:block;}
.soko-theme-nav{display:flex;align-items:center;gap:22px;}
.soko-theme-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;}
.soko-theme-nav li{list-style:none;margin:0;padding:0;}
.soko-theme-nav a{text-decoration:none!important;color:var(--soko-navy)!important;font-weight:900;font-size:15px;}
.soko-theme-nav a:hover{color:var(--soko-green)!important;}
.soko-theme-actions{display:flex;align-items:center;gap:10px;}
.soko-theme-lang{display:flex;background:#eef2f7;border-radius:999px;padding:5px;gap:5px;}
.soko-theme-lang a{text-decoration:none!important;color:var(--soko-navy)!important;font-size:12px;font-weight:950;padding:8px 11px;border-radius:999px;white-space:nowrap;}
.soko-theme-lang a.active{background:var(--soko-navy);color:#fff!important;}
.soko-theme-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:999px;padding:13px 18px;font-weight:950;background:var(--soko-green);color:#fff!important;white-space:nowrap;}
.soko-theme-btn.dark{background:var(--soko-navy);}

.soko-theme-footer{width:100%;background:var(--soko-navy);color:#fff;padding:60px 6vw 34px;}
.soko-theme-footer-grid{display:grid;grid-template-columns:1.25fr 2.75fr;gap:50px;max-width:1400px;margin:auto;}
.soko-theme-footer h3,.soko-theme-footer h4{color:#fff!important;}
.soko-theme-footer h3{font-size:40px;letter-spacing:-2px;margin:0 0 16px;}
.soko-theme-footer h3 span{color:var(--soko-green);}
.soko-theme-footer p{color:rgba(255,255,255,.72)!important;line-height:1.75;max-width:540px;}
.soko-theme-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;}
.soko-theme-footer-links ul{list-style:none;margin:0;padding:0;}
.soko-theme-footer-links li{list-style:none;margin:0;padding:0;}
.soko-theme-footer-links a{display:block;text-decoration:none!important;color:rgba(255,255,255,.7)!important;margin-bottom:10px;line-height:1.45;font-size:15px;}
.soko-theme-footer-links a:hover{color:var(--soko-green)!important;}
.soko-theme-copy{max-width:1400px;margin:42px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.58)!important;line-height:1.7;}

.soko-theme-mobile-nav{display:none;}

/* Native page fallback, for pages without Sokosafi shortcodes */
.soko-native-page{width:100%;padding:70px 6vw;}
.soko-native-card{max-width:1100px;margin:auto;background:#fff;border:1px solid var(--soko-border);border-radius:34px;padding:34px;box-shadow:var(--soko-shadow);}
.soko-native-card h1{color:var(--soko-navy)!important;font-size:clamp(38px,6vw,72px);line-height:1;letter-spacing:-3px;margin:0 0 20px;}
.soko-native-card p{color:var(--soko-muted)!important;line-height:1.75;font-size:18px;}

/* Force common builders/templates full width */
#page,.site,.site-content,.site-main,.content-area,.ast-container,.entry-content,.ast-article-single,.hp-page,.hp-page__content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
.entry-header,.page-header,.comments-area,.widget-area,.sidebar-main,#secondary,aside,.post-navigation,.nav-links,.edit-link{display:none!important;}

@media(max-width:980px){
  .soko-theme-header{padding:13px 16px;}
  .soko-theme-logo{font-size:30px;}
  .soko-theme-nav{display:none;}
  .soko-theme-btn{padding:10px 12px;font-size:13px;}
  .soko-theme-lang a{padding:7px 9px;}
  .soko-theme-footer{padding-left:18px;padding-right:18px;padding-bottom:100px;}
  .soko-theme-footer-grid,.soko-theme-footer-links{grid-template-columns:1fr;}
  .soko-theme-mobile-nav{position:fixed;display:flex;left:12px;right:12px;bottom:12px;z-index:999999;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-radius:24px;padding:10px;justify-content:space-around;box-shadow:0 20px 50px rgba(7,17,43,.18);}
  .soko-theme-mobile-nav a{text-decoration:none!important;color:var(--soko-navy)!important;font-size:12px;font-weight:850;text-align:center;}
  .soko-theme-mobile-nav .main{background:var(--soko-green);color:#fff!important;padding:10px 14px;border-radius:16px;margin-top:-28px;}
  body{padding-bottom:82px;}
}


/* Smart scroll protection */
#page,.site,.site-content,.site-main,.content-area,.ast-container,.entry-content,.ast-article-single,.hp-page,.hp-page__content,.soko-theme-shell,.soko-theme-main,.soko-theme-content{overflow:visible!important;height:auto!important;max-height:none!important;}
main,section,article,div{overscroll-behavior:auto;}