/*
Theme Name: Heimstaden AB
Theme URI: 
Author: Heimstaden AB
Author URI: 
Description: heimstaden ab
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: heimstaden-ab
Tags: 
*/

/* Column visibility helpers */
@media (max-width: 781px){
  .wp-block-column.is-style-hide-mobile { display: none !important; }
}
@media (min-width: 782px){
  .wp-block-column.is-style-hide-desktop { display: none !important; }
}

/* Gör två kolumner 50/50 på mobil för just den Columns-rad som har klassen */
@media (max-width: 782px) {
  .mobile-5050.wp-block-columns {
    display: flex;
    flex-direction: row !important;   /* överstyr ev. stacking */
    flex-wrap: wrap;
    gap: var(--wp--style--block-gap, 1rem);
  }
  .mobile-5050.wp-block-columns > .wp-block-column {
    /* räkna bort halva gapet så 2 kolumner får plats på samma rad */
    flex: 0 0 calc(50% - (var(--wp--style--block-gap, 1rem) / 2)) !important;
    max-width: calc(50% - (var(--wp--style--block-gap, 1rem) / 2)) !important;
  }
}

/* ===== Notch-storlekar ===== */
:root{
  --notch-size-btn: 12px;  /* knappar */
  --notch-size-img: 55px;  /* bilder */
}

/* ===================== KNAPPAR (globalt) ===================== */
.wp-block-button .wp-block-button__link{
  --ns: var(--notch-size-btn);
  position: relative;
  border: 0 !important;
  border-radius: 0;
  overflow: hidden;
  clip-path: polygon(
    0 0, 100% 0,
    100% calc(100% - var(--ns)),
    calc(100% - var(--ns)) 100%,
    0 100%
  );
}

/* Kant till knapp (lägg klassen is-bordered på knappen) */
.wp-block-button .wp-block-button__link.is-bordered{
  --bw: 2px;           /* bredd – kan ändras per knapp */
  --bc: currentColor;  /* färg  – kan ändras per knapp */
}

@supports ((-webkit-mask: none) or (mask: none)) {
  .wp-block-button .wp-block-button__link.is-bordered::before{
    content:"";
    position:absolute; inset:0; pointer-events:none;
    clip-path: inherit;
    background: var(--bc);
    padding: var(--bw);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
}
@supports not ((-webkit-mask: none) or (mask: none)) {
  .wp-block-button .wp-block-button__link.is-bordered{
    box-shadow: inset 0 0 0 var(--bw) var(--bc);
  }
}


/* Gemensamma notch-variabler */
:root{
  --notch-border-width: 1.5px;
  --notch-border-color: currentColor;
}

/* ========== KNAPPAR (12px) ========== */
.wp-block-button .wp-block-button__link{
  --notch-size: 12px;                 /* 👈 standard för knappar */
  position: relative;
  border-radius: 0;
  clip-path: polygon(
    0 0, 100% 0,
    100% calc(100% - var(--notch-size)),
    calc(100% - var(--notch-size)) 100%,
    0 100%
  );
}

/* ========== ÖVRIGA OBJEKT (55px) ========== */
/* Lägg klass "notch-br" i editorn på valfritt block */
.notch-br{
  --notch-size: 55px;                 /* 👈 större avklipp för allt utom knappar */
  position: relative;
  clip-path: polygon(
    0 0, 100% 0,
    100% calc(100% - var(--notch-size)),
    calc(100% - var(--notch-size)) 100%,
    0 100%
  );
}
/* Notch containers: rita ramen med mask, inte vanlig border */
.notch-br.is-bordered,
.heim-notch-box.is-bordered{
  position: relative;
  border: 0 !important;      /* viktig: ingen riktig border */
}

/* Modern väg: ram som följer clip-path exakt */
@supports ((-webkit-mask: none) or (mask: none)) {
  .notch-br.is-bordered::after,
  .heim-notch-box.is-bordered::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    clip-path: inherit;                         /* följ samma snitt */
    box-sizing: content-box;                    /* padding = “ramtjocklek” */
    background: var(--notch-border-color, currentColor);
    padding: calc(var(--notch-border-width, 2px) + 0.5px); /* liten överritning mot glapp */
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    transform: translateZ(0);                   /* minskar AA-glapp i webkit */
  }
}

/* Fallback (om mask inte stöds): OK men inte 100% perfekt runt snittet */
@supports not ((-webkit-mask: none) or (mask: none)) {
  .notch-br.is-bordered,
  .heim-notch-box.is-bordered{
    box-shadow: inset 0 0 0 var(--notch-border-width, 2px) var(--notch-border-color, currentColor);
  }
}

/* Om du sätter klassen på en bild/figure: klipp själva bilden också */
.notch-br img{
  clip-path: polygon(
    0 0, 100% 0,
    100% calc(100% - var(--notch-size)),
    calc(100% - var(--notch-size)) 100%,
    0 100%
  );
  display:block;
}



.cision-pagination { margin: 1rem 0; }
.cision-pagination .page-numbers { list-style: none; display: flex; gap: .5rem; padding: 0; margin: 0; }
.cision-pagination .page-numbers li a,
.cision-pagination .page-numbers li span {
  display: inline-block; padding: .35rem .6rem; border: 1px solid #ddd; border-radius: 4px; text-decoration: none;
}
.cision-pagination .page-numbers li .current { background: #113e49; color: #fff; border-color: #113e49; }

/* Stacka tabellen på små skärmar */
@media (max-width: 680px) {
  .wp-block-table.is-style-stacked table,
  .wp-block-table.is-style-stacked thead,
  .wp-block-table.is-style-stacked tbody,
  .wp-block-table.is-style-stacked tr,
  .wp-block-table.is-style-stacked td,
  .wp-block-table.is-style-stacked th { display: block; width: 100%; }

  .wp-block-table.is-style-stacked thead { display: none; }
  .wp-block-table.is-style-stacked tr { margin: 0 0 12px; border: 1px solid #eee; border-radius: 8px; padding: 8px; }

  .wp-block-table.is-style-stacked td {
    display: grid; grid-template-columns: 40% 1fr; gap: 8px;
    border: none; border-bottom: 1px solid #f0f0f0; padding: 8px 0;
  }
  .wp-block-table.is-style-stacked td:last-child { border-bottom: none; }

  .wp-block-table.is-style-stacked td::before {
    content: attr(data-label);
    font-weight: 600; opacity: .8;
  }
}
/* Sticky header */
.site-header,
header.wp-block-template-part.site-header {
  position: sticky;
  top: 0;
  z-index: 1000; /* ovanför innehåll */
  background: var(--wp--preset--color--base, #fff); /* fast bakgrund så innehåll inte skiner igenom */
}

/* När du är inloggad (WP admin bar) – undvik överlapp */
.admin-bar .site-header,
.admin-bar header.wp-block-template-part.site-header { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .site-header,
  .admin-bar header.wp-block-template-part.site-header { top: 46px; }
}

/* Valfritt: liten skugga när man scrollar (kräver JS-hook längre ner) */
.site-header.is-stuck { box-shadow: 0 4px 12px rgba(0,0,0,.06); }

/* Notch Box – tvinga bort allt ev. gammalt clip på hosten */
.heim-notch-box.notch-outline{
  clip-path: none !important;
  overflow: visible;            /* se till att ::after inte klipps bort */
  position: relative;
}

/* Döda all “riktig” border på hosten, både i editor och front */
.heim-notch-box.notch-outline{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;   /* säkerhetsbälte mot gamla regler */
  position: relative;
  overflow: visible;
}

/* Editor-sandbox (om ert tema laddar editor-styles) */
.editor-styles-wrapper .heim-notch-box.notch-outline{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}
/* Sub-menu style to get it aline to right*/
.wp-block-navigation {
  .wp-block-navigation-item{
    text-align: right;
    .wp-block-navigation-item__content{
      display: block!important;
   } 
  }
  .wp-block-navigation__submenu-container{
    padding: 10px 0!important;
    border-right: 3px #113E49 solid!important;
  }  
}