/* Bästhundförsäkring.nu – 2026 refresh. Keeps the teal identity, deepens it for contrast; warm orange price buttons.
   Loaded last; overrides Bootstrap, Neve, the custom CSS and inline template styles. */

:root{
  --bh-deep:#0f3a45;   /* header, hero, footer: white text */
  --bh-deep-rgb:15,58,69;
  --bh-brand:#13667c;        /* brand colour, links on the light page */
  --bh-brand-mid:#2c8fa8;
  --bh-taupe:#86bcc7;
  --bh-page:#e7f3f1;        /* page */
  --bh-panel:#f3faf9;      /* soft panels */
  --bh-line:#cde3e0;
  --bh-tint:#e3f1ef;
  --bh-tint-2:#c3e0dc;
  --bh-text:#1b2626;
  --bh-muted:#4c5f61;
  --bh-muted-2:#7a8c8e;
  --bh-cta:#c2410c;         /* price buttons, white text */
  --bh-cta-dark:#9a3412;
  --bh-sage:#9cc5a7;
  --bh-hero:url('/wp-content/uploads/hund-hero-2026.svg');
  --nv-site-bg:#e7f3f1;
  --nv-text-color:#1b2626;
  --nv-primary-accent:#13667c;
  --bodyfontfamily:"Graphik",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --nv-fallback-ff:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Type: the site's own Graphik (was declared but never applied) */
body,button,input,select,textarea,.btn,h1,h2,h3,h4,h5,h6,.nav-ul a{font-family:"Graphik",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
body{color:var(--bh-text);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{color:var(--bh-text);letter-spacing:-.015em;line-height:1.2}
h1,h2,h3{font-weight:600!important}
.nv-content-wrap h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-top:2.2em;margin-bottom:.6em}
.nv-content-wrap h3{font-size:clamp(1.2rem,2vw,1.4rem);margin-top:1.8em;margin-bottom:.5em}
.nv-content-wrap p,.nv-content-wrap li{color:var(--bh-text)}
.nv-content-wrap a:not(.btn){color:var(--bh-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.nv-content-wrap a:not(.btn):hover{color:var(--bh-deep);text-decoration-thickness:2px}
.vad-decoration:before,.jamfor-decoration:before,.pris-decoration:before,.best-decoration:before,.faq-decoration:before,.innehall-decoration:before,.tillagg-decoration:before,.olika-decoration:before,.sammanfattning-decoration:before{color:var(--bh-brand)!important;font-weight:600;letter-spacing:.09em;margin-bottom:6px}

/* Header bar */
.hfg_header .header--row,.hfg_header .header--row-inner,.header-menu-sidebar,.header-menu-sidebar-bg{--bgcolor:var(--bh-deep);background-color:var(--bh-deep)!important}
.hfg_header .nav-ul a,.hfg_header .nav-ul a:hover{color:#fff!important}
.hfg_header .nav-ul a:hover{opacity:.85}
.navbar-toggle{background-color:var(--bh-tint)!important;color:var(--bh-deep)!important}
.navbar-toggle .icon-bar{background-color:var(--bh-deep)!important}
.header-menu-sidebar .nav-ul a{color:#fff!important}

/* Heroes: start page, guide pages and company pages share the deep green with the light wave */
.indexheader,.subpage,.grey-section{background-color:var(--bh-deep)!important;background-image:var(--bh-hero)!important;background-size:cover!important;background-position:center bottom!important}
.remove-border{background-color:var(--bh-page)!important}
.indexheader .header-box,.subpage .header-box,.grey-section .header-box{color:#fff!important}
.indexheader .header-box>p,.subpage .header-box>p{color:rgba(255,255,255,.92);line-height:1.65}
.indexheader h1,.subpage h1,.grey-section h1.review-title{color:#fff!important;font-weight:600!important;letter-spacing:-.025em;line-height:1.08}
.indexheader .h1-index{margin-bottom:.35em!important}
.subpage #breadcrumbs,.subpage #breadcrumbs a{color:rgba(255,255,255,.8)!important;font-size:14px}
.subpage #breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.btn-header,.btn-subpage{background-color:var(--bh-tint)!important;color:var(--bh-deep)!important;border:0!important;border-bottom:4px solid var(--bh-taupe)!important;border-radius:14px!important;font-weight:600!important}
.btn-header:hover,.btn-subpage:hover{background-color:#fff!important;opacity:1}
.grey-section .review-title:before{color:var(--bh-tint-2)!important;font-size:13px!important;letter-spacing:.09em;margin-bottom:6px}
.grey-section .header-box p{color:rgba(255,255,255,.92)!important}
.disclaimer a{color:var(--bh-muted)!important}

/* Section heading underline */
.toplist-heading:after{background-color:var(--bh-brand)!important;height:5px!important;width:56px!important;margin-top:10px}

/* Comparison cards (start page, villa, student, bostadsrätt, hyresrätt, byta) */
.toplist-ol>li{border-radius:18px!important;border:1px solid var(--bh-line);box-shadow:0 10px 30px rgba(var(--bh-deep-rgb),.07)!important;margin-bottom:22px!important}
.toplist-ol>li>.container{border:0!important;border-radius:18px!important}
.toplist-bg{min-height:150px!important;position:relative}
.toplist-img{width:150px!important;max-height:60px!important;object-fit:contain;margin-bottom:2.4rem!important}
.company-name{background:rgba(255,255,255,.88)!important;border-radius:8px!important;font-weight:600!important}
.custom-badge{width:56px!important;height:56px!important;left:6px!important;top:6px!important}
.pros-toplist li,.info-toplist li{font-size:15px!important;line-height:1.55;margin-bottom:5px}
.info-toplist strong{font-weight:600}
.awesometoplist .btn-success,.btn-success{background-color:var(--bh-cta)!important;border:0!important;border-bottom:4px solid var(--bh-cta-dark)!important;border-radius:14px!important;color:#fff!important;font-weight:600!important;letter-spacing:.01em;padding:17px 18px!important;transition:background-color .15s ease,transform .15s ease}
.awesometoplist .btn-success:hover,.btn-success:hover{background-color:var(--bh-cta-dark)!important;opacity:1}
.awesometoplist .btn-success:focus-visible,.btn-success:focus-visible{outline:3px solid #f3c969;outline-offset:2px}
.toplist-deal-wrapper{background-color:#fbf4e6!important;border-radius:12px!important}
.toplist-deal{border:1.5px dashed #c7a76b!important;border-radius:10px!important;color:var(--bh-text)!important}
.toplist-deal .bh-icon{vertical-align:-3px;color:#9a6b1f}
#accordion>.btn-link,.awesometoplist .btn-link{background-color:var(--bh-panel)!important;border-top:1px solid var(--bh-line)!important}
.fold-out-btn{color:var(--bh-brand)!important;font-weight:600;letter-spacing:.06em;font-size:12.5px!important}
.snabb-title{border-bottom-color:var(--bh-line)!important;font-weight:600!important;color:var(--bh-text)}
.snabb-table tr:nth-child(even){background-color:var(--bh-panel)!important}
@media (max-width:767px){
  .toplist-bg{min-height:0!important;padding:18px 12px 52px!important;margin-bottom:0!important}
  .toplist-img{width:150px!important;max-height:48px!important;margin-bottom:0!important}
  .custom-badge{width:46px!important;height:46px!important}
  .toplist-ol .col-md-9 .row.pt-2{padding-top:14px!important}
  .toplist-ol .col-md-9 .col-md-4{margin-bottom:10px!important}
  .pros-toplist,.info-toplist{padding-left:12px!important;margin-bottom:0}
  .awesometoplist .goaway{margin-top:4px}
}

/* Tables in the guides */
.nv-content-wrap .wp-block-table table,.nv-content-wrap table.table{background:#fff;border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--bh-line)}
.nv-content-wrap .wp-block-table th,.nv-content-wrap .wp-block-table thead td{background:var(--bh-deep)!important;color:#fff!important;font-weight:600;font-size:14px}
.nv-content-wrap .wp-block-table td,.nv-content-wrap .wp-block-table th{padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--bh-line)!important;font-size:15px}
.nv-content-wrap .wp-block-table tr:nth-child(even) td{background:var(--bh-panel)}
.nv-content-wrap .wp-block-table figcaption{font-size:13px;color:var(--bh-muted)}

/* FAQ (Yoast accordion and company FAQ) */
.yoast-faq-accordion .schema-faq-question,.faq .card,.accordion .card{background:#fff!important;border:1px solid var(--bh-line)!important;border-radius:14px!important}
.yoast-faq-accordion .schema-faq-question button{font-weight:600}

/* Author / update box above the footer */
.author-section{background:#fff!important;border:1px solid var(--bh-line);border-radius:16px!important}
.author-img img{border:2px solid var(--bh-page)}

/* Footer */
.footer-custom{background-color:var(--bh-deep)!important}
.footer-custom p,.footer-custom a{color:var(--bh-line)!important}
.footer-custom a:hover{color:#fff!important;text-decoration:underline}
.footer-custom h4{font-weight:600!important;letter-spacing:.01em}

/* Company pages: sidebar facts */
.review-table{border-radius:12px;overflow:hidden}

/* Focus states for keyboard users */
a:focus-visible,button:focus-visible{outline:3px solid #f3c969!important;outline-offset:2px}

/* Buttons that share .btn-header: light in the green hero, green on the light page (beats the template's inline white text) */
a.btn.btn-header,a.btn.btn-subpage{background-color:var(--bh-brand)!important;color:#fff!important;border:0!important;border-bottom:4px solid var(--bh-deep)!important;border-radius:14px!important;font-weight:600!important;padding:16px 26px!important}
a.btn.btn-header:hover,a.btn.btn-subpage:hover{background-color:var(--bh-deep)!important}
.indexheader a.btn.btn-header,.subpage a.btn.btn-header,.subpage a.btn.btn-subpage,.grey-section a.btn.btn-header{background-color:var(--bh-tint)!important;color:var(--bh-deep)!important;border-bottom-color:var(--bh-taupe)!important}
.indexheader a.btn.btn-header:hover,.subpage a.btn.btn-header:hover,.subpage a.btn.btn-subpage:hover{background-color:#fff!important}

/* Comparison cards: no stray list margins, so the card stays compact */
.toplist-ol .pros-toplist,.toplist-ol .info-toplist{margin:0!important}
@media (max-width:767px){
  .toplist-ol .info-toplist{background:var(--bh-panel);border-radius:10px;padding:10px 12px!important;width:100%}
  .toplist-ol .col-md-9 .comparevalues{margin-bottom:12px!important}
}

/* Footer details */
.footer-custom h4{margin:26px 0 8px!important}
.footer-custom .btn-lang{color:var(--bh-deep)!important;background:var(--bh-tint)!important;border:0!important;border-radius:10px!important}
.footer-custom p:empty{display:none}

/* Author pages (/om-oss/namn/) */
.bh-author-hero{background:var(--bh-deep) var(--bh-hero) center bottom/cover no-repeat;color:#fff;padding:48px 0 96px}
.bh-author-head{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.bh-author-photo img{width:128px;height:128px;border-radius:50%;border:4px solid rgba(255,255,255,.85);object-fit:cover;display:block}
.bh-author-kicker{margin:0 0 4px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--bh-tint-2)}
.bh-author-hero h1{color:#fff!important;margin:0 0 6px;font-size:clamp(2rem,4vw,2.8rem)}
.bh-author-role{margin:0 0 8px;color:rgba(255,255,255,.92);font-size:18px}
.bh-author-links,.bh-author-links a{margin:0;color:#fff!important}
.bh-author-links a{text-decoration:underline;text-underline-offset:3px}
.bh-author-body{padding-top:36px;padding-bottom:48px;max-width:860px}
.bh-author-intro{font-size:18px;margin-bottom:28px}
.bh-author-body h2{font-size:1.4rem;margin:28px 0 12px}
.bh-author-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--bh-line);border-radius:14px;overflow:hidden}
.bh-author-list li{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--bh-line);margin:0}
.bh-author-list li:last-child{border-bottom:0}
.bh-author-list a{color:var(--bh-brand);font-weight:600;text-decoration:none}
.bh-author-list a:hover{text-decoration:underline}
.bh-author-list span{color:var(--bh-muted);font-size:14px;white-space:nowrap}
@media (max-width:600px){.bh-author-list li{flex-direction:column;gap:2px}}
.bh-author-name{color:inherit;text-decoration:none}
.bh-author-name:hover span{text-decoration:underline}

/* Small print that was too pale to read */
.awesometoplist span[style*="#b4b4b4"]{color:var(--bh-muted)!important;font-size:12.5px!important;line-height:1.5}
.table-disclaimer,.disclaimer-table,.index-table-disclaimer{color:var(--bh-muted)!important;font-size:13px!important}

/* Short-answer and info boxes in the guides */
.nv-content-wrap .bh-note{background:#fff;border:1px solid var(--bh-line);border-left:5px solid var(--bh-brand);border-radius:12px;padding:16px 20px;margin:0 0 1.6em}
.nv-content-wrap .bh-note strong:first-child{color:var(--bh-deep)}

/* Tables written inside the company reviews */
.white-section .col-md-8 table{width:100%;background:#fff;border:1px solid var(--bh-line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;margin:.6em 0 .4em;font-size:15px}
.white-section .col-md-8 th{background:var(--bh-deep);color:#fff;font-weight:600;text-align:left;padding:11px 14px}
.white-section .col-md-8 td{padding:11px 14px;border-top:1px solid var(--bh-line)}
.white-section .col-md-8 tr:nth-child(even) td{background:var(--bh-panel)}
.white-section .col-md-8 td:first-child{font-weight:600}

/* Wide tables become stacked cards on phones (labels come from the header row) */
@media (max-width:600px){
  .nv-content-wrap .bh-stack table,.nv-content-wrap .bh-stack tbody,.nv-content-wrap .bh-stack tr,.nv-content-wrap .bh-stack td{display:block;width:100%}
  .nv-content-wrap .bh-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .nv-content-wrap .bh-stack table{border:0;background:transparent;border-radius:0}
  .nv-content-wrap .bh-stack tr{background:#fff;border:1px solid var(--bh-line);border-radius:14px;margin:0 0 12px;padding:6px 0;overflow:hidden}
  .nv-content-wrap .bh-stack tr:nth-child(even) td{background:transparent}
  .nv-content-wrap .bh-stack td{border:0!important;padding:6px 16px!important;font-size:15px}
  .nv-content-wrap .bh-stack td:first-child{font-weight:600;color:var(--bh-deep);font-size:16px;padding-top:10px!important}
  .nv-content-wrap .bh-stack td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bh-muted);margin-bottom:2px}
  .nv-content-wrap .bh-stack td[data-label=""]::before{display:none}
}
@media (max-width:600px){
  .nv-content-wrap .wp-block-table:not(.bh-stack) td,.nv-content-wrap .wp-block-table:not(.bh-stack) th{padding:9px 10px!important;font-size:14px!important}
}

/* Byline in the guide heroes */
.subpage .header-box .bh-byline{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.82)!important}
.subpage .header-box .bh-byline a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}

/* Guide hub on /artiklar/ */
.bh-guides{width:100%;margin:8px 0 28px}
.bh-guides h2{font-size:1.5rem;margin:0 0 14px}
.bh-guides ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bh-guides li{background:#fff;border:1px solid var(--bh-line);border-radius:14px;padding:16px 18px;margin:0}
.bh-guides li a{display:block;font-weight:600;color:var(--bh-brand);text-decoration:none;margin-bottom:4px}
.bh-guides li a:hover{text-decoration:underline}
.bh-guides li span{display:block;font-size:14px;color:var(--bh-muted);line-height:1.5}
.bh-guides .bh-guides-articles{margin-top:34px}

/* Plain content lists get visible bullets and numbers again (icon lists keep their own style) */
.nv-content-wrap ul.wp-block-list:not(.pros-mark):not([class*="toplist"]),.nv-content-wrap .wp-block-column > ul:not([class]){list-style:disc!important;padding-left:1.4em!important;margin-bottom:1.2em}
.nv-content-wrap ol.wp-block-list{list-style:decimal!important;padding-left:1.5em!important;margin-bottom:1.2em}
.nv-content-wrap ul.wp-block-list:not(.pros-mark) > li,.nv-content-wrap ol.wp-block-list > li{display:list-item;margin-bottom:.45em}
.nv-content-wrap ul.wp-block-list:not(.pros-mark) > li::marker,.nv-content-wrap ol.wp-block-list > li::marker{color:var(--bh-brand);font-weight:600}
/* Artikelsidor: läsbar skribentlänk och rubrik som inte bryts mitt i ordet på mobil */
.single-post-container .nv-meta-list .author-name a{color:var(--bh-brand)!important}
@media (max-width:576px){.single-post-container h1.entry-title{font-size:clamp(1.75rem,8.4vw,2.25rem)!important;-webkit-hyphens:auto;hyphens:auto}}

/* Logo strip */
.bh-partners{background:var(--bh-panel);border:1px solid var(--bh-line);border-radius:14px;padding:18px 16px;margin:28px 0}
.bh-partners-title{margin:0 0 10px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bh-muted)}
.bh-partners ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px}
.bh-partners li{margin:0}
.bh-partners img{display:block;width:auto;max-width:130px;height:40px;object-fit:contain}