/* The F*ck-It List — widget styles. Tokens come from _shared/theme.css. *//* Scoped override: this tool's page (ES + EN) should NOT have a sticky/fixed
   site header. tool.css loads after theme.css and only on this page. */.tools-nav{position:static}.fck-widget{width:100%;max-width:1080px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;/* The card now lives on .fck-main (left). The widget is just a layout shell,
       so neutralise the .tool-widget card it would otherwise inherit. */background:none;border:0;box-shadow:none}/* --- Two-column layout: list left, sticky result panel right ------------- */.fck-layout{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:32px;align-items:start}.fck-main{min-width:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:40px;box-shadow:0 12px 40px -20px rgba(255, 107, 53, 0.18)}/* Right panel: no card — sits open on the page, visually separate from the list. */.fck-panel{position:sticky;top:20px}.fck-panel-card{background:none;border:0;box-shadow:none;padding:40px 0 0;/* breathing room above the result, aligns with the list card */text-align:center;display:flex;flex-direction:column;gap:14px}/* Bouncing gold coin above the amount (adapted from coin3 example).
   Built at native 150px then scaled down; the scaled box's leftover layout
   height is collapsed with a negative bottom margin so it stays compact. */.fck-coin-stage{position:relative;width:150px;height:188px;transform:scale(0.46);transform-origin:top center;/* 188 layout - 188*0.46(≈86) visual = 102 leftover, pulled back up */margin:0 auto -102px}/* The example's geometry assumes content-box; the site forces border-box
   globally, so restore it for the whole coin subtree. */.fck-coin,.fck-coin *,.fck-coin *::before,.fck-coin *::after{box-sizing:content-box}.fck-coin{margin:auto;position:absolute;inset:0;height:150px;width:150px}.fck-coin-face{position:absolute;height:150px;width:150px;background:#ffbd0b;border-radius:50%;border-top:7px solid #ffd84c;border-left:7px solid #ffd84c;border-right:7px solid #d57e08;border-bottom:7px solid #d57e08;transform:rotate(44deg);animation:fck-coin-jump 1.5s infinite ease}.fck-coin-face:before{content:"";position:absolute;top:35.5px;left:35.5px;width:70px;height:70px;background:#f0a608;border-radius:50%;border-bottom:5px solid #ffd84c;border-right:5px solid #ffd84c;border-left:5px solid #d57e08;border-top:5px solid #d57e08;z-index:2}.fck-coin-currency{overflow:hidden;position:absolute;top:0;left:0;color:#ffbd0b;font-family:'Rubik',sans-serif;font-weight:700;font-size:40px;transform:rotate(-44deg);line-height:3.7;width:100%;height:100%;text-align:center;text-shadow:0 3px 0 #cb7407;z-index:3;border-radius:50%}.fck-coin-currency:after{content:"";position:absolute;height:200px;width:40px;margin:20px -65px;box-shadow:50px -23px 0 -10px rgba(255, 255, 255, 0.22),85px -10px 0 -16px rgba(255, 255, 255, 0.19);transform:rotate(-50deg);animation:fck-coin-shine 1.5s infinite ease}.fck-coin-shapes{transform:rotate(-44deg);position:absolute;top:0;left:0;width:100%;height:100%}.fck-coin-shapes .fck-shape{width:20px;height:4px;background:#d57e08;border-top:2px solid #c47207;margin:75px 7px}.fck-coin-shapes .fck-shape:before{content:"";position:absolute;width:20px;height:4px;background:#d57e08;border-top:2px solid #c47207;margin:-10px 0}.fck-coin-shapes .fck-shape:after{content:"";position:absolute;width:20px;height:4px;background:#d57e08;border-top:2px solid #c47207;margin:8px 0}.fck-shape-l{float:left}.fck-shape-r{float:right}.fck-coin-top,.fck-coin-bottom{font-family:'Rubik',sans-serif;font-weight:700;font-size:30px;color:#d67f08;text-align:center;width:100%;position:absolute;left:0}.fck-coin-top{top:0}.fck-coin-bottom{bottom:0}.fck-coin-shadow{width:100%;height:20px;background:rgba(0, 0, 0, 0.18);position:absolute;left:0;border-radius:50%;z-index:-1;margin:168px 7px 0 7px;animation:fck-coin-swift 1.5s infinite ease}@keyframes fck-coin-jump{0%{top:0}50%{top:-40px}100%{top:0}}@keyframes fck-coin-shine{0%{margin:20px -65px}50%{margin:70px -85px}100%{margin:20px -65px}}@keyframes fck-coin-swift{0%{opacity:0.8}50%{opacity:0.4;transform:scale(0.8)}100%{opacity:0.8}}@media (prefers-reduced-motion: reduce){.fck-coin-face,.fck-coin-currency:after,.fck-coin-shadow{animation:none}}.fck-panel-amount{font-family:'Rubik',sans-serif;font-weight:800;line-height:0.95;font-size:clamp(2.9rem, 4.4vw, 4.3rem);background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word}.fck-panel-caption{font-size:0.95rem;color:var(--text-muted);line-height:1.45}.fck-panel-saved{display:none}/* mobile-only short label, shown in the sticky bar */.fck-panel-caption strong{color:var(--primary);font-weight:700}.fck-summary-count{font-weight:700;color:var(--text-heading)}/* Country config — global setting above the two-column layout */.fck-config{display:flex;margin:0 0 18px}.fck-country-field{display:flex;align-items:center;gap:8px}.fck-country-field .fck-select{min-width:150px}/* Controls row inside the list card: filters (left) + quiet actions (right) */.fck-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}.fck-listbar{display:flex;align-items:center;gap:0}.fck-textlink{background:none;border:0;padding:6px 8px;font-family:Inter,sans-serif;font-weight:600;font-size:0.85rem;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:color 0.15s}.fck-textlink:hover{color:var(--primary)}.fck-textlink--accent{color:var(--primary)}.fck-textlink--accent:hover{color:var(--primary-light)}.fck-textlink[hidden]{display:none}/* dot separator that disappears with the (hidden) Reset link */.fck-textlink--reset::before{content:'·';margin:0 8px;color:var(--text-muted)}.fck-field-label{font-size:0.82rem;color:var(--text-muted);font-weight:600}.fck-select{font-family:Inter,sans-serif;font-size:0.9rem;font-weight:600;padding:9px 12px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);color:var(--text-heading);cursor:pointer;max-width:100%}.fck-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.fck-action{border:1px solid var(--primary);background:var(--primary);color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:0.85rem;padding:9px 16px;border-radius:10px;cursor:pointer;transition:filter 0.15s,background 0.15s,color 0.15s}.fck-action:hover{filter:brightness(1.05)}.fck-action--ghost{background:transparent;color:var(--text-body);border-color:var(--border-medium)}.fck-action--ghost:hover{background:var(--bg-section-warm);filter:none}.fck-action[hidden]{display:none}/* --- Intro --------------------------------------------------------------- */.fck-intro{color:var(--text-muted);font-size:0.95rem;line-height:1.6;margin:0 0 20px}/* --- Filter (segmented) -------------------------------------------------- */.fck-filters{display:inline-flex;gap:4px;background:var(--bg-section-warm);border:1px solid var(--border-light);border-radius:999px;padding:4px;margin:0}.fck-filter{border:0;background:transparent;font-family:Inter,sans-serif;font-weight:600;font-size:0.85rem;color:var(--text-muted);padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background 0.15s,color 0.15s}.fck-filter:hover{color:var(--text-heading)}.fck-filter.is-active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.fck-filter-count{font-weight:700;opacity:0.55;margin-left:1px}.fck-filter.is-active .fck-filter-count{opacity:0.85}.fck-empty{text-align:center;color:var(--text-muted);padding:28px 12px;font-size:0.95rem}.fck-empty[hidden]{display:none}/* --- List ---------------------------------------------------------------- */.fck-cat{margin-bottom:24px}.fck-cat-title{display:flex;align-items:center;gap:9px;font-family:'Rubik',sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-heading);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:white}.fck-cat-icon{font-size:1.15rem}.fck-cat-items{display:flex;flex-direction:column;gap:8px}.fck-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;transition:border-color 0.18s,background 0.18s}.fck-item.is-skipped{background:var(--bg-section-warm);border-color:var(--primary-soft-border)}/* [hidden] alone is beaten by .fck-item's display:flex — force it off for the filter. */.fck-item[hidden],.fck-cat[hidden]{display:none}.fck-item-main{min-width:0}.fck-item-label{display:block;font-weight:600;color:var(--text-heading);font-size:0.98rem;transition:color 0.18s}.fck-item.is-skipped .fck-item-label{text-decoration:line-through;text-decoration-color:var(--primary);color:var(--text-muted)}.fck-item-blurb{display:block;margin-top:3px;font-size:0.85rem;color:var(--text-muted);line-height:1.5}.fck-item-tie{color:var(--primary);font-weight:600;text-decoration:none}.fck-item-tie:hover{text-decoration:underline}.fck-item-side{display:flex;align-items:center;gap:14px;flex-shrink:0}/* Editable cost */.fck-cost-wrap{display:inline-flex;align-items:center;gap:2px}.fck-item-cost{font-family:'Rubik',sans-serif;font-weight:700;font-size:0.98rem;color:var(--text-body);background:transparent;border:1px dashed transparent;border-radius:8px;padding:4px 8px;cursor:pointer;white-space:nowrap;min-width:64px;text-align:right;transition:border-color 0.15s,color 0.15s}.fck-item-cost:hover{border-color:var(--border-medium);color:var(--primary)}.fck-item-cost.is-edited{color:var(--primary);border-bottom:1px solid var(--primary-soft-border)}.fck-item.is-skipped .fck-item-cost{color:var(--primary)}.fck-cost-input{width:92px;padding:5px 8px;border:1px solid var(--primary);border-radius:8px;font-family:'Rubik',sans-serif;font-weight:700;font-size:0.95rem;text-align:right;color:var(--text-heading)}.fck-cost-input:focus{outline:none;box-shadow:0 0 0 3px var(--primary-soft)}.fck-cost-reset{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer;line-height:0;padding:4px;border-radius:8px;transition:color 0.15s,background 0.15s}.fck-cost-reset svg{width:15px;height:15px;display:block}.fck-cost-reset:hover{color:var(--primary);background:var(--primary-soft)}.fck-cost-reset[hidden]{display:none}/* Toggle switch (keep ↔ skip) */.fck-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.fck-switch-state{font-size:0.78rem;font-weight:600;color:var(--text-muted);min-width:54px;text-align:right;transition:color 0.15s}.fck-switch-state.is-on{color:var(--primary)}.fck-switch-input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden}.fck-switch-track{position:relative;width:46px;height:26px;border-radius:999px;background:#d9d9e2;flex-shrink:0;transition:background 0.18s}.fck-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);transition:transform 0.18s}.fck-switch-input:checked + .fck-switch-track{background:var(--primary)}.fck-switch-input:checked + .fck-switch-track .fck-switch-thumb{transform:translateX(20px)}.fck-switch-input:focus-visible + .fck-switch-track{box-shadow:0 0 0 3px var(--primary-soft)}/* --- Breakdown chart (inside the panel) ---------------------------------- */.fck-chart{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-light);text-align:left}.fck-chart[hidden]{display:none}.fck-chart-title{display:block;font-family:'Rubik',sans-serif;font-weight:700;font-size:0.9rem;color:var(--text-heading);text-align:center;margin-bottom:16px}.fck-chart-body{display:flex;flex-direction:column;align-items:center;gap:18px}.fck-chart-ring{position:relative;width:132px;flex-shrink:0}.fck-chart-svg{width:132px;height:132px;display:block}.fck-chart-track{stroke:var(--bg-section-warm);stroke-width:4}.fck-chart-seg{stroke-width:4;fill:none;stroke-linecap:butt;transition:stroke-dasharray 0.4s ease,stroke-dashoffset 0.4s ease}.fck-chart-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.9rem;line-height:1;pointer-events:none}.fck-chart-legend{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}.fck-legend-item{display:flex;align-items:center;gap:8px;font-size:0.85rem}.fck-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.fck-legend-label{color:var(--text-body);font-weight:600;min-width:0}.fck-legend-val{margin-left:auto;font-family:'Rubik',sans-serif;font-weight:700;color:var(--text-heading);white-space:nowrap}.fck-legend-pct{color:var(--text-muted);font-weight:600;font-size:0.78rem}/* --- Share (inside the panel) -------------------------------------------- */.fck-share{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid var(--border-light)}.fck-share[hidden]{display:none}.fck-share-label{font-weight:600;color:var(--text-heading);font-size:0.9rem}.fck-share-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.fck-share-btn{border:1.5px solid var(--primary);background:var(--primary);color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:0.85rem;padding:9px 16px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:filter 0.15s,background 0.15s,color 0.15s}.fck-share-btn:hover{filter:brightness(1.05)}.fck-share-btn.is-copied{background:#1a8f3c;border-color:#1a8f3c}.fck-share-btn--x{background:#14141c;border-color:#14141c}/* --- Responsive ---------------------------------------------------------- */@media (max-width: 860px){.fck-layout{grid-template-columns:1fr;gap:22px}/* The result becomes a slim bar pinned to the top of the viewport so the
       savings number stays in view while the list scrolls under it. */.fck-panel{position:sticky;top:0;order:-1;z-index:30;margin:0 0 4px;background:var(--bg-main);border-bottom:1px solid var(--border-light);box-shadow:0 6px 16px -12px rgba(30, 30, 47, 0.55)}.fck-panel-card{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:9px 4px;text-align:left}/* Small coin to the left of the number. Native box is 150x188; with the
       top-left scale origin, the negative right/bottom margins collapse the
       leftover layout space so it occupies just its visual footprint. */.fck-coin-stage{transform:scale(0.3);transform-origin:top left;margin:0 -105px -132px 0;flex-shrink:0}.fck-panel-amount{font-size:clamp(1.7rem, 7vw, 2.3rem);line-height:1}.fck-panel-caption{display:none}/* Short "saved" label trailing the number, e.g. "€1,340 saved". */.fck-panel-saved{display:inline;font-size:0.95rem;font-weight:600;color:var(--text-muted);align-self:center}/* Chart is desktop-only — the slim sticky bar keeps just coin + number. */.fck-chart{display:none}}@media (max-width: 640px){.fck-main{padding:22px}.fck-item{flex-direction:column;align-items:stretch;gap:12px}.fck-item-side{justify-content:space-between}.fck-switch-state{min-width:0}}@media (max-width: 380px){.fck-field-label{display:none}}