.elementor-kit-5{--e-global-color-primary:#0A6DAE;--e-global-color-secondary:#084C7D;--e-global-color-text:#0F172A;--e-global-color-accent:#FFC84D;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;color:#0F172A;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#0A6DAE;font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-kit-5 a:hover{color:#084C7D;font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-kit-5 h1{color:#2E588B;font-family:"Manrope", Sans-serif;font-size:38px;font-weight:800;}.elementor-kit-5 h2{color:#084C7D;font-family:"Manrope", Sans-serif;font-size:32px;}.elementor-kit-5 h3{color:#084C7D;font-family:"Manrope", Sans-serif;font-size:26px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Inter", Sans-serif;color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
/* Pull from Elementor Global Colors when set (fallbacks included) */
--c-primary: var(--e-global-color-primary, #0A6DAE);
--c-primary-dark: #084C7D;
--c-accent: var(--e-global-color-accent, #FFC84D);
--c-text: var(--e-global-color-text, #0F172A);
--c-muted: #64748B;
--c-bg: var(--e-global-color-background, #F8FAFC);
--c-white: #fff;
--c-border: #E2E8F0;

--r-sm: 10px; --r-md: 14px; --r-lg: 20px;
--sh-sm: 0 2px 8px rgba(2,6,23,.08);
--sh-md: 0 10px 20px -10px rgba(2,6,23,.18), 0 3px 8px -2px rgba(2,6,23,.12);
--sh-lg: 0 25px 40px -20px rgba(2,6,23,.35);
--speed: .25s; --bezier: cubic-bezier(.2,.8,.2,1);
}

/* Smooth micro-interactions */
a, button, .elementor-button { transition: all var(--speed) var(--bezier); }

/* =========================
CARDS – Elementor Loop/Posts/Archive items
========================= */
.elementor-loop-container .e-loop-item,
.elementor-posts .elementor-post,
.elementor-archive-posts article,
.elementor-widget-archive-posts .elementor-grid-item article,
.elementor-widget-posts .elementor-grid-item article{
background: var(--c-white);
border: 1px solid var(--c-border);
border-radius: var(--r-md);
box-shadow: var(--sh-sm);
overflow: hidden;
}
.elementor-loop-container .e-loop-item:hover,
.elementor-posts .elementor-post:hover,
.elementor-archive-posts article:hover,
.elementor-widget-archive-posts .elementor-grid-item article:hover,
.elementor-widget-posts .elementor-grid-item article:hover{
transform: translateY(-2px);
box-shadow: var(--sh-md);
}

/* Featured images in cards */
.elementor-post__thumbnail img,
.elementor-widget-image img{
border-radius: calc(var(--r-md) - 2px);
}

/* =========================
BUTTONS – all Elementor buttons
========================= */
.elementor-button{
border-radius: 12px;
font-weight: 700;
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.elementor-button:hover{ transform: translateY(-1px); box-shadow: 0 10px 16px -10px rgba(2,6,23,.25); }
.elementor-button:focus-visible{ outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 30%, transparent); }

/* =========================
TEXT LINKS – animated underline inside text widgets
========================= */
.elementor-text-editor a{
background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat;
}
.elementor-text-editor a:hover{ background-size: 100% 2px; }

/* =========================
FORMS – Elementor Pro forms & native fields
========================= */
.elementor-form .elementor-field,
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], select, textarea{
border-radius: 10px;
border: 1px solid var(--c-border);
background: #fff;
}
.elementor-form .elementor-field:focus,
input:focus, select:focus, textarea:focus{
border-color: var(--c-primary);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 22%, transparent);
outline: none;
}
.elementor-form .elementor-message{ border-radius: 10px; }

/* =========================
TAXONOMY PILLS – your [ovning_category_filter] shortcode outputs .ovning-term-pill
========================= */
.ovning-term-filter{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; }
.ovning-term-pill{
display:inline-block; padding:.45rem .75rem;
border:1px solid var(--c-border); border-radius:9999px;
background:#fff; color: var(--c-text); text-decoration:none;
transition: all var(--speed) var(--bezier);
}
.ovning-term-pill:hover{ border-color: var(--c-primary); color: var(--c-primary); }
.ovning-term-pill.is-active{ background: var(--c-primary); border-color: var(--c-primary); color:#fff; }

/* =========================
SITE REVIEWS – stars + review cards
========================= */
.glsr, .site-reviews{ --star: var(--c-accent); --star-muted: #e2e8f0; }
.glsr .glsr-stars, .site-reviews .stars{ display:flex; gap:6px; }
.glsr .glsr-star svg path{ fill: var(--star-muted); }
.glsr .glsr-star.is-active svg path,
.glsr .glsr-star:hover ~ .glsr-star svg path{ fill: var(--star); }
.site-reviews .review{
border:1px solid var(--c-border); border-radius: var(--r-sm); padding:14px; background:#fff;
box-shadow: var(--sh-sm);
}

/* =========================
WPDISCUZ – cleaner comment boxes
========================= */
.wpd-wrapper .wpd-form-head,
.wpd-wrapper .wpd-comment .wpd-comment-wrap{
border:1px solid var(--c-border);
border-radius: 12px;
background:#fff;
box-shadow: var(--sh-sm);
}
.wpd-wrapper .wpd-comment .wpd-comment-author{ font-weight: 700; }
.wpd-wrapper .wpd-load-more{ border-radius: 10px; }

/* =========================
TABLES in content (Elementor text editor)
========================= */
.elementor-text-editor table{
width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
border-radius:10px; border:1px solid var(--c-border);
}
.elementor-text-editor th, .elementor-text-editor td{ padding:.75rem 1rem; border-bottom:1px solid var(--c-border); }
.elementor-text-editor thead th{ background:#F1F5F9; font-weight:700; }
.elementor-text-editor tbody tr:hover

/* =========================
BREADCRUMBS (if you use any plugin that prints <nav class="breadcrumbs">)
========================= */
nav.breadcrumbs, .breadcrumbs{
display:flex; flex-wrap:wrap; gap:.4rem; color: var(--c-muted); font-size:.9rem;
}
nav.breadcrumbs a, .breadcrumbs a{ color: var(--c-muted); }
nav.breadcrumbs a:hover, .breadcrumbs a:hover{ color: var(--c-primary); }

/* =========================
FOCUS & SELECTION
========================= */
:focus-visible{ outline: 3px solid color-mix(in srgb, var(--c-primary) 35%, transparent); outline-offset: 2px; }
::selection{ background: var(--c-primary); color:#fff; }

/* =========================
SCROLLBARS (subtle, WebKit)
========================= */
*::-webkit-scrollbar{ height:10px; width:10px; }
*::-webkit-scrollbar-track{ background: transparent; }
*::-webkit-scrollbar-thumb{ background:#CBD5E1; border-radius:999px; }
*::-webkit-scrollbar-thumb:hover

/* Single Träning – tight, ren layout */
.training-single .elementor-widget-heading h1{
  letter-spacing:-0.01em;
}
.training-single .elementor-divider{
  --divider-border-color: #E2E8F0;
  --divider-pattern-size: 6px;
  margin: 6px 0 10px;
}

/* Meta-chips under rubriken (från [training_meta]) */
.training-single .chips-row,
.training-single .meta-row{
  display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.25rem;
}
.training-single .pill{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .6rem; border-radius:9999px;
  border:1px solid #E2E8F0; background:#fff; font-weight:700;
}
.training-single .pill.small{ padding:.25rem .5rem; font-size:.92rem; }

/* Featured image / video */
.training-single .elementor-widget-image img,
.training-single .elementor-widget-video iframe,
.training-single .elementor-widget-video video{
  border-radius:16px; overflow:hidden;
  box-shadow:0 18px 36px -20px rgba(2,6,23,.25);
}

/* Övningskorten (återanvänder dina klasser) */
.training-single .tr-ex-grid{ display:grid; gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; }
@media (max-width:1024px){ .training-single .tr-ex-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .training-single .tr-ex-grid{ grid-template-columns:1fr; } }

.training-single .tr-ex-card{
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.64));
  border:1px solid #E2E8F0; border-radius:16px; padding:12px;
  display:grid; grid-template-columns:160px 1fr; gap:12px;
}
@media (max-width:640px){ .training-single .tr-ex-card{ grid-template-columns:1fr; } }

.training-single .tr-ex-img, .training-single .tr-ex-ph{ border-radius:12px; overflow:hidden; display:block; width:100%; aspect-ratio:16/9; background:#E2E8F0; }
.training-single .tr-ex-title{ margin:.2rem 0 .35rem; font-weight:900; }
.training-single .tr-ex-meta{ display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:.25rem; }
.training-single .tr-ex-excerpt{ margin:0; color:#475569; }

/* Sektionens huvud */
.training-accordion .tr-sec-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:.4rem;
}
.training-accordion .tr-acc-actions{ display:flex; gap:.5rem; }
.training-accordion .tr-acc-toggle{
  background:#f1f5f9; border:1px solid #e2e8f0; border-radius:10px; padding:.4rem .6rem; font-weight:800; cursor:pointer;
}
.training-accordion .tr-acc-toggle:hover{ filter:brightness(1.02); }

/* Listan */
.training-accordion .tr-acc-list{ display:grid; gap:12px; }
.training-accordion .tr-empty{ color:#475569; }

/* Kort/accordion – “liquid glass” */
.tr-acc-item{
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.64));
  border:1px solid #E2E8F0; border-radius:16px; overflow:hidden;
}
.tr-acc-item + .tr-acc-item{ margin-top:0; }

/* Summary-rad (stängd vy) */
.tr-acc-summary{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 12px; cursor:pointer; list-style:none;
}
.tr-acc-summary::-webkit-details-marker{ display:none; }
.tr-acc-sum-left{ display:flex; align-items:center; gap:12px; min-width:0; }
.tr-acc-imgwrap{ width:88px; height:60px; border-radius:10px; overflow:hidden; flex:0 0 auto; background:#e2e8f0; }
.tr-acc-thumb{ width:100%; height:100%; object-fit:cover; display:block; }
.tr-acc-ph{ width:100%; height:100%; display:block; background:#e2e8f0; }
.tr-acc-texts{ display:grid; gap:4px; min-width:0; }
.tr-acc-title{ font-weight:900; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tr-acc-meta{ display:flex; flex-wrap:wrap; gap:.35rem; }
.pill.small{ display:inline-flex; align-items:center; gap:.35rem; padding:.25rem .5rem; border-radius:9999px; border:1px solid #E2E8F0; background:#fff; font-weight:700; font-size:.92rem; }

/* Caret */
.tr-acc-caret{ transition: transform .2s ease; font-size:1.1rem; color:#334155; }

/* Öppen vy */
.tr-acc-item[open] .tr-acc-caret{ transform: rotate(180deg); }
.tr-acc-content{
  padding: 10px 12px 14px;
  border-top:1px solid #E2E8F0;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.8));
}
.tr-acc-rich .ovning-info,
.tr-acc-rich .ovning-levels,
.tr-acc-rich .ovning-gear,
.tr-acc-rich .ovning-terms{ margin-bottom:10px; }
.tr-acc-body{ margin-top:8px; }
.tr-acc-actions-row{
  display:flex; align-items:center; gap:.6rem; margin-top:10px;
}
.tr-acc-actions-row .btn-link{
  display:inline-flex; align-items:center; gap:.35rem; padding:.5rem .75rem; border-radius:10px;
  background:#0A6DAE; color:#fff; text-decoration:none; font-weight:900;
}
.tr-acc-actions-row .btn-link:hover{ filter:brightness(1.05); }
.tr-acc-actions-row .sep{ width:1px; height:20px; background:#E2E8F0; display:inline-block; }

/* Mobilanpassning */
@media (max-width:640px){
  .tr-acc-imgwrap{ width:72px; height:50px; }
  .tr-acc-title{ font-size:1.05rem; }
}


/* ===== Filterbar – glass ===== */
.filters-glass{
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.66));
  border:1px solid #E2E8F0; border-radius:18px; padding:12px;
  backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%);
  box-shadow: 0 18px 36px -20px rgba(2,6,23,.25), inset 0 1px 0 rgba(255,255,255,.5);
  margin-bottom: 18px;
}
.filters-row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.filter-search{ flex:1; min-width:240px; padding:.6rem .8rem; border-radius:12px; border:1px solid #E2E8F0; }
.filter-btn{ padding:.6rem .9rem; border-radius:12px; border:0; background:var(--e-global-color-primary,#0A6DAE); color:#fff; font-weight:800; }
.filter-sort{ display:flex; align-items:center; gap:.4rem; margin-left:auto; flex-wrap:wrap; }
.filter-chips{ display:grid; gap:.5rem; margin-top:.5rem; }
.chip-group{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; }
.chip-label{ font-weight:800; color:#334155; margin-right:.25rem; }
.pill{ display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .6rem; border-radius:9999px; border:1px solid #E2E8F0; background:#fff; text-decoration:none; font-weight:700; transition: .2s border-color, .2s color, .2s transform; }
.pill.is-active{ border-color:var(--e-global-color-primary,#0A6DAE); color:var(--e-global-color-primary,#0A6DAE); }
.pill:hover{ transform:translateY(-1px); }

/* ===== Archive Posts – Cards: glass look + hover ===== */
.elementor-posts--skin-cards .elementor-post{
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.7));
  border:1px solid #E2E8F0; border-radius:18px; overflow:hidden;
  box-shadow: 0 12px 24px -16px rgba(2,6,23,.25);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.elementor-posts--skin-cards .elementor-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 36px -20px rgba(2,6,23,.35);
  border-color: rgba(226,232,240,.9);
}

/* Bild */
.elementor-posts--skin-cards .elementor-post__thumbnail__link,
.elementor-posts--skin-cards .elementor-post__thumbnail img{
  display:block; width:100%; height:auto; border-radius:0;
}
.elementor-posts--skin-cards .elementor-post__thumbnail{
  overflow:hidden;
}
.elementor-posts--skin-cards .elementor-post__thumbnail img{
  transform: scale(1.001); transition: transform .25s ease;
}
.elementor-posts--skin-cards .elementor-post:hover .elementor-post__thumbnail img{
  transform: scale(1.03);
}

/* Titel + spacing */
.elementor-posts--skin-cards .elementor-post__title{
  font-weight:900; letter-spacing:-0.01em;
}
.elementor-posts--skin-cards .elementor-post__text{
  padding: 12px 14px 14px;
}

/* Excerpt + injicerad meta-row (ligger i excerpt) */
.elementor-posts--skin-cards .elementor-post__excerpt p{
  margin: .25rem 0 .35rem;
  color:#475569;
}
.elementor-posts--skin-cards .elementor-post__excerpt .meta-row{
  display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.4rem;
}

/* Chips i korten */
.elementor-posts--skin-cards .pill{ 
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.28rem .55rem; border-radius:9999px; border:1px solid #E2E8F0; background:#fff; font-weight:800; font-size:.92rem;
}
.elementor-posts--skin-cards .pill.small{ padding:.22rem .5rem; font-size:.9rem; }
.elementor-posts--skin-cards .pill.soft{
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.7));
}

/* Pagination */
.elementor-pagination{
  display:flex; gap:.4rem; justify-content:center; margin-top: 18px;
}
.elementor-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px;
  border:1px solid #E2E8F0; border-radius:10px; padding:0 .6rem; text-decoration:none;
  background:#fff; font-weight:800;
}
.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover{
  border-color: var(--e-global-color-primary,#0A6DAE);
  color: var(--e-global-color-primary,#0A6DAE);
}

/* Små skärmar */
@media (max-width: 640px){
  .filter-search{ min-width: 0; flex: 1 1 100%; }
  .filter-sort{ margin-left: 0; }
}

/* ===== Filterbar (glass/sticky) ===== */
.filters-glass{
  position: sticky; top: 84px; z-index: 5;
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.66));
  border:1px solid #E2E8F0; border-radius:20px; padding:12px 14px;
  backdrop-filter: blur(10px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%);
  box-shadow: 0 18px 36px -20px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.55);
  margin-bottom: 18px;
}
.filters-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.filter-search{ flex:1 1 320px; padding:.65rem .85rem; border-radius:12px; border:1px solid #E2E8F0; }
.filter-btn{ padding:.65rem .9rem; border-radius:12px; border:0; background:var(--e-global-color-primary,#0A6DAE); color:#fff; font-weight:800; }
.filter-sort{ display:flex; align-items:center; gap:.4rem; margin-left:auto; flex-wrap:wrap; }

/* Chip-grupper – gör raderna skrollbara på mobil */
.filter-chips{ display:grid; gap:.6rem; margin-top:.6rem; }
.chip-group{ display:flex; gap:.45rem; align-items:center; flex-wrap:wrap; }
@media (max-width: 680px){
  .chip-group{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
  .chip-group::-webkit-scrollbar{ display:none; }
}
.chip-label{ font-weight:800; color:#334155; margin-right:.1rem; }

/* Chips */
.pill{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.36rem .62rem; border-radius:9999px;
  border:1px solid #E2E8F0; background:#fff; text-decoration:none; font-weight:800;
  transition: .18s border-color, .18s color, .18s transform, .18s background;
}
.pill:hover{ transform:translateY(-1px); }
.pill.is-active{
  border-color: var(--e-global-color-primary,#0A6DAE);
  color: var(--e-global-color-primary,#0A6DAE);
  background: rgba(10,109,174,.06);
}
.pill.small{ padding:.24rem .5rem; font-size:.92rem; }
.pill.soft{ background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.75)); }

/* ===== Archive Posts – glass-kort ===== */
.elementor-posts--skin-cards .elementor-post{
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.78));
  border:1px solid #E2E8F0; border-radius:20px; overflow:hidden;
  box-shadow: 0 14px 28px -18px rgba(2,6,23,.28);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.elementor-posts--skin-cards .elementor-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 40px -22px rgba(2,6,23,.35);
  border-color: rgba(226,232,240,.95);
}

/* Bild */
.elementor-posts--skin-cards .elementor-post__thumbnail{ overflow:hidden; }
.elementor-posts--skin-cards .elementor-post__thumbnail img{ transform:scale(1.001); transition:transform .25s ease; }
.elementor-posts--skin-cards .elementor-post:hover .elementor-post__thumbnail img{ transform:scale(1.03); }

/* Titel / text */
.elementor-posts--skin-cards .elementor-post__title{ font-weight:900; letter-spacing:-.01em; }
.elementor-posts--skin-cards .elementor-post__title a{
  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;
}
.elementor-posts--skin-cards .elementor-post__text{ padding:12px 14px 14px; }
.elementor-posts--skin-cards .elementor-post__excerpt p{ margin:.25rem 0 .4rem; color:#475569; }
.elementor-posts--skin-cards .elementor-post__excerpt .meta-row{
  display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.35rem;
}

/* Pagination */
.elementor-pagination{ display:flex; gap:.4rem; justify-content:center; margin-top:18px; }
.elementor-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px;
  border:1px solid #E2E8F0; border-radius:12px; padding:0 .65rem; text-decoration:none; background:#fff; font-weight:800;
}
.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover{
  border-color: var(--e-global-color-primary,#0A6DAE);
  color: var(--e-global-color-primary,#0A6DAE);
}

/* Småfix för card chips i excerpt */
.elementor-posts--skin-cards .pill.small{ font-size:.9rem; }


/* Force white text on the primary button */
.gbc-home .btn--primary,
.gbc-home .btn--primary:link,
.gbc-home .btn--primary:visited,
.gbc-home .btn--primary:hover,
.gbc-home .btn--primary:focus,
.gbc-home .btn--primary:active{
  color:#fff !important;
}

/* If you use icons inside the button */
.gbc-home .btn--primary svg,
.gbc-home .btn--primary i{
  color:#fff; fill:#fff;
}

/* ==== GBC Save Button (fallback) ==== */
.gbc-save-btn{
  -webkit-appearance:none; appearance:none;
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.55rem .9rem .55rem .9rem;
  border:1px solid #E2E8F0; border-radius:12px;
  background:#ffffff; color:#0A6DAE; font-weight:900; font-size:.95rem; line-height:1;
  box-shadow:0 10px 20px -14px rgba(2,6,23,.25), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .15s ease, box-shadow .15s ease, background .15s, border-color .15s, color .15s;
  cursor:pointer;
}

/* Liten stjärn-ikon före texten */
.gbc-save-btn::before{
  content:"☆"; font-size:1.05rem; line-height:1; opacity:.9;
}

/* Hover/focus */
.gbc-save-btn:hover,
.gbc-save-btn:focus{
  transform:translateY(-1px);
  box-shadow:0 16px 28px -18px rgba(2,6,23,.32);
  outline:none;
}

/* Aktiv (mousedown) */
.gbc-save-btn:active{
  transform:translateY(0);
  box-shadow:0 10px 20px -14px rgba(2,6,23,.25);
}

/* Sparad-status */
/*.gbc-save-btn.is-saved{
  background:rgba(10,109,174,.08);
  border-color:#0A6DAE;
  color:#0A6DAE;
}*/
.gbc-save-btn.is-saved::before{
  content:"★";
}

/* Disabled / laddar */
.gbc-save-btn[disabled]{
  opacity:.6; cursor:progress;
}

/* Kompakt variant (om du vill göra den mindre i täta layouter) */
.gbc-save-btn.is-compact{
  padding:.38rem .6rem; font-size:.9rem; border-radius:10px;
}/* End custom CSS */