/* Invoice Booked sidebar + blog index (inc/sidebar.php, home.php). Desktop: content + 300px right column;
   under 1100px the sidebar drops below the content. Riso skin: square-cut sheets, misregistered pink / blue / yellow offsets. */
.bs-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.bs-main{min-width:0}
@media (min-width:1100px){
  .bs-layout{grid-template-columns:minmax(0,1fr) 300px;gap:40px}
  .bs-side{position:sticky;top:16px}
  /* category grid: 3 per row beside the sidebar; fillers follow the 3-column count */
  .bs-main .fp-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bs-main .fp-fill-c4{display:none!important}
  .bs-main .fp-fill-c3{display:flex!important}
  .bs-main .fp-mats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1500px){.bs-main .fp-mats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fp-cat.bs-layout{padding-top:8px}
.bs-layout--sx{padding-top:8px;padding-bottom:48px}
.bs-sx-in{max-width:none;padding:0}
.bs-side{display:flex;flex-direction:column;gap:18px;min-width:0;padding-bottom:0}
@media (min-width:1100px){.bs-side{padding-bottom:40px}}
@media (min-width:640px) and (max-width:1099px){
  .bs-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .bs-side .bs-cta,.bs-side .bs-trust{grid-column:1/-1}
}

/* cards */
.bs-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-s);padding:18px 18px 16px;color:var(--ink)}
.fp-side .bs-card{box-shadow:var(--sh-xs)}
.bs-h{margin:0 0 12px!important;font:700 19px/1.15 var(--display)!important;color:var(--ink)!important;letter-spacing:0}
.bs-card ul{list-style:none;margin:0;padding:0}

.bs-cta{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding-top:30px}
.bs-cta{box-shadow:var(--sh-s)!important}.bs-cta::before{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:var(--dots-p);opacity:.5}.bs-cta>*{position:relative}
.bs-cta .bs-h{color:#fff!important;font-size:23px!important}
.bs-cta p{margin:0 0 12px;font-size:15px;line-height:1.5;color:#d3dcea}
.bs-cta .bs-cta-k{display:inline-block;margin:0 0 8px;font:700 13px/1 var(--display);color:var(--ink);background:var(--sun);border-radius:var(--r);padding:5px 10px 6px}
.bs-cta-btns{display:grid;gap:10px;margin:4px 0 10px}
.bs-cta-btns .iv-btn{width:100%;min-height:48px;border-color:#fff;box-shadow:var(--sh-s)}
.bs-cta-btns .fp-ui{width:20px;height:20px}
.bs-cta .bs-cta-tel{margin:0;font-size:14px;color:#d3dcea}
.bs-cta .bs-cta-tel a{color:var(--sun);font-weight:700}

.bs-groups li+li{border-top:2px dashed var(--line)}
.bs-groups a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:4px 2px;color:var(--ink);text-decoration:none;font:700 16px/1.25 var(--display)}
.bs-groups a .fp-ui{width:16px;height:16px;flex:none;color:var(--coral-d)}
.bs-groups a:hover span,.bs-groups a[aria-current] span{text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:4px}
.bs-groups li:nth-child(4n+1) a .fp-ui{color:var(--coral-d)}.bs-groups li:nth-child(4n+2) a .fp-ui{color:var(--teal-d)}
.bs-groups li:nth-child(4n+3) a .fp-ui{color:#7a5a00}.bs-groups li:nth-child(4n) a .fp-ui{color:var(--violet-d)}

.bs-pop li+li{margin-top:10px}
.bs-pop a{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);text-decoration:none}
.bs-pop-img{flex:none;width:58px;height:58px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--page2)}
.bs-pop-img img{width:100%;height:100%;object-fit:cover;display:block}
.bs-pop-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.bs-pop-t b{font:700 15.5px/1.2 var(--display)}
.bs-pop-t small{font-size:14px;color:var(--mute)}
.bs-pop a:hover b{text-decoration:underline;text-underline-offset:3px}

.bs-posts li+li{border-top:2px dashed var(--line)}
.bs-posts li a{display:block;padding:9px 0;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;line-height:1.35}
.bs-posts li a small{display:block;font-weight:400;font-size:13px;color:var(--mute);margin-top:2px}
.bs-posts li a:hover{text-decoration:underline;text-underline-offset:3px}
.bs-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;color:var(--coral-d);font:700 15px/1 var(--display);text-decoration:none}
.bs-more .fp-ui{width:16px;height:16px}

.bs-trust{background:var(--yel-t);box-shadow:var(--sh-s)!important}
.bs-trust li{display:flex;gap:12px;align-items:flex-start;padding:8px 0}
.bs-trust li+li{border-top:2px dashed #e8cf86}
.bs-trust .fp-ui{flex:none;width:34px;height:34px;padding:7px;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.bs-trust .bs-t1 .fp-ui{background:var(--coral)}.bs-trust .bs-t2 .fp-ui{background:var(--teal)}.bs-trust .bs-t3 .fp-ui{background:var(--acc-l)}.bs-trust .bs-t4 .fp-ui{background:var(--violet)}
.bs-trust span{font-size:14px;line-height:1.4;color:var(--mute)}
.bs-trust b{display:block;font:700 15.5px/1.25 var(--display);color:var(--ink)}

/* blog index */
.bs-bloghead .fp-arthead-sum{max-width:62ch}
.bs-layout:not(.fp-cat):not(.bs-layout--sx){padding-top:36px;padding-bottom:40px}
.bs-postgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.bs-pc-a{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-s);color:var(--ink);text-decoration:none;transition:transform .12s,box-shadow .12s}
.bs-pc-a:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-s)}
.bs-pc-img{display:block;aspect-ratio:16/10;background:var(--page2);border-bottom:3px solid var(--ink)}
.bs-pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.bs-pc-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.bs-pc-cat{align-self:flex-start;font:700 13px/1 var(--display);background:var(--teal-t);border:1px solid var(--line);border-radius:var(--r);padding:4px 10px 5px}
.bs-pc-t{font:700 20px/1.2 var(--display)}
.bs-pc-ex{font-size:15px;line-height:1.5;color:var(--mute)}
.bs-pc-d{margin-top:auto;font-size:13.5px;color:var(--mute)}
.bs-main .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}
.bs-main .nav-links a,.bs-main .nav-links span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink);font:700 15px/1 var(--display);text-decoration:none}
.bs-main .nav-links .current{background:var(--ink);color:#fff}

.bs-empty{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-s);padding:28px 28px 22px;position:relative;overflow:hidden}
.bs-empty::before{content:"";display:block;height:12px;margin:-28px -28px 18px;background:linear-gradient(90deg,var(--pink) 0 25%,var(--blue) 0 50%,var(--yel) 0 75%,var(--blue-l) 0)}
.bs-empty h2{font:700 clamp(24px,3vw,32px)/1.1 var(--display)!important;color:var(--ink)!important;margin:0 0 10px!important}
.bs-empty>p{max-width:60ch;margin:0 0 18px;font-size:16.5px;line-height:1.6;color:var(--ink)}
.bs-empty-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.bs-empty-links li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--page)}
.bs-empty-links li:nth-child(4n+1){background:var(--coral-t)}.bs-empty-links li:nth-child(4n+2){background:var(--teal-t)}
.bs-empty-links li:nth-child(4n+3){background:var(--sun-t)}.bs-empty-links li:nth-child(4n){background:var(--violet-t)}
.bs-empty-links a{font:700 18px/1.2 var(--display);color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;min-height:24px}
.bs-empty-links span{font-size:14.5px;line-height:1.4;color:var(--mute)}
@media (max-width:759px){.bs-empty{padding:22px 18px 18px}.bs-empty::before{margin:-22px -18px 14px}}
/* search results inside the sidebar layout: the dark head band becomes a rounded card with its own padding */
.bs-layout--sx .sx-head{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-s);padding:20px 22px!important;margin:8px 0 20px}
.bs-layout--sx .sx-head>*{padding-inline:0!important;max-width:none!important}
.sx-btn--wa,.sx-btn--wa:hover{background:#0e7a3c!important;color:#fff!important}
/* QA 5 Nov: one arrow colour and one icon style in every sidebar list */
.bs-groups .fp-ui,.bs-groups li:nth-child(n) .fp-ui{color:var(--acc-d)!important}
.fp-side .fp-ui.fp-ui,.bs-trust li .fp-ui{color:#fff}
.bs-trust li .fp-ui,.fp-side-trust li .fp-ui{background:var(--brand)!important;color:#fff!important}