/*
Theme Name: KRAN
Template: generatepress
Description: KRAN Vinhandel – barntema till GeneratePress.
Version: 1.0.0
Text Domain: kran
*/

/* ---------- Bas ---------- */
body{font-family:Lato,Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.7;color:#333;background:#fff;overflow-x:hidden}
a{color:#4d6a30}
a:hover{color:#657e36}
h1,h2,h3,h4,h5,h6{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;letter-spacing:1px;color:#1f1e1c}

/* ---------- Sidhuvud ---------- */
.site-header{background:#fff;position:relative;z-index:50;box-shadow:0 8px 24px rgba(31,30,28,.06)}
.site-header .inside-header{max-width:1170px;padding:20px 30px;align-items:center}
.site-logo img,.site-logo .header-image{width:116px;height:auto;max-height:none}
.site-branding{display:none}
.main-navigation,.main-navigation ul ul{background:transparent}
.main-navigation .main-nav ul li a{font-family:"Bebas Neue",Impact,sans-serif;font-weight:700;font-size:17px;letter-spacing:1px;color:#000;padding-left:21px;padding-right:21px;line-height:64px;position:relative}
.main-navigation .main-nav ul li:last-child a{padding-right:0}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current_page_item>a{color:#4d6a30;background:transparent}
.main-navigation .main-nav ul li.current-menu-item>a:after,.main-navigation .main-nav ul li.current_page_item>a:after{content:"";position:absolute;left:21px;right:21px;bottom:12px;height:2px;background:#657e36}
.main-navigation .main-nav ul li:last-child.current-menu-item>a:after,.main-navigation .main-nav ul li:last-child.current_page_item>a:after{right:0}
.main-navigation .menu-toggle{font-family:"Bebas Neue",Impact,sans-serif;font-size:20px;letter-spacing:1px;color:#1f1e1c;background:transparent;padding:0 4px;line-height:44px}
.main-navigation .menu-toggle:hover,.main-navigation .menu-toggle:focus{background:transparent;color:#4d6a30}
@media (max-width:768px){
 .site-header .inside-header{padding:14px 24px}
 .site-logo img,.site-logo .header-image{width:92px}
 .main-navigation.toggled .main-nav>ul{background:#fff;border-top:1px solid #e6e1d8}
 .main-navigation.toggled .main-nav ul li a{line-height:52px;padding:0 24px}
 .main-navigation .main-nav ul li.current-menu-item>a:after,.main-navigation .main-nav ul li.current_page_item>a:after{display:none}
}

/* ---------- Innehåll: sidorna styr sin egen layout ---------- */
.site-content{padding:0!important;display:block}
.one-container .site-content,.separate-containers .site-main{margin:0!important;padding:0!important}
.inside-article{padding:0!important;background:transparent}
.page .entry-header,.page .page-header{display:none}
.entry-content:not(:first-child),.entry-summary:not(:first-child){margin-top:0}
.site.grid-container{max-width:none}
#page{overflow-x:clip}

/* ---------- Gemensamma byggstenar (används bl.a. på 404) ---------- */
.kx{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);font-family:Lato,sans-serif;color:#333}
.kx .kx-in{max-width:1100px;margin:0 auto;padding:0 30px}
.kx .kx-bb{font-family:"Bebas Neue",sans-serif;letter-spacing:1px;font-weight:400;color:#1f1e1c;line-height:1.05;margin:0}
.kx p{margin:0}
.kx .kx-lbl{display:inline-flex!important;align-items:center;gap:12px;font-size:13px!important;letter-spacing:3px!important;text-transform:uppercase;color:#657e36!important;margin:0 0 18px!important}
.kx .kx-lbl:before{content:"";width:36px;height:2px;background:#657e36}
@media(max-width:800px){.kx .kx-in{padding-left:24px!important;padding-right:24px!important}}

/* ---------- 404 ---------- */
.k404 .kx-bb{font-size:60px;margin-bottom:16px}
.k404 .k404-lead{font-size:18px;line-height:1.7;color:#555;max-width:720px;margin-bottom:28px}
.k404 .k404-links{display:flex;flex-wrap:wrap;gap:10px}
.k404 .k404-links a{display:inline-block;border:1.5px solid #657e36;color:#657e36;font-family:"Bebas Neue",sans-serif;font-size:19px;letter-spacing:1px;line-height:1;padding:12px 20px 11px;text-decoration:none;transition:background .15s,color .15s}
.k404 .k404-links a:hover{background:#657e36;color:#fff}
@media(max-width:700px){.k404 .kx-bb{font-size:44px}}

/* ---------- Sidfot ---------- */
.kran-footer{background:#1f1e1c}
.kran-footer .widget{margin:0;padding:0}
.site-footer .site-info{display:none}

/* ---------- Brödsmulor ---------- */
.kran-bc{background:#fff}
.kran-bc-in{max-width:1100px;margin:0 auto;padding:26px 30px 0;font-family:Lato,sans-serif;font-size:13px;letter-spacing:.3px;line-height:1.4;color:#8a857c}
.kran-bc a{color:#657e36;text-decoration:none}
.kran-bc a:hover{text-decoration:underline}
.kran-bc-sep{margin:0 8px;color:#c8c2b6}
.kran-bc .breadcrumb_last{color:#555}
.kran-bc + #page .entry-content>div.kx:first-of-type>.kx-in:first-of-type{padding-top:34px!important}
@media(max-width:800px){.kran-bc-in{padding:18px 24px 0}}