/*
Theme Name: Fokus Ren
Theme URI: https://www.fokus.nu/
Author: Fokus
Description: Anpassat WordPress-tema för Fokus Rekrytering.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fokus-ren
*/
:root{--ink:#171717;--paper:#f4f0ea;--line:#ded8cf;--dark:#22201d;--accent:#a84f34}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:20}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:800;text-decoration:none}.brand span{font-weight:400}
.menu{list-style:none;display:flex;gap:22px;margin:0;padding:0}.menu li{position:relative}.menu a{text-decoration:none}.sub-menu{display:none;position:absolute;top:100%;left:-12px;list-style:none;background:#fff;border:1px solid var(--line);padding:10px 0;min-width:170px}.menu li:hover>.sub-menu{display:block}.sub-menu a{display:block;padding:7px 14px}
.hero,.pagehead{background:var(--paper);padding:90px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--accent)}
h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.95;letter-spacing:-.05em;margin:18px 0 28px}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.lead{font-size:1.2rem;max-width:760px}
.section{padding:80px 0}.grid3,.books{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border-top:1px solid;padding-top:20px}.book{border:1px solid var(--line);padding:18px}.cover{aspect-ratio:2/3;background:#eee;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}
.site-footer{background:var(--dark);color:#fff;padding:50px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 18px;text-decoration:none;margin-top:20px}
.mobile-toggle{display:none}@media(max-width:800px){.grid3,.books,.footer-grid{grid-template-columns:1fr}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px 20px;flex-direction:column}.menu.open{display:flex}.sub-menu{display:block;position:static;border:0;padding-left:16px}}


/* Navigation fix 1.0.1 */
.main-nav{display:block}
.menu>li>a{display:block;padding:26px 0;position:relative;z-index:2}
.has-submenu{display:flex;align-items:center;gap:5px}
.submenu-toggle{
  border:0;background:transparent;cursor:pointer;font-size:1rem;
  padding:8px;line-height:1;position:relative;z-index:3
}
.has-submenu>.sub-menu{
  display:none;
  position:absolute;
  top:calc(100% - 8px);
  left:-12px;
  min-width:190px;
  background:#fff;
  border:1px solid var(--line);
  list-style:none;
  padding:8px 0;
  margin:0;
  z-index:50;
}
.has-submenu:hover>.sub-menu,
.has-submenu:focus-within>.sub-menu,
.has-submenu.submenu-open>.sub-menu{display:block}
.sub-menu li a{display:block;padding:10px 14px;white-space:nowrap}

@media(max-width:800px){
  .main-nav{display:block}
  .menu{
    display:none;
    position:absolute;
    top:68px;
    left:0;
    right:0;
    background:#fff;
    padding:12px 20px 20px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    border-bottom:1px solid var(--line);
    z-index:100;
  }
  .menu.open{display:flex}
  .menu>li{width:100%}
  .menu>li>a{padding:14px 0}
  .has-submenu{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
  }
  .has-submenu>.sub-menu{
    grid-column:1 / -1;
    position:static;
    display:none;
    border:0;
    padding:0 0 8px 18px;
    box-shadow:none;
    min-width:0;
  }
  .has-submenu.submenu-open>.sub-menu{display:block}
  .submenu-toggle{padding:14px}
}

/* Literature purchase links 1.0.2 */
.cover-link{display:block;text-decoration:none}
.buy-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.buy{display:inline-block;padding:10px 13px;background:#171717;color:#fff;text-decoration:none;font-weight:700;font-size:.88rem}
.buy:hover,.buy:focus{opacity:.82}
.text-cover{background:#171717;color:#fff;padding:28px;align-items:stretch}
.text-cover>div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.text-cover span{font-size:.8rem;letter-spacing:.12em}
.text-cover strong{font-size:1.8rem;line-height:1.05}
.text-cover.light{background:#ded7cd;color:#171717}

/* Cover reliability fix 1.0.3 */
.cover{min-height:360px;background:#f1eee8}
.cover img{display:block;width:100%;height:100%;min-height:360px;object-fit:contain;background:#f1eee8}