/*
Theme Name: Movum Learn KB
Theme URI: https://movumtech.com
Author: MovumTech
Author URI: https://movumtech.com
Description: Minimal theme to replicate learn.smilecloud.com landing with categories grid, search, featured articles, and hero header.
Version: 1.0.0
License: GPLv2 or later
Text Domain: movum-learn-kb
*/
:root { --primary-bg-color:#0096AF; }
html,body{margin:0;padding:0;}
/* Small enhancements when Tailwind isn't loaded (failsafe) */
.container{max-width:1280px;margin:0 auto;padding:0 1rem;}
.shadow-nice-soft{box-shadow:0 10px 25px rgba(0,0,0,.06);}
.shadow-softer{box-shadow:0 8px 16px rgba(0,0,0,.08);}
.rounded-3xl{border-radius:1.5rem;}
.rounded-xl{border-radius:.75rem;}
.grid-cols-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;}
.kb-card img{width:50px;height:auto;display:block}
.footer a{color:#0b5;}
.kb-hero{position:relative;overflow:hidden}
.kb-hero .bg{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  position:absolute;inset:0;z-index:-1;
}
/* hide "Powered by" if someone adds it via HTML injection */
.kb-hide{visibility:hidden}



/* === Header quick links === */
.kb-top-links{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
.kb-top-links .kb-link{display:inline-flex;align-items:center;gap:8px;color:#0ea5b7;padding:6px 8px;border-radius:6px;white-space:nowrap;word-break:keep-all}
.kb-top-links .kb-link:hover{background:#f1f5f9;text-decoration:none}
.kb-top-links .ico{display:inline-flex;opacity:.7}
.kb-top-links .kb-fav{width:16px;height:16px;display:inline-block;object-fit:contain;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
@media (max-width: 768px){
  .kb-top-links{display:flex;flex-wrap:wrap}
  .kb-top-links .kb-link{white-space:normal}
}

/* === Centered language dropdown === */
.kb-lang-center{display:flex;justify-content:center;margin-top:10px}
.kb-lang-dropdown{position:relative;display:inline-block}
.kb-lang-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.1);padding:6px 10px;border-radius:8px;background:#fff;cursor:pointer}
.kb-lang-btn .chev{opacity:.6}
.kb-lang-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);z-index:50;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 18px rgba(0,0,0,.08);border-radius:8px;margin-top:6px;min-width:180px;overflow:hidden}
.kb-lang-menu.open{display:block}
.kb-lang-menu a{display:block;padding:10px 12px;text-decoration:none}

/* Optional featured title color hook (if needed in the future)
.kb-featured-title{color:var(--kb-featured-color,inherit)}
*/




/* === Robust centering for language dropdown === */
footer .kb-lang-center{width:100% !important; display:flex !important; justify-content:center !important; align-items:center !important; margin-top:10px}
footer .kb-lang-dropdown{position:relative; display:inline-block; margin:0 auto !important}
footer .kb-lang-btn{display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(0,0,0,.1); padding:6px 10px; border-radius:8px; background:#fff; cursor:pointer}
footer .kb-lang-btn .chev{opacity:.6}
footer .kb-lang-menu{display:none; position:absolute; left:50%; transform:translateX(-50%); z-index:50; background:#fff; border:1px solid rgba(0,0,0,.1); box-shadow:0 6px 18px rgba(0,0,0,.08); border-radius:8px; margin-top:6px; min-width:180px; overflow:hidden}
footer .kb-lang-menu.open{display:block}
footer .kb-lang-menu a{display:block; padding:10px 12px; text-decoration:none}


/* Hide legacy EN_US block if any remnant */
.footer .bg-primary-text{display:none!important}



/* Sticky centered language dropdown (visible without scrolling) */
.kb-lang-center{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;
  display:flex;justify-content:center;align-items:center;margin-top:0}
.kb-lang-dropdown{position:relative;display:inline-block}
.kb-lang-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.1);padding:6px 10px;border-radius:8px;background:#fff;cursor:pointer}
.kb-lang-btn .chev{opacity:.6}
.kb-lang-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);z-index:50;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 18px rgba(0,0,0,.08);border-radius:8px;margin-top:6px;min-width:180px;overflow:hidden}
.kb-lang-menu.open{display:block}
.kb-lang-menu a{display:block;padding:10px 12px;text-decoration:none}
@media (max-width: 640px){
  .kb-lang-center{bottom:16px}
}




/* Force the language dropdown to open UPWARDS */
.kb-lang-dropdown .kb-lang-menu{
  top:auto !important;
  bottom:calc(100% + 8px) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}