/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Child theme for GeneratePress.
Author: D L
Author URI: http://localhost
Template: generatepress
Version: 1.0.0
*/

/* ========== EGEN STYLING (ex: Om oss) ========== */
.editor-name {
    color: #3366cc; /* mild blå */
    font-weight: 500;
}

.about-us-section h2 {
    font-size: 1.2em;
    font-weight: 600;
    color: #333;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* ========== GENERATEPRESS: generate-style-inline-css ========== */
body{background-color:var(--base);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:50px;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#ffffff;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:#0057A0;}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}

.dynamic-author-image-rounded{border-radius:100%;}.dynamic-featured-image, .dynamic-author-image{vertical-align:middle;}.one-container.blog .dynamic-content-template:not(:last-child), .one-container.archive .dynamic-content-template:not(:last-child){padding-bottom:0px;}.dynamic-entry-excerpt > p:last-child{margin-bottom:0px;}

/* ========== WORDPRESS: global-styles-inline-css (Block Editor) ========== */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}

:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}

/* ========== WORDPRESS: classic-theme-styles-inline-css ========== */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}

/* Flyttad från Customizing->Additional CSS (wp-custom-css) till Child style.css*/
.entry-meta .cat-links,
.entry-meta .tags-links {
    display: none !important;
}

/* === Contextual Related Posts – Rounded Thumbs CSS === */
.crp_related.crp-rounded-thumbs a {
	width: 150px;
	height: 150px;
	text-decoration: none;
}
.crp_related.crp-rounded-thumbs img {
	max-width: 150px;
	margin: auto;
}
.crp_related.crp-rounded-thumbs .crp_title {
	width: 100%;
}
/* Anpassad layout för vänster- och högerspalt */
@media (min-width: 1025px) {
  .site-content .content-area {
    width: 60%;
  }

  .site-content .is-left-sidebar {
    width: 20%;
  }

  .site-content .is-right-sidebar {
    width: 20%;
  }
}
/* Stil för vänsterspaltens meny */
.sidebar .widget_nav_menu {
  --nav-bg: var(--base-3, #ffffff);
  --nav-text: var(--contrast, #222222);
  --nav-hover: #34495E;
  --nav-active: #2C3E50;
  --nav-accent: #E74C3C;
  --nav-border: var(--contrast-3, #e0e0e0);
  --nav-icon: #7F8C8D;
  background: var(--nav-bg);
}

/* Apply header menu styling to sidebar navigation widget */
.is-left-sidebar .widget_nav_menu {
  background-color: #F5F5F5 !important;
  border-radius: 8px;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
              1px 0 2px -1px rgba(0, 0, 0, 0.06),
             -1px 0 2px -1px rgba(0, 0, 0, 0.06);
  padding: 6px 0;
  overflow: hidden;
}

.sidebar .widget_nav_menu ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar .widget_nav_menu ul.menu li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Remove border from last menu item */
.sidebar .widget_nav_menu ul.menu > li:last-child {
  border-bottom: none;
}

.sidebar .widget_nav_menu ul.menu li a {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  color: var(--nav-text);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.sidebar .widget_nav_menu ul.menu li a:hover {
  color: var(--nav-hover);
  padding-left: 24px;
}

/* Ikoner för menylänkar */
.sidebar .widget_nav_menu ul.menu li a > *:first-child::before,
.sidebar .widget_nav_menu ul.menu li a::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 12px;
  color: var(--nav-icon);
  width: 24px;
  display: inline-flex;
  justify-content: center;
  transition: color 0.2s ease-in-out;
  flex-shrink: 0;
}

/* Hem-ikon */
.sidebar .widget_nav_menu ul.menu li:first-child > a::before {
  content: "\f015";
}

/* Round top corners of first menu item to match container */
.sidebar .widget_nav_menu ul.menu li:first-child > a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* SEO-länkar ikoner (stängd folder som default) */
.sidebar .widget_nav_menu ul.menu li a[href*="seo"]::before {
  content: "\f07b";
  transition: all 0.2s ease-in-out;
}

/* SEO-länkar ikoner (öppen folder vid hover och aktiv) */
.sidebar .widget_nav_menu ul.menu li a[href*="seo"]:hover::before,
.sidebar .widget_nav_menu ul.menu li.current-menu-item > a[href*="seo"]::before {
  content: "\f07c";
  color: var(--nav-hover);
}

/* Animera folder-ikonen */
.sidebar .widget_nav_menu ul.menu li a[href*="seo"]::before {
  transform-origin: center;
  transform: scale(1);
}

.sidebar .widget_nav_menu ul.menu li a[href*="seo"]:hover::before {
  transform: scale(1.1);
}

/* Undermeny styling */
.sidebar .widget_nav_menu ul.menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.4);
  display: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Visa undermeny för aktiv kategori */
.sidebar .widget_nav_menu ul.menu .current-menu-ancestor .sub-menu,
.sidebar .widget_nav_menu ul.menu .current-menu-item .sub-menu {
  display: block;
}

.sidebar .widget_nav_menu ul.menu .sub-menu li a {
  padding-left: 56px;
  font-weight: 500;
}

/* Aktiv länk styling */
.sidebar .widget_nav_menu ul.menu .current-menu-item > a {
  color: var(--nav-active);
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid var(--nav-active);
}

/* Hover underline effect for menu borders */
.sidebar .widget_nav_menu ul.menu li {
  position: relative;
}

.sidebar .widget_nav_menu ul.menu li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: var(--nav-active);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.6s ease-out;
}

.sidebar .widget_nav_menu ul.menu li a:hover::after {
  transform: scaleX(1);
}

/* Ensure hover effect doesn't show on active items */
.sidebar .widget_nav_menu ul.menu li.current-menu-item a::after {
  display: none !important;
}

/* Icon hover effect */
.sidebar .widget_nav_menu ul.menu li a:hover .sidebar-menu-icon::before,
.sidebar .widget_nav_menu ul.menu li a:hover::before {
  color: var(--nav-hover);
}
.sidebar .widget_nav_menu ul.menu li a:focus {
  outline: none;
}

/* Ensure active item hover state */
.sidebar .widget_nav_menu ul.menu .current-menu-item > a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Responsiv design */
@media (max-width: 768px) {
  .sidebar .widget_nav_menu ul.menu li a {
    padding: 10px 15px;
  }
  
  .sidebar .widget_nav_menu ul.menu .sub-menu li a {
    padding-left: 47px;
  }
}
/* 1. Layout: Gör headern till en flex-rad med plats för meny till höger */
.inside-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* 2. Dölj logotyp från header (den är nu i sidebar) */
.site-branding-container {
  display: none;
}

/* 3. Justera logotyp och text för att ligga snyggt bredvid varandra */
.site-branding {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Header utan logga - bara meny till höger */
.inside-header {
  position: relative;
  justify-content: flex-end;
}

.main-navigation .main-nav ul li a::before {
  color: var(--header-nav-icon);
  transition: color 0.2s ease-in-out;
}

/* Focus state for header menu */
.main-navigation .main-nav ul li a:focus {
  outline: none;
}

/* Ikon för "Hem" */
.main-navigation .main-nav ul li:nth-child(1) a::before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Ikon för "Om oss" */
.main-navigation .main-nav ul li:nth-child(2) a::before {
  content: "\f05a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Ikon för "Kontakt" */
.main-navigation .main-nav ul li:nth-child(3) a::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Search item in header menu */
.main-navigation .main-nav ul li.search-item {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

/* Search form always visible */
.main-navigation .search-form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.main-navigation .search-form input[type="search"] {
  width: 180px;
  padding: 6px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 0.2s ease-in-out;
}

.main-navigation .search-form input[type="search"]:focus {
  width: 220px;
  background-color: #ffffff;
  border-color: var(--header-nav-hover);
  outline: none;
}

/* Search submit button with icon */
.main-navigation .search-form .search-submit {
  background: none;
  border: none;
  color: var(--header-nav-icon);
  padding: 6px 10px;
  cursor: pointer;
  font-size: 16px;
  transition: color 0.2s ease-in-out;
}

.main-navigation .search-form .search-submit::before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.main-navigation .search-form .search-submit:hover {
  color: var(--header-nav-hover);
}

/* No underline animation for search item */
.main-navigation .main-nav ul li.search-item > a::after {
  display: none !important;
}

/* No vertical separator before search */
.main-navigation .main-nav > ul > li.search-item::before {
  display: none !important;
}


/* Styling för huvudsidans H1-titel ovanför innehållet */
.home-page-header {
    background-color: #F9F9F9;
    padding: 25px 0;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
}

.home-main-title {
    margin: 0;
    font-size: 28px;
    color: var(--contrast);
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    padding: 0 20px;
}

/* Miskar H1 globalt från 42-30px */
h1 {
    font-size: 30px;
    line-height: 1.2;
}

/* H1 and H2 sizing inside articles */
.inside-article h1,
.entry-content h1 {
    font-size: 35px;
    line-height: 1.3;
}

.inside-article h2,
.entry-content h2 {
    font-size: 30px;
    line-height: 1.3;
}

/* Styling för beskrivningstexten under H1 på huvudsidan */
.home-page-description {
    text-align: left;
    margin-top: 25px;
    max-width: 100%;
    padding: 0 20px;
}

.home-page-description p {
    margin-bottom: 15px;
    line-height: 1.6;
    color: var(--contrast);
    font-size: 16px;
}

.home-page-description p:last-child {
    margin-bottom: 0;
}

/* Styling för h2 rubriker i home page description */
.home-page-description h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--contrast);
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1.3;
}

/* Styling för h3 rubriker i home page description */
.home-page-description h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--contrast);
    margin-top: 25px;
    margin-bottom: 12px;
    line-height: 1.3;
}

/* Styling för listor i home page description */
.home-page-description ul {
    margin: 15px 0;
    padding-left: 30px;
    list-style-type: disc;
}

.home-page-description ul li {
    margin-bottom: 12px;
    line-height: 1.6;
    color: var(--contrast);
    font-size: 16px;
}

/* Styling för strong text i listor */
.home-page-description ul li strong {
    font-weight: 600;
    color: var(--contrast);
}

/* Styling för em (kursiv) text */
.home-page-description em {
    font-style: italic;
}

/* Styling för code elements */
.home-page-description code {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 2px 6px;
    border-radius: 3px;
    font-family: monospace;
    font-size: 14px;
    color: var(--contrast);
}

/* Sidebar logga styling - placerad ovanpå navigation menu */
.widget_nav_menu .sidebar-logo-container {
  text-align: center;
  padding: 15px 0 10px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #4370FD;
  border-radius: 8px 8px 0 0;
  margin: -6px -6px 15px -6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.widget_nav_menu .sidebar-logo {
  max-width: 70px;
  height: auto;
  transition: transform 0.2s ease;
}

.widget_nav_menu .sidebar-logo:hover {
  transform: scale(1.05);
}

.widget_nav_menu .sidebar-logo-link {
  display: inline-block;
  text-decoration: none;
}

/* Justera avståndet mellan loggan och första menu-länken */
.widget_nav_menu .sidebar-logo-container + .menu {
  margin-top: 0;
  padding-top: 0;
}

/* If logo container exists, ensure first menu item still has proper styling */
.widget_nav_menu .sidebar-logo-container + .menu li:first-child > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Dölj loggan på mobila enheter */
@media (max-width: 768px) {
  .widget_nav_menu .sidebar-logo-container {
    display: none;
  }
}

/* Featured image caption styling */
.featured-image .featured-caption {
    line-height: 1.5em;
    font-size: 13px;
    text-align: center;
    margin-top: 0.5em;
}

/* Byline link styling */
.byline a {
    color: inherit; /* Inherit the same color as the "By" text */
    text-decoration: none;
}

.byline a:hover,
.byline a:focus {
    color: #4370FD;
    text-decoration: none;
}

/* H2 link hover effect */
h2 a:hover,
h2 a:focus,
.entry-title a:hover,
.entry-title a:focus {
    color: #4370FD !important;
}

/* Article content link styling */
.entry-content a:not(.button):not(.wp-block-button__link),
.inside-article .entry-content a:not(.button):not(.wp-block-button__link) {
    color: #4370FD;
    text-decoration: underline;
}

.entry-content a:not(.button):not(.wp-block-button__link):hover,
.entry-content a:not(.button):not(.wp-block-button__link):focus,
.inside-article .entry-content a:not(.button):not(.wp-block-button__link):hover,
.inside-article .entry-content a:not(.button):not(.wp-block-button__link):focus {
    color: #4370FD;
    text-decoration: none;
}

/* ========== MODERN DESIGN UPDATES ========== */

/* === Modification 1: Thin Separator Lines === */

/* Separator lines between articles in main content area */
.site-main article.post, .site-main article.type-post {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* Special styling for inside-article on main page only */
.home .inside-article,
.blog .inside-article,
.category .inside-article,
.tag .inside-article,
.archive .inside-article {
    background-color: #F9F9F9;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    border: none;
    margin-bottom: 40px;
}

/* Remove separator line for articles on home page */
.home .site-main article.post,
.home .site-main article.type-post,
.blog .site-main article.post,
.blog .site-main article.type-post,
.category .site-main article.post,
.category .site-main article.type-post,
.tag .site-main article.post,
.tag .site-main article.type-post,
.archive .site-main article.post,
.archive .site-main article.type-post {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Remove default margins that might interfere */
.site-main article.post + article.post {
    margin-top: 0;
}



/* === Modification 2: Rounded Corners === */

/* Rounded corners for article containers */
.inside-article {
    border-radius: 6px;
    overflow: hidden;
}

/* Special styling for inside-article on single article pages */
.single .inside-article {
    background-color: #F9F9F9;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    border: none;
}

/* Special styling for inside-article on regular pages (not home) */
.page:not(.home) .inside-article {
    background-color: #F9F9F9;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    border: none;
}

/* Category and archive page headers - same styling as home-page-header */
.category .page-header,
.archive .page-header {
    background-color: #F9F9F9;
    padding: 25px 0;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    border: none;
}

/* H1 styling in category/archive headers - same as home-main-title */
.category .page-header h1,
.archive .page-header h1 {
    margin: 0;
    font-size: 28px;
    color: var(--contrast);
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    padding: 0 20px;
}

/* Archive description styling - same as home-page-description */
.category .page-header .archive-description,
.archive .page-header .archive-description,
.category .page-header .taxonomy-description,
.archive .page-header .taxonomy-description {
    text-align: left;
    margin-top: 25px;
    max-width: 100%;
    padding: 0 20px;
}

.category .page-header .archive-description p,
.archive .page-header .archive-description p,
.category .page-header .taxonomy-description p,
.archive .page-header .taxonomy-description p {
    margin-bottom: 15px;
    line-height: 1.6;
    color: var(--contrast);
    font-size: 16px;
}

.category .page-header .archive-description p:last-child,
.archive .page-header .archive-description p:last-child,
.category .page-header .taxonomy-description p:last-child,
.archive .page-header .taxonomy-description p:last-child {
    margin-bottom: 0;
}

/* Search result page header - same styling as home-page-header */
.search .page-header {
    background-color: #F9F9F9;
    padding: 25px 0;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    border: none;
}

/* Search result page articles - same styling as main page */
.search .inside-article {
    background-color: #F9F9F9;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32),
                1px 0 2px -1px rgba(0, 0, 0, 0.06),
               -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    border: none;
    margin-bottom: 40px;
}

/* Rounded corners for featured images */
.post-image img,
.featured-image img,
.attachment-full,
.size-full,
.wp-post-image {
    border-radius: 6px;
}

/* Ensure featured image container respects rounded corners */
.featured-image,
.post-image {
    overflow: hidden;
    border-radius: 6px;
}

/* Widgets ska ha raka hörn för att separatorerna ska bli raka */
.is-right-sidebar .widget {
    border-radius: 0;
    overflow: visible;
}

/* Sökrutan ska ha rundade hörn */
.is-right-sidebar .widget_search .search-field,
.is-right-sidebar .widget_search input[type="search"] {
    border-radius: 6px;
}

/* Sök-knappen ska ha rundade hörn */
.is-right-sidebar .widget_search button,
.is-right-sidebar .widget_search .search-submit,
.is-right-sidebar .widget_search input[type="submit"] {
    border-radius: 6px;
}


/* If search form is a single input without button */
.is-right-sidebar .widget_search form:not(.search-form) input[type="search"],
.is-right-sidebar .widget_search .search-field:only-child {
    border-radius: 6px;
}

/* Rounded corners for other form elements in right sidebar */
.is-right-sidebar .widget input[type="text"],
.is-right-sidebar .widget input[type="email"],
.is-right-sidebar .widget input[type="url"],
.is-right-sidebar .widget select,
.is-right-sidebar .widget textarea {
    border-radius: 6px;
}

/* Ensure Contextual Related Posts thumbnails have rounded corners */
.crp_related img {
    border-radius: 6px;
}

/* Additional rounded corners for common WordPress elements (excluding left sidebar) */
.wp-block-image img:not(.is-left-sidebar *),
.gallery-item img:not(.is-left-sidebar *),
.wp-caption img:not(.is-left-sidebar *) {
    border-radius: 6px;
}

/* Pagination buttons */
.pagination .page-numbers {
    border-radius: 6px;
}

/* Comments area */
.comment-list .comment-body {
    border-radius: 6px;
}

/* Ensure left sidebar widget borders remain untouched but allow container styling */
.is-left-sidebar .widget:not(.widget_nav_menu),
.is-left-sidebar .widget:not(.widget_nav_menu) * {
    border-radius: 0 !important;
}

/* Rounded corners for Read More button */
.read-more-button,
.read-more-button-container a,
a.read-more,
.entry-content .read-more,
.entry-summary .read-more,
.more-link {
    border-radius: 6px !important;
}

/* ===== Separatorlinje: Inuti widget-innehållet (listor, kalendrar m.m.) ===== */

/* Sökfält och övrigt påverkas ej av linje */

/* ================================================= */
/* === STIL FÖR SÖKRUTA OCH KNAPP I SIDEBAR === */
/* ================================================= */

/* --- Sökrutans grundstil --- */
.is-right-sidebar .widget_search input[type="search"] {
    border: 1px solid #a9a9a9;
    background-color: #ffffff;
    padding: 8px 12px;
    transition: all 0.2s ease-in-out;
}

/* --- Sök-knappens grundstil --- */
.is-right-sidebar .widget_search .search-submit {
    border: 1px solid #55555e;
    background-color: #55555e;
    color: #ffffff;
    padding: 8px 15px;
    margin-left: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* --- GEMENSAM HÖJD OCH LINJERING --- */
.is-right-sidebar .widget_search input[type="search"],
.is-right-sidebar .widget_search .search-submit {
    height: 42px;
    box-sizing: border-box;
    vertical-align: top;
}

/* --- Stil vid FOKUS på sökrutan --- */
.is-right-sidebar .widget_search input[type="search"]:focus {
    border-color: #1e73be;
    box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.2);
    outline: none;
}

/* --- Stil vid HOVER på knappen --- */
.is-right-sidebar .widget_search .search-submit:hover {
    background-color: #3f4047;
    border-color: #3f4047;
}

/* --- Stil för placeholder-texten --- */
.is-right-sidebar .widget_search input[type="search"]::placeholder {
    color: #888888;
    opacity: 1;
}

/* ================================================= */
/* === NO RESULTS SEARCH FORM STYLING === */
/* ================================================= */

/* Style the no-results search form to match header search */
.no-results-search-form {
    margin-top: 20px;
    max-width: 400px;
}

.no-results-search-form .search-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.no-results-search-form input[type="search"] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.2s ease-in-out;
}

.no-results-search-form input[type="search"]:focus {
    background-color: #ffffff;
    border-color: #34495E;
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 73, 94, 0.2);
}

/* Search submit button with icon */
.no-results-search-form .search-submit {
    background: #55555e;
    border: none;
    color: #ffffff;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.no-results-search-form .search-submit::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0;
}

.no-results-search-form .search-submit:hover {
    background-color: #3f4047;
}

/* Hide the text, show only icon */
.no-results-search-form .search-submit .screen-reader-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ================================================= */
/* ========== HEADER & PRIMARY MENU REDESIGN ========== */
/* ================================================= */

/* 1. Minska headerns höjd */
.site-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: auto !important;
}

.inside-header {
    min-height: auto !important;
    padding: 0 20px !important;
}

/* 2. Wrapper för menyn (för marginaler och full bredd) */
#site-navigation {
    margin-top: 15px;
    margin-bottom: 25px;
    order: 99;
    position: relative;
    width: calc(100% + 40px) !important; /* Dynamisk beräkning: 100% + (2 * Separating Space) */
    margin-left: -20px !important;       /* Motverka halva separating space */
}

/* 3. Huvud-styling för meny-lådan (bakgrund, skugga, etc.) */
.main-navigation {
    background-color: #F5F5F5 !important;
    border-radius: 8px;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.32), 1px 0 2px -1px rgba(0, 0, 0, 0.06), -1px 0 2px -1px rgba(0, 0, 0, 0.06);
    padding: 6px 40px;
    --header-nav-hover: #34495E;
    --header-nav-active: #2C3E50;
    --header-nav-icon: #7F8C8D;
}

/* 4. Tvinga menylänkarna till höger med flexbox */
.main-navigation .inside-navigation {
    display: flex;
    justify-content: flex-end;
}

.main-navigation .main-nav > ul {
    margin: 0; /* Nollställ marginaler */
}

/* 5. Styling för meny-länkar och separatorer */
.main-navigation .main-nav > ul > li {
    padding: 0;
    margin: 0;
    position: relative;
}

/* Animated underline on hover - expanding from center */
.main-navigation .main-nav > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;  /* Positioned closer to original */
    right: 14px; /* Adjusted to maintain balance */
    height: 1px;
    background: var(--header-nav-active);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-out;
}

.main-navigation .main-nav > ul > li > a:hover::after {
    transform: scaleX(1);
}

/* Remove this rule - we'll handle active items differently */

/* Vertical separator between menu items */
.main-navigation .main-nav > ul > li:not(:last-child)::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
    z-index: 1;
}

.main-navigation .main-nav ul li a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 22px;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    color: var(--contrast, #222222);
    text-decoration: none;
    background-color: transparent !important;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.main-navigation .main-nav ul li a:hover {
    color: var(--header-nav-hover) !important;
}

.main-navigation .main-nav ul li.current-menu-item a {
    color: var(--header-nav-active) !important;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
}

/* Icon hover color for menu items */
.main-navigation .main-nav ul li a:hover::before,
.main-navigation .main-nav ul li.current-menu-item a::before {
    color: var(--header-nav-hover);
}

/* Active menu item gets a visible, full width underline */
.main-navigation .main-nav ul li.current-menu-item > a::after {
    transform: scaleX(1) !important; /* Show at full width */
    opacity: 1 !important;
}

/* Prevent hover animation on already active items */
.main-navigation .main-nav ul li.current-menu-item > a:hover::after {
    transform: scaleX(1) !important; /* Keep the same width on hover */
}

/* ================================================= */
/* === SEMANTIC RELATED ARTICLES STYLING === */
/* ================================================= */

.semantic-related-articles {
    margin-top: 40px;
    margin-bottom: 30px;
    max-width: 70%; /* Use only left portion of 840px content area */
}

.related-articles-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--contrast);
    margin-bottom: 20px;
    line-height: 1.3;
}

.related-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0;
}

.related-article-item {
    background: transparent;
    border: none;
    margin: 0;
}

.related-article-link {
    display: block;
    text-decoration: none !important;
    color: inherit;
    transition: transform 0.2s ease;
}

.related-article-link:hover {
    transform: translateY(-3px);
    text-decoration: none !important;
}

.related-article-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 12px;
    background-color: #f5f5f5;
}

.related-article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.related-article-link:hover .related-article-image img {
    transform: scale(1.05);
}

.related-article-content {
    padding: 0;
}

.related-article-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
    color: var(--contrast);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
}

.related-article-description {
    font-size: 14px;
    line-height: 1.5;
    color: var(--contrast-2);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
}

/* Ensure no underlines appear on hover */
.related-article-link:hover .related-article-title,
.related-article-link:hover .related-article-description {
    text-decoration: none !important;
}

/* ================================================= */
/* === CUSTOM POST NAVIGATION STYLING === */
/* ================================================= */

/* Hide default GeneratePress post navigation */
.post-navigation,
.nav-links,
.paging-navigation,
.generate-paging-navigation {
    display: none !important;
}

.custom-post-navigation {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

.post-nav-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: stretch;
}

.post-nav-item {
    flex: 1;
    max-width: calc(50% - 15px);
}

.post-nav-link {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none !important;
    color: inherit;
    transition: transform 0.2s ease;
    height: 100%;
}

.post-nav-link:hover {
    transform: translateY(-2px);
}

/* Previous post - image on left */
.post-nav-prev .post-nav-link {
    flex-direction: row;
}

/* Next post - image on right */
.post-nav-next .post-nav-link {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

/* Ensure text is left-aligned in next post */
.post-nav-next .post-nav-content {
    text-align: left;
}

.post-nav-image {
    flex-shrink: 0;
    width: 150px;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f5f5f5;
}

.post-nav-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.post-nav-link:hover .post-nav-image img {
    transform: scale(1.05);
}

.post-nav-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.post-nav-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #999;
    width: 30px;
    flex-shrink: 0;
}

.post-nav-category {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    letter-spacing: 0.5px;
    display: block;
}

.post-nav-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    color: #4370FD;
    text-decoration: none !important;
}

.post-nav-link:hover .post-nav-title {
    color: #2850C7;
    text-decoration: none !important;
}

/* Responsive design for tablets */
@media (max-width: 768px) {
    .post-nav-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .post-nav-item {
        max-width: 100%;
    }
    
    .post-nav-prev .post-nav-link,
    .post-nav-next .post-nav-link {
        flex-direction: row;
    }
    
    .post-nav-image {
        width: 120px;
        height: 90px;
    }
}

/* Responsive design for tablets */
@media (max-width: 1024px) {
    .semantic-related-articles {
        max-width: 100%;
    }
    
    .related-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .related-articles-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .related-article-image {
        height: 180px;
    }
    
    .related-article-title {
        font-size: 18px;
    }
    
    .related-article-description {
        font-size: 15px;
    }
}

/* ================================================= */
/* === BREADCRUMBS STYLING === */
/* ================================================= */

.alltom-breadcrumbs {
    margin: 0px 0 20px;
    font-size: 14px;
    color: #3a3a3a;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.breadcrumb-item a {
    color: #3a3a3a;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover {
    color: #000000;
    text-decoration: underline;
}

.breadcrumb-item.current {
    color: #3a3a3a;
    font-weight: 500;
}

.breadcrumb-separator {
    margin: 0 8px;
    color: #3a3a3a;
    font-size: 12px;
    opacity: 0.5;
}

.breadcrumb-item i {
    margin-right: 5px;
    font-size: 14px;
}

.breadcrumb-separator i {
    margin-right: 0;
    font-size: 10px;
}

.home-text {
    display: inline;
    margin-left: 5px;
}

/* Archive pages specific styling */
.archive .alltom-breadcrumbs .breadcrumb-list,
.search .alltom-breadcrumbs .breadcrumb-list {
    padding: 0 20px;
}

/* Hide site-branding on search pages */
.search .site-branding {
    display: none !important;
}

/* Responsive - show only home icon on mobile */
@media (max-width: 576px) {
    .home-text {
        display: none;
    }
    
    .breadcrumb-item i {
        margin-right: 0;
    }
    
    .breadcrumb-item.current {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}