/* ===== Single post layout fix for Welcome Workdays (Sierra) ===== */

/* 1) Make the content area a centered two-column grid on desktop */
body.blog-single-layout-modern #content {
  /* center the whole content area on the page */
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;

  /* two columns: main article and sidebar */
  display: grid;
  grid-template-columns: minmax(0, 760px) 320px;
  column-gap: 56px;
  align-items: start;
}

/* Ensure the main and sidebar land in the expected columns */
body.blog-single-layout-modern #primary { grid-column: 1; width: 100% !important; }
body.blog-single-layout-modern #secondary { grid-column: 2; }

/* 2) Center the article header + content as a column within the main area */
body.blog-single-layout-modern .ww-article__header,
body.blog-single-layout-modern .ww-article__content {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Kicker, title, and meta spacing/typography */
.ww-article__kicker-link { 
  text-transform: uppercase; 
  font-weight: 700; 
  letter-spacing: .08em; 
  font-size: 12px; 
  text-decoration: none;
  color: var(--kd-text-muted, #6b6b6b);
}
.ww-article__title {
  margin: 6px 0 12px;
  line-height: 1.2;
  font-size: clamp(28px, 4.2vw, 44px);
}
.ww-article__meta {
  display: flex; 
  align-items: center; 
  gap: 8px;
  color: #6b6b6b;
  font-size: 14px;
}

/* 3) Hide the first big image right under the title (keep later images) */
/* body.blog-single-layout-modern .ww-article__content .wp-block-image:first-of-type {
  display: none;
}*/
/* Show and center images inside the article content */
body.single-post .ww-article__content .wp-block-image {
  margin: 24px auto;
  text-align: center;
}

body.single-post .ww-article__content .wp-block-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  border-radius: 6px; /* optional */
}

/* Optional: better spacing for figure captions */
body.single-post .ww-article__content .wp-block-image figcaption {
  margin-top: 8px;
  opacity: .8;
  font-size: .92rem;
}

/* If you use Gutenberg align classes, keep them tidy */
body.single-post .ww-article__content .aligncenter { margin-left: auto; margin-right: auto; }
body.single-post .ww-article__content .alignleft   { float: none; margin-right: auto; }
body.single-post .ww-article__content .alignright  { float: none; margin-left: auto; }

/* If the theme ever outputs a FEATURED image above the content, hide it (safety) */
body.single-post .post-thumbnail,
body.single-post .entry-media,
body.single-post .entry-header img {
  display: none !important;
}

/* Sidebar widgets tidy up */
#secondary.widget-area {
  max-width: 320px;
}
#secondary .widget { 
  margin-bottom: 28px; 
}
#secondary .widget-title { 
  font-weight: 700; 
  font-size: 16px; 
  margin: 0 0 10px;
}

/* 4) Mobile & tablet: single column, sidebar below the article */
@media (max-width: 1024px) {
  body.blog-single-layout-modern #content {
    grid-template-columns: 1fr;
    row-gap: 40px;
    max-width: 840px;
  }
  body.blog-single-layout-modern #secondary { 
    grid-column: 1; 
    max-width: 640px; 
    margin: 0 auto; 
  }
  body.blog-single-layout-modern .ww-article__header,
  body.blog-single-layout-modern .ww-article__content {
    max-width: 680px;
  }
}
/* ==== DISABLE STICKY FOOTER ON SINGLE BLOG POSTS (forcefully) ==== */

/* 1) Kill all fixed/sticky positioning on the footer */
html body.single-post footer#site-footer.sticky-footer,
html body.single-post .site-footer.sticky-footer {
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: auto !important;
}

/* Some themes also attach "position:fixed" to .sticky-footer without the #site-footer id */
html body.single-post .sticky-footer {
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: auto !important;
}

/* 2) Remove the extra space/padding they add to make room for a fixed footer */
html body.single-post .site-content,
html body.single-post #content,
html body.single-post #page,
html body.single-post .page-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 3) Keep your centered two-column layout intact (if you already set this, keep it) */
html body.single-post #content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
  display: grid !important;
  grid-template-columns: minmax(0, 760px) 320px;
  column-gap: 56px;
  align-items: start;
  background: #fff;
}
html body.single-post #primary   { grid-column: 1; width: 100% !important; }
html body.single-post #secondary { grid-column: 2; }

/* 4) Mobile: stack */
@media (max-width: 1024px) {
  html body.single-post #content {
    grid-template-columns: 1fr !important;
    row-gap: 40px;
    max-width: 840px;
  }
  html body.single-post #secondary { grid-column: 1; max-width: 680px; margin: 0 auto; }
}
/* === FINAL PATCH: center layout + fully disable sticky footer on single posts === */

/* Force a centered, two-column grid (beats parent styles via specificity + !important) */
html body.single-post div#content.site-content {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;

  display: grid !important;
  grid-template-columns: minmax(0, 760px) 320px !important; /* content + sidebar */
  column-gap: 56px !important;
  align-items: start !important;
  background: #fff !important; /* hides any side peeking from footer */
}
html body.single-post div#content.site-content > #primary { grid-column: 1 !important; width: 100% !important; }
html body.single-post div#content.site-content > #secondary { grid-column: 2 !important; }

/* Keep your article inner column centered */
html body.single-post .ww-article__header,
html body.single-post .ww-article__content {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Stack on tablet/mobile */
@media (max-width: 1024px) {
  html body.single-post div#content.site-content {
    grid-template-columns: 1fr !important;
    row-gap: 40px !important;
    max-width: 840px !important;
  }
  html body.single-post div#content.site-content > #secondary {
    grid-column: 1 !important;
    max-width: 680px !important;
    margin: 0 auto !important;
  }
  html body.single-post .ww-article__header,
  html body.single-post .ww-article__content { max-width: 680px !important; }
}

/* HARD disable sticky footer (target footer + sticky class + any descendant positioning) */
html body.single-post footer#site-footer,
html body.single-post footer#site-footer.sticky-footer,
html body.single-post .sticky-footer,
html body.single-post footer#site-footer *,
html body.single-post .sticky-footer * {
  position: static !important;
  top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  transform: none !important;
  z-index: auto !important;
  width: 100% !important;
}

/* Remove any padding/buffer added to make room for a fixed footer */
html body.single-post .site-content,
html body.single-post #content,
html body.single-post #page,
html body.single-post .page-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* === Single post: use full-width centered content, no sidebar gap === */
body.single-post #content {
  grid-template-columns: 1fr !important;  /* force single column */
  max-width: 820px !important;            /* adjust width */
}

body.single-post #primary {
  margin: 0 auto;
}
/* === OVERRIDE: Single post uses one centered column; sidebar goes below === */
html body.single-post div#content.site-content {
  grid-template-columns: 1fr !important;   /* kill the 2-col grid */
  max-width: 820px !important;              /* nice readable width; tweak if you want */
}

/* Keep the article and the sidebar in the single column, centered */
html body.single-post div#content.site-content > #primary {
  grid-column: 1 !important;
  width: 100% !important;
}
html body.single-post div#content.site-content > #secondary {
  grid-column: 1 !important;                /* below the article */
  max-width: 820px !important;
  margin: 0 auto !important;                /* center the widgets block */
}

/* Ensure inner article blocks stay centered inside the column */
html body.single-post .ww-article__header,
html body.single-post .ww-article__content {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* If any earlier rule hid the first image, force it visible */
body.single-post .ww-article__content .wp-block-image:first-of-type {
  display: block !important;
}
/* ===== Footer fixes (normalize LinkedIn button + legal links in one row) ===== */

/* 1) Normalize any “button-style” links inside the footer (e.g., LinkedIn pill) */
#site-footer a.button,
#site-footer a.btn,
#site-footer .btn,
#site-footer .button,
#site-footer a[class*="button"],
#site-footer a[class*="btn"] {
  display: inline !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: inherit !important;
  font-weight: 500 !important;
}

/* If the LinkedIn link lives in a social list, keep it tidy */
#site-footer .social,
#site-footer .social-menu,
#site-footer .footer-social,
#site-footer .menu-social {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
#site-footer .social a,
#site-footer .social-menu a,
#site-footer .footer-social a,
#site-footer .menu-social a {
  text-decoration: none;
  opacity: .9;
}
#site-footer .social a:hover,
#site-footer .social-menu a:hover,
#site-footer .footer-social a:hover,
#site-footer .menu-social a:hover {
  opacity: 1;
}

/* 2) Legal links (Vilkår · Personvernerklæring · Sitemap) on one row */
#site-footer .footer-legal,
#site-footer .site-info,
#site-footer .footer-bottom,
#site-footer .legal,
#site-footer .menu-legal,
#site-footer .legal-menu {
  display: flex !important;
  gap: 22px;
  align-items: center;
  flex-wrap: nowrap;        /* keep them on one line */
  justify-content: center;  /* center; change to flex-start if you prefer left */
  white-space: nowrap;
  margin-top: 12px;
}

/* If legal links are an <ul>, remove bullets/padding */
#site-footer .footer-legal ul,
#site-footer .site-info ul,
#site-footer .legal ul,
#site-footer .menu-legal,
#site-footer .legal-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  gap: 22px;
  white-space: nowrap;
}
#site-footer .footer-legal li,
#site-footer .site-info li,
#site-footer .legal li { margin: 0; }

/* Optional: subtle tone + hover for footer links */
#site-footer a { color: inherit; opacity: .9; }
#site-footer a:hover { opacity: 1; text-decoration: underline; }
/* === Footer quick-fix (LinkedIn pill -> normal link, legal links in one row) === */

/* 1) Kill any "button/pill" styling ONLY inside the footer */
#site-footer a.elementor-button,
#site-footer a.elementor-button-link,
#site-footer .elementor-button,
#site-footer .wp-block-button__link,
#site-footer .wp-block-button a,
#site-footer a.button,
#site-footer a.btn,
#site-footer .button,
#site-footer .btn,
#site-footer a[class*="button"],
#site-footer a[class*="btn"],
#site-footer a[href*="linkedin.com"],
#site-footer .linkedin,
#site-footer .kd-social-linkedin {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: inline !important;
  line-height: inherit !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* optional underline on hover */
#site-footer a[href], #site-footer .menu a { opacity: .9; }
#site-footer a[href]:hover, #site-footer .menu a:hover { opacity: 1; text-decoration: underline; }

/* 2) Put the legal links on ONE row */
#site-footer .site-info,
#site-footer .footer-bottom,
#site-footer .footer-legal,
#site-footer .legal,
#site-footer .menu-legal,
#site-footer .legal-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;   /* change to flex-start if you prefer left */
  gap: 22px !important;
  flex-wrap: nowrap !important;         /* keep one line on desktop */
  white-space: nowrap !important;
  margin-top: 12px;
}

/* If they are rendered as a WP menu (<ul><li><a>…), strip list styling */
#site-footer .site-info ul,
#site-footer .footer-bottom ul,
#site-footer .footer-legal ul,
#site-footer .legal ul,
#site-footer .menu-legal,
#site-footer .legal-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  white-space: nowrap !important;
}
#site-footer .site-info li,
#site-footer .footer-bottom li,
#site-footer .footer-legal li,
#site-footer .legal li { margin: 0 !important; }

/* 3) Keep it readable on small screens: allow wrapping under 480px */
@media (max-width: 480px) {
  #site-footer .site-info,
  #site-footer .footer-bottom,
  #site-footer .footer-legal,
  #site-footer .legal,
  #site-footer .menu-legal,
  #site-footer .legal-menu,
  #site-footer .site-info ul,
  #site-footer .footer-bottom ul,
  #site-footer .footer-legal ul,
  #site-footer .legal ul,
  #site-footer .menu-legal,
  #site-footer .legal-menu {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
    white-space: normal !important;
  }
}
/* === Remove bullets from footer menus === */
#site-footer ul,
#site-footer li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 10px 0 0 !important;
}

/* Start - Grid layout for Presse (SCOPED: archive + homepage shortcode only) */

.press-archive-section .press-grid,
.ww-press-home .press-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;

  max-width: 1178px;
  margin: 0 auto;
  padding: 0;
  align-items: stretch;
  justify-items: stretch;
}

@media (max-width: 1024px){
  .press-archive-section .press-grid,
  .ww-press-home .press-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 782px;
  }
}

@media (max-width: 767px){
  .press-archive-section .press-grid,
  .ww-press-home .press-grid{
    grid-template-columns: 1fr !important;
    max-width: 386px;
    padding: 0 10px;
  }
}

.press-archive-section .press-card,
.ww-press-home .press-card,
.press-archive-section .press-card .ekit-wid-con,
.ww-press-home .press-card .ekit-wid-con{
  height: 100%;
  min-width: 0;
}

.press-archive-section .press-card .elementskit-infobox,
.ww-press-home .press-card .elementskit-infobox{
  background: #fff !important;
  padding: 40px !important;
  border-radius: 16px !important;
  position: relative;
  height: 100%;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

.press-archive-section .press-card .elementskit-info-box-icon img,
.ww-press-home .press-card .elementskit-info-box-icon img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.press-archive-section .press-card .box-body,
.ww-press-home .press-card .box-body{
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 12px;
  min-height: 200px;
}

.press-archive-section .press-meta,
.ww-press-home .press-meta{
  margin: 8px 0 12px;
  font-size: 12px;
  opacity: .55;
}

.press-archive-section .press-excerpt,
.ww-press-home .press-excerpt{
  margin: 0 0 18px;
  font-size: 15px;
  opacity: .75;
  line-height: 1.55;

  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Make button feel clickable */
.press-archive-section .press-btn,
.ww-press-home .press-btn{
  margin-top: auto;
  display: block;
  width: 100%;
  padding: 12px 18px;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 999px;
  background: #fff;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .06s ease;
}

.press-archive-section .press-btn:hover,
.ww-press-home .press-btn:hover{
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.22);
}

.press-archive-section .press-btn:active,
.ww-press-home .press-btn:active{
  transform: translateY(1px);
}

/* Only title + button clickable */
.press-archive-section .press-title-link,
.ww-press-home .press-title-link{
  color: inherit;
  text-decoration: none;
}

.press-archive-section .press-title-link:hover,
.ww-press-home .press-title-link:hover{
  text-decoration: underline;
}

.press-archive-section .ekit-icon-box-badge,
.ww-press-home .ekit-icon-box-badge{
  position: absolute;
  top: 14px;
  right: 14px;
}

.press-archive-section .ekit-badge,
.ww-press-home .ekit-badge{
  padding: 10px !important;
  border-radius: 999px;
}

/* Footer button under the 3 cards (homepage shortcode) */
.ww-press-home-footer{
  max-width: 1178px;
  margin: 18px auto 0;
  padding: 0 10px;
  text-align: center;
}

.ww-press-home-all{
  display: inline-block;
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  font-weight: 600;
}

/* End - Grid layout for Presse */