/*
Theme Name: Rukkami Editable 2022
Theme URI: https://example.com/
Author: OpenAI
Description: Rukkami WordPress theme with separate header/footer and an editable 2022 homepage stored in the WordPress page content.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: rukkami-editable-2022
*/
:root{--rs-bg:#f6f7f8;--rs-card:#fff;--rs-text:#1d2327;--rs-muted:#646970;--rs-line:#dcdcde;--rs-accent:#2271b1;--rs-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--rs-bg);color:var(--rs-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:var(--rs-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{background:#fff;border-bottom:1px solid var(--rs-line);position:sticky;top:0;z-index:20}.header-inner,.site-main,.footer-inner{width:min(calc(100% - 32px),var(--rs-max));margin:auto}.header-inner{min-height:78px;display:flex;align-items:center;gap:32px}.site-branding{margin-right:auto}.site-title{font-size:24px;font-weight:750;color:#111;text-decoration:none}.site-description{font-size:13px;color:var(--rs-muted);margin:2px 0 0}.custom-logo{max-height:52px;width:auto}.main-navigation ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.main-navigation a{color:#222;font-weight:600;font-size:15px}.menu-toggle{display:none}.site-main{padding:48px 0 70px}.content-card{background:var(--rs-card);border:1px solid var(--rs-line);border-radius:10px;padding:clamp(22px,4vw,52px);box-shadow:0 1px 2px rgba(0,0,0,.03)}.entry-header{margin-bottom:28px}.entry-title{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0}.entry-content>*:first-child{margin-top:0}.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.2;margin:1.3em 0 .55em}.entry-content h2{font-size:clamp(26px,3vw,36px)}.entry-content h3{font-size:24px}.entry-content p{margin:0 0 1.1em}.entry-content ul,.entry-content ol{padding-left:1.4em}.entry-content img{border-radius:8px;margin:10px 0}.entry-content table{width:100%;border-collapse:collapse;margin:24px 0}.entry-content td,.entry-content th{border:1px solid var(--rs-line);padding:10px;text-align:left}.entry-content blockquote{border-left:4px solid var(--rs-accent);margin:24px 0;padding:4px 0 4px 20px;color:#444}.entry-content>div{margin-bottom:28px}.entry-content a[href*="contacts"]{font-weight:600}.post-list{display:grid;gap:20px}.post-list article{background:#fff;border:1px solid var(--rs-line);border-radius:10px;padding:24px}.site-footer{background:#1d2327;color:#dcdcde}.footer-inner{padding:36px 0}.site-footer a{color:#fff}.footer-menu ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:0 0 16px}.breadcrumbs{font-size:14px;color:var(--rs-muted);margin-bottom:18px}.home .entry-header{display:none}.home .content-card{padding-top:38px}.pagination{margin-top:28px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{background:#fff;border:1px solid var(--rs-line);padding:7px 11px;border-radius:5px}@media(max-width:820px){.site-header{position:static}.header-inner{align-items:flex-start;padding:18px 0;flex-wrap:wrap}.menu-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--rs-line);background:#fff;border-radius:6px;padding:8px 11px}.main-navigation{display:none;width:100%}.main-navigation.is-open{display:block}.main-navigation ul{display:block}.main-navigation li{border-top:1px solid var(--rs-line)}.main-navigation a{display:block;padding:11px 0}.site-main{padding-top:24px}.content-card{border-radius:8px}.entry-title{font-size:32px}}


/* Dropdown navigation */
.main-navigation{align-self:stretch;display:flex;align-items:center}
.main-navigation .primary-menu,.main-navigation>ul{display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.main-navigation li{position:relative;margin:0}
.main-navigation a{display:flex;align-items:center;min-height:46px;padding:0 12px;color:#222;font-weight:600;font-size:15px;text-decoration:none;border-radius:6px}
.main-navigation a:hover,.main-navigation a:focus,.main-navigation .current-menu-item>a,.main-navigation .current-menu-ancestor>a{background:#f0f4f7;color:var(--rs-accent);text-decoration:none}
.main-navigation .menu-item-has-children>a{padding-right:32px}
.submenu-toggle{position:absolute;right:7px;top:50%;width:24px;height:28px;transform:translateY(-50%);border:0;background:transparent;padding:0;cursor:pointer;color:#555;z-index:3}
.submenu-toggle span{display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(0,-2px) rotate(45deg);transition:transform .18s ease}
.main-navigation .sub-menu{display:block;visibility:hidden;opacity:0;position:absolute;z-index:100;left:0;top:calc(100% - 2px);min-width:260px;max-width:340px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid var(--rs-line);border-radius:9px;box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(7px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
.main-navigation .sub-menu li{width:100%}
.main-navigation .sub-menu a{min-height:0;padding:10px 12px;line-height:1.35;font-size:14px;font-weight:500;white-space:normal}
.main-navigation .sub-menu .sub-menu{left:100%;top:-9px}
@media (min-width:821px){
  .main-navigation li:hover>.sub-menu,.main-navigation li:focus-within>.sub-menu,.main-navigation li.is-submenu-open>.sub-menu{visibility:visible;opacity:1;transform:translateY(0)}
  .main-navigation li:hover>.submenu-toggle span,.main-navigation li:focus-within>.submenu-toggle span,.main-navigation li.is-submenu-open>.submenu-toggle span{transform:translate(0,2px) rotate(225deg)}
}
@media(max-width:820px){
  .main-navigation{display:none;width:100%;align-items:stretch}
  .main-navigation.is-open{display:block}
  .main-navigation .primary-menu,.main-navigation>ul{display:block;width:100%}
  .main-navigation li{border-top:1px solid var(--rs-line)}
  .main-navigation a{display:block;min-height:0;padding:12px 42px 12px 0;border-radius:0}
  .main-navigation a:hover,.main-navigation a:focus,.main-navigation .current-menu-item>a,.main-navigation .current-menu-ancestor>a{background:transparent}
  .submenu-toggle{right:0;top:0;width:42px;height:46px;transform:none}
  .main-navigation .sub-menu{display:none;position:static;visibility:visible;opacity:1;transform:none;min-width:0;max-width:none;width:100%;padding:0 0 7px 16px;border:0;border-radius:0;box-shadow:none;background:#f8f9fa}
  .main-navigation .sub-menu li{border-top:0}
  .main-navigation .sub-menu a{padding:9px 42px 9px 12px;font-size:14px}
  .main-navigation li.is-submenu-open>.sub-menu{display:block}
  .main-navigation li.is-submenu-open>.submenu-toggle span{transform:translate(0,2px) rotate(225deg)}
}


/* === Shared 2022 Rukkami shell on inner pages === */
body.rukkami-inner-2022{margin:0;background:var(--rs-bg);color:var(--rs-text)}
.rukkami-inner-2022 .navigation-bar._2{position:absolute;left:0;top:0;right:0;z-index:9997;background:#4a5959;color:#fff}
.rukkami-inner-2022 .navigation-bar2._2{z-index:9998}
.rukkami-inner-2022.admin-bar .navigation-bar._2{top:32px}
.rukkami-inner-2022.admin-bar .navigation-bar2._2{top:32px}
.rukkami-inner-2022 .site-main{padding-top:118px;padding-bottom:70px}
.rukkami-inner-2022 .navigation-menu.site-nav-open{display:block!important}
.rukkami-inner-2022 .w-dropdown.site-open>.w-dropdown-list{display:block!important}
.rukkami-inner-2022 .modal-wrapper.is-open,.rukkami-inner-2022 .modal-wrapper-contacts.is-open{opacity:1;transform:none}
.rukkami-inner-2022 footer{margin-top:0}
.rukkami-inner-2022 .page-footer a{color:#fff}
.rukkami-inner-2022 .navigation-bar a,.rukkami-inner-2022 .navigation-bar2 a,.rukkami-inner-2022 .page-footer a{text-decoration:none}
.rukkami-inner-2022 .page-footer img{border-radius:0;margin:0}
.rukkami-inner-2022 .entry-content>div{max-width:100%}
@media (min-width:992px){.rukkami-inner-2022 .w-dropdown:hover>.w-dropdown-list{display:block}}
@media(max-width:991px){
  .rukkami-inner-2022.admin-bar .navigation-bar._2,.rukkami-inner-2022.admin-bar .navigation-bar2._2{top:46px}
  .rukkami-inner-2022 .site-main{padding-top:96px}
  .rukkami-inner-2022 .navigation-menu.site-nav-open{position:absolute!important;left:0!important;right:0!important;top:100%!important;background:#4a5959!important;z-index:1000!important;padding:12px!important}
}
@media(max-width:600px){
  .rukkami-inner-2022.admin-bar .navigation-bar._2,.rukkami-inner-2022.admin-bar .navigation-bar2._2{top:0}
  .rukkami-inner-2022 .site-main{padding-top:82px}
}
