/* Familia Subscriptions – the legacy one-time / subscription radio group and My account → Prenumeratos cards.
   The old shop's colours: #140e06 ink, #8dc9f7 sky, greys #e8eaed (client decision 2026-09-23). */
.familia-sub{--fs-ink:#140e06;--fs-sky:#8dc9f7;--fs-line:#e8eaed;margin:1.2em 0 1em}
.familia-sub .fs-modes{display:grid;gap:2.2em 1em;padding-top:1.2em}
.familia-sub .fs-mode{position:relative;padding:.9em 1em;border:2px solid var(--fs-line);border-radius:12px;background:#fff}
.familia-sub .fs-mode.is-checked,.familia-sub .fs-mode:has(input:checked){border-color:var(--fs-ink)}
.familia-sub .fs-head{display:flex;align-items:center;gap:.6em;margin:0;cursor:pointer;font-size:1.05em}
.familia-sub .fs-head input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--fs-ink)}
.familia-sub .fs-title{flex:1 1 auto;color:#333}
.familia-sub .fs-price-one{white-space:nowrap;font-weight:500;color:#000}
.familia-sub .fs-prices{display:flex;gap:.5em;white-space:nowrap}
.familia-sub .fs-price-original{color:#000;font-weight:400}
.familia-sub .fs-price-subscription{font-weight:500;color:#1f6fa8}
.familia-sub .fs-best{position:absolute;top:-1.75em;left:1em;padding:.35em 1em;border-radius:10px;background:var(--fs-sky);color:var(--fs-ink);font-size:.75em;font-weight:500}
.familia-sub .fs-info{position:relative;top:auto;right:auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:.3em 0 0 1.9em;border:1px solid #777;border-radius:50%;font-size:11px;font-style:italic;color:#555;cursor:help}
.familia-sub .fs-tip{position:absolute;bottom:130%;left:-100px;z-index:5;display:none;width:227px;padding:1em;border-radius:8px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);font-size:12px;font-style:normal;line-height:1.4;color:#333;cursor:auto}
.familia-sub .fs-info:hover .fs-tip,.familia-sub .fs-info:focus .fs-tip,.familia-sub .fs-info:focus-within .fs-tip{display:block}
.familia-sub .fs-sublabel{margin-top:.7em;border-top:1px solid var(--fs-line);font-size:.92em;color:#555}
.familia-sub .fs-sublabel p{margin:.8em 0 0}
.familia-sub .fs-freq{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-top:.8em}
.familia-sub .fs-freq[hidden]{display:none}
.familia-sub .fs-freq label{font-size:1.05em;color:#333}
.familia-sub .fs-freq select{min-height:44px;max-width:60%;border:1px solid var(--fs-line);border-radius:10px}
.familia-sub .fs-freq select.fl-invalid{border-color:#c62828;box-shadow:0 0 0 1px #c62828}

/* My account → Prenumeratos (legacy `ow`/`nw` cards): white card on the grey account ground, products with picture,
   name, "Kiekis", price " / kas mėnesį"; tiles "Prenumeruojama nuo … Kito apmokėjimo data" on pale grey; theme tokens. */
.familia-subs-empty{padding:3em 1em;text-align:center}
.familia-sub-card{margin:0 0 20px;padding:20px 16px;border-radius:var(--f-r-lg,8px);background:var(--f-default-50,#fff);box-shadow:none}
@media (min-width:768px){.familia-sub-card{padding:28px 32px}}
.familia-sub-card .fsc-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.familia-sub-card .fsc-products{flex:1 1 320px;min-width:0}
.familia .woocommerce-MyAccount-content .familia-sub-card a.fsc-product,.familia-sub-card .fsc-product{display:flex;align-items:center;gap:20px;margin-bottom:12px;color:var(--f-ink,#140e06);text-decoration:none}
.familia .woocommerce-MyAccount-content .familia-sub-card a.fsc-product:hover .fsc-title{text-decoration:underline}
/* legacy nw(): picture box w-48 h-48 (192 px), flex centred, mr-5, no ground; img ?w=192&h=192&fit=inside */
.familia-sub-card .fsc-img{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:192px;height:192px}
.familia-sub-card .fsc-img img{display:block;width:auto;height:auto;max-width:192px;max-height:192px;object-fit:contain}
@media (max-width:479px){.familia-sub-card .fsc-img{width:120px;height:120px}.familia-sub-card .fsc-img img{max-width:120px;max-height:120px}}
.familia-sub-card .fsc-info{display:flex;flex-direction:column;gap:2px}
.familia-sub-card .fsc-title{font-size:var(--f-t-base,1rem);font-weight:400;color:var(--f-ink,#140e06)}
@media (min-width:768px){.familia-sub-card .fsc-title{font-size:var(--f-t-18,1.125rem)}}
.familia-sub-card .fsc-eye,.familia-sub-card .fsc-qty{font-size:var(--f-t-13,.8125rem);color:var(--f-default-900,#666)}
.familia-sub-card .fsc-price{font-size:var(--f-t-sm,.875rem)}
.familia-sub-card .fsc-price strong{color:var(--f-ink,#140e06);font-weight:500}
.familia-sub-card .fsc-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
@media (max-width:767px){.familia-sub-card .fsc-actions{width:100%;align-items:stretch}.familia-sub-card .fsc-actions .button{width:100%}}
.familia-sub-card .fsc-actions .button{min-height:48px;min-width:160px}
.familia .woocommerce-MyAccount-content .familia-sub-card .fsc-cancel .button,.familia-sub-card .fsc-cancel .button{border-color:var(--f-sky,#8dc9f7);background:var(--f-default-50,#fff);color:var(--f-ink,#140e06)}
.familia .woocommerce-MyAccount-content .familia-sub-card .fsc-cancel .button:hover,.familia-sub-card .fsc-cancel .button:hover{border-color:var(--f-sky-deep,#6293b4);background:var(--f-sky-deep,#6293b4)}
.familia-sub-card .fsc-failed{margin:0;font-size:var(--f-t-xs,.75rem);font-weight:500;color:var(--f-red,#f00)}
.familia-sub-card .fsc-cancel{margin:0}
.familia-sub-card .fsc-cancelled{margin:0;white-space:nowrap;font-weight:500}
.familia-sub-card .fsc-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}
@media (min-width:768px){.familia-sub-card .fsc-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.familia-sub-card .fsc-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
.familia-sub-card .fsc-tile{margin:0;padding:12px 14px;border-radius:var(--f-r-sm,5px);background:var(--f-default-100,#f6f6f6)}
.familia-sub-card .fsc-tile dt{min-height:2.4em;font-size:var(--f-t-xs,.75rem);font-weight:400;color:var(--f-default-900,#666)}
.familia-sub-card .fsc-tile dd{margin:0;font-size:var(--f-t-sm,.875rem);font-weight:500;color:var(--f-ink,#140e06)}

/* plugin detail page + optional change forms */
.familia-sub-items{margin:.2em 0}
.familia-sub-item{margin-bottom:.6em}
.familia-sub-rx{font-family:monospace}
.familia-sub-sku{font-size:.88em;color:#666}
.familia-sub-change{margin:1.6em 0;padding:1em;border:1px solid #e3e3e3;border-radius:12px}
.familia-sub-change h3{margin-top:0}
.familia-sub-note{font-size:.88em;color:#555;margin:.4em 0 0}

/* Block cart: the same box under every subscribable line (cart.js; legacy cart line `ff`, box below the line) */
body.familia table.wc-block-cart-items .wc-block-cart-items__row > td.familia-sub-cell{grid-column:1/-1;grid-row:4;padding-top:8px}
@media (min-width:768px){body.familia table.wc-block-cart-items .wc-block-cart-items__row > td.familia-sub-cell{grid-row:2;margin-right:-52px}}
.familia-sub.familia-sub-line{max-width:none;margin:1.25em 0 0;font-size:.94em}   /* legacy "mt-5 lg:mt-10", the full width of the card */
@media (min-width:1024px){.familia-sub.familia-sub-line{margin-top:2.5em}}
.familia-sub.familia-sub-line .fs-modes{grid-template-columns:minmax(0,1fr);gap:2em .8em}
.familia-sub.familia-sub-line .fs-mode{padding:.75em .9em}
.familia-sub.familia-sub-line .fs-freq select{max-width:65%}
.familia-sub.familia-sub-line .fs-title{min-width:0}
.familia-sub.familia-sub-line .fs-prices{flex-wrap:wrap;justify-content:flex-end;column-gap:.5em;row-gap:0}
.familia-sub.familia-sub-line input[disabled]+.fs-title{opacity:.6}
.familia-sub-meta{display:none!important}
.familia-sub .fs-error{margin:.7em 0 0;color:#c62828;font-size:.92em}
.familia-sub .fs-error[hidden]{display:none}
/* "?" help icon right after the title (legacy `ma`), "Pasirinkite prenumeratos dažnumą" above "Toliau" (cart.js) */
.familia-sub.familia-sub-line .fs-head .fs-info--help{margin:0 .4em 0 .35em;font-style:normal;font-weight:500;flex:0 0 auto}
.familia-sub-cart-error{margin:0 0 10px;color:#ff0000;font-size:12px;line-height:1.4}
/* a lens subscription already in the cart: further lenses default to it (Žymantė 2026-09-29) */
.familia-sub .fs-sublabel p.fs-follow{color:var(--f-ink,#140e06);font-weight:500}
