/* The checkout's look (the "compact choices" mockup the user approved on 20 October 2026), loaded by the checkout page alone,
   after the store's own stylesheets (inc/pages/order.php → head.php's css_after): styling only, over the checkout's own markup.
   - one column beside the category sidebar; each part a card with thin grey lines and the store's grey title band;
   - labels above the fields, related fields side by side; every field in the address fields' look, 16 px on phones (iPhones
     zoom the page in on a tapped field with smaller text);
   - delivery and payment as one list each: the chosen row in the store's green; a row not chosen shrinks to its name, ready
     date and price, while every payment logo, the Klix Pay Later and ESTO boxes and their "Aprēķina piemērs" always stay;
   - the chosen courier address and the parcel locker (the chosen locker above the map) open inside their row;
   - the cart summary just above "Apstiprināt pasūtījumu".
   Some rules use :has() and :nth-child(… of …) (Chrome/Edge/Safari since 2022–23, Firefox since 2023); an older browser skips
   those rules and shows those parts as before. */

/* --- one column beside the sidebar; the wrappers step aside so the cart summary can stand above the confirm button --- */
.order.forms { display:flex; flex-direction:column; box-sizing:border-box; max-width:none; margin:0; padding:8px 16px 32px; color:#444; }
.order.forms > .datacolumn, .order.forms #regblock, .order.forms form#new_user, .order.forms form#existing_user { display:contents; }
.order.forms > #cart-overview { order:1; margin:24px 0 0; }
.order.forms .bottom { order:2; margin-top:16px; }
.order .fieldlist > div:not(.selectionTable) { margin-left:0; }
.order.forms hr { display:none; }
/* the two introductions are ordinary text: one inside the sign-in card, one above the new customer's card */
.forms #loginblock p, .forms #regblock p { margin:0; color:#444; }
.order #loginblock > p { margin:0 0 2px; font-size:14px; color:#444; }
.forms #regblock > p { margin:20px 2px 8px; font-size:14px; color:#444; }

/* --- the cards: thin grey lines, near-square corners, as the sidebar --- */
.order #loginblock, .order.forms #pers, .order .selectionTable, .order #cart-overview {
	box-sizing:border-box; padding:18px 20px 20px; border:1px solid #ccc; border-radius:3px; background:#fff; box-shadow:none; }
/* the store's grey title band (as on product pages) on top of Maksātājs, Piegādes veids, Apmaksas veids and Groza pārskats */
.order.forms h1, .forms h1, .order .cartcolumn h4 {
	padding:0.5em 1em; font-size:15px; font-weight:bold; line-height:1.5; color:#444; background:#eee linear-gradient( #f6f6f6, #e6e6e6 );
	border:1px solid #ccc; text-shadow:0.4px 0.6px 0.4px #fff; box-shadow:inset 0.4px 0.6px 0.9px hsla( 0, 0%, 100%, .75 ); }
.order.forms h1, .forms h1 { margin:20px 0 0; border-bottom:0; border-radius:3px 3px 0 0; }
.order.forms form#existing_user > h1:first-child { margin-top:0; }
.order.forms h1 + .selectionTable, .order.forms h1 + #delivery-error + .selectionTable { border-top-left-radius:0; border-top-right-radius:0; }
.order .cartcolumn h4 { margin:-18px -20px 6px; border-width:0 0 1px; border-radius:2px 2px 0 0; }

/* --- sign-in: the two fields side by side, "Aizmirsi paroli?" on the password label's line, the button level with the fields --- */
.order #mainLoginForm table, .order #mainLoginForm tbody { display:block; width:100%; }
.order #mainLoginForm tbody { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; column-gap:12px; align-items:end; }
.order #mainLoginForm tr { display:contents; }
.order #mainLoginForm th { display:none; }
.order #mainLoginForm tr:nth-child(1) > td { grid-column:1; grid-row:1; }
.order #mainLoginForm tr:nth-child(2) > td { grid-column:1; grid-row:2; }
.order #mainLoginForm tr:nth-child(3) > td { grid-column:2; grid-row:1; }
.order #mainLoginForm tr:nth-child(4) > td { grid-column:2; grid-row:2; }
.order #mainLoginForm tr:nth-child(5) > td { display:contents; }
.order #mainLoginForm label { display:block; margin:12px 0 6px; font-size:13px; line-height:1.5; color:#555; }
.order #mainLoginForm td.bottom > a { grid-column:2; grid-row:1; justify-self:end; align-self:end; position:static; margin:12px 0 6px; font-size:13px; line-height:1.5; white-space:nowrap; }
.order #mainLoginForm td.bottom > .butcont { grid-column:3; grid-row:2; float:none; }
.forms #loginblock .button { height:42px; min-height:42px; padding:0 24px; border-radius:0.5em; }

/* --- a new customer's data: labels above, related fields side by side --- */
.order.forms #pers { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); column-gap:12px; margin:0; }
.order.forms #pers .row { display:block; grid-column:span 6; min-width:0; }
.order.forms #pers .row:has(#first_name), .order.forms #pers .row:has(#last_name) { grid-column:span 3; }
.order.forms #pers .row:has(#reg_nr), .order.forms #pers .row:has(#vat), .order.forms #pers .row:has(#pvn),
.order.forms #pers .row:has(#banka), .order.forms #pers .row:has(#bank_kods), .order.forms #pers .row:has(#bank_konts) { grid-column:span 2; }
.order.forms #pers .lab, .order.forms #pers .inp { display:block; max-width:none; padding:0; text-align:left; }
.order.forms #pers .lab.empty { display:none; }
.order.forms #pers .lab { font-weight:normal; }
.order.forms #pers .row > .lab > :not(.ani), .order.forms #pers .row > .lab > .ani > * { display:block; margin:14px 0 6px; font-size:13px; color:#555; }
.order.forms #pers .row > .inp > :not(.ani), .order.forms #pers .row > .inp > .ani > * { margin-top:0; }
.order.forms #pers .row > .inp.comment > :not(.ani), .order.forms #pers .row > .inp.comment > .ani > * { margin-top:6px; }
.order.forms #pers .row > .inp.comment { font-size:12.5px; line-height:1.45; color:#7a7f87; }
.order.forms #pers .row:first-child > .inp > * { margin-top:0; }
.order.forms #pers .row:has(.required:not(:disabled)) > .lab label::after { content:'*'; margin-left:2px; color:#c0392b; }

/* --- every plain field in the address fields' look: the new customer's, the sign-in's, the locker search's and the payer forms' --- */
.order #pers .inp > input.inputField:not([type=checkbox]), .order #pers .inp > .ani > input.inputField:not([type=checkbox]),
.order #pers .inp > .iti > input.inputField, .order #pers .inp > .ani > select, .order #mainLoginForm td > input:not([type=hidden]),
.order #delivery_p #searchTextField,
.order #priv_table td > input:not([type=hidden]):not([type=checkbox]):not([type=radio]), .order #jurid_table td > input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.order #priv_table td > .iti > input, .order #jurid_table td > .iti > input, .order #priv_table td > select, .order #jurid_table td > select {
	box-sizing:border-box; width:100%; max-width:none; height:42px; margin-left:0; margin-right:0; margin-bottom:0; padding-top:0; padding-bottom:0; padding-right:12px;
	border:1px solid #b5b5b5; border-radius:4px; background:#fff; font-family:inherit; font-size:15px; color:#333; box-shadow:none; text-shadow:none; }
.order #pers .inp > input.inputField:not([type=checkbox]), .order #pers .inp > .ani > input.inputField:not([type=checkbox]),
.order #mainLoginForm td > input:not([type=hidden]), .order #delivery_p #searchTextField,
.order #priv_table td > input:not([type=hidden]):not([type=checkbox]):not([type=radio]), .order #jurid_table td > input:not([type=hidden]):not([type=checkbox]):not([type=radio]) { padding-left:12px; }
.order #pers .inp > .ani > select, .order #priv_table td > select, .order #jurid_table td > select { padding-left:9px; cursor:pointer; }
.order #pers .inp input.inputField:focus, .order #pers .inp select:focus, .order #mainLoginForm input:focus, .order #delivery_p #searchTextField:focus,
.order #priv_table td input:focus, .order #jurid_table td input:focus, .order #priv_table td select:focus, .order #jurid_table td select:focus {
	outline:none; border-color:#0074cc; box-shadow:0 0 0 3px rgba(0,116,204,.22); }
.order #pers .inp input.inputField:disabled { border-color:#e1e3e6; background:#f3f4f6; }
.order #pers .inp input.inputField.error, .order #pers .inp input.inputField:invalid { border-color:#d00; background:#fff4f4; }
.order.forms #pers .iti, .order #priv_table .iti, .order #jurid_table .iti { display:block; }
/* the address blocks' and the company search's own fields: the same corners and text */
.order .address-block[data-address-prefix] .address-field .inputField[id], .order .address-block[data-address-prefix] .address-search-wrap .inputField[id],
.order .company-lookup .company-lookup-number.inputField, .order .company-lookup .company-lookup-find { border-radius:4px; color:#333; }
.order.forms #pers .row:has(#vat) .inp .ani { display:flex; align-items:center; height:42px; }
.order #pers input#vat { float:none; width:20px; height:20px; margin:0; accent-color:#2B9100; }

/* --- "Vēlos pasūtīt kā juridiska persona" as a switch, green when on (as the header's "ar PVN") --- */
.order #pers label.is-jurid { display:flex; gap:12px; align-items:center; margin:0; overflow:visible; cursor:pointer; }
.order #pers label.is-jurid strong { font-weight:normal; font-size:15px; color:#444; }
.order #pers label.is-jurid input { appearance:none; -webkit-appearance:none; float:none; position:relative; flex:none; width:40px; height:24px; margin:0;
	border-radius:12px; background:#c5c9cf; cursor:pointer; transition:background-color .15s; }
.order #pers label.is-jurid input::before { content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,.25); transition:transform .15s; }
.order #pers label.is-jurid input:checked { background:linear-gradient( #39C400, #2B9100 ); }
.order #pers label.is-jurid input:checked::before { transform:translateX(16px); }
.order #pers label.is-jurid input:focus-visible { outline:2px solid #0074cc; outline-offset:2px; }

/* --- the company search: a grey helper panel --- */
.order #pers .company-lookup, .order #jurid_table .company-lookup { max-width:none; margin-top:16px; padding:12px 14px; border-radius:3px; background:#f3f4f6; }
.order.forms #pers .row > .inp > .ani > .company-lookup { margin-top:16px; }

/* --- address blocks take the card's width; a found address's card is chosen, so green (its "Mainīt" stays a blue link) --- */
.order.forms #pers .inp.address-inp, .order.forms #pers .address-block[data-address-prefix] { max-width:none; }
.order .address-block[data-address-prefix] .address-card { border-color:#2B9100; border-radius:3px; box-shadow:0 0 0 3px rgba( 43, 145, 0, .08 ); }
.order .address-block[data-address-prefix] .address-card-pin { stroke:#2B9100; }

/* --- suggestions while typing an address: the shop's own list and Google's, in one look --- */
.order .address-block[data-address-prefix] .address-suggestions { padding:6px 0; border-color:#ccc; border-radius:3px; box-shadow:0 4px 12px rgba(0,0,0,.12); }
.order .address-block[data-address-prefix] .address-suggestions li[role=option] { padding:11px 14px; font-size:15px; line-height:1.35; color:#222; }
.order .address-block[data-address-prefix] .address-suggestions li[role=option]:hover,
.order .address-block[data-address-prefix] .address-suggestions li[aria-selected="true"] { background:#f0f0f0; }
body .pac-container { margin-top:4px; padding:6px 0 0; border:1px solid #ccc; border-radius:3px; box-shadow:0 4px 12px rgba(0,0,0,.12); font-family:inherit; }
body .pac-item { padding:9px 14px; border-top:0; font-size:13px; line-height:1.45; color:#666; cursor:pointer; }
body .pac-item:hover, body .pac-item-selected { background:#f0f0f0; }
body .pac-item-query { padding-right:4px; font-size:15px; color:#222; }
body .pac-logo::after { margin:4px 10px 6px; }

/* --- delivery and payment: one list each, the chosen row in green, its details opening inside it --- */
.order .selectionTable { padding:0; overflow:visible; }
.order .selectionTable > :nth-child(1 of .selection:not([style*="none"])),
.order .selectionTable > :nth-child(1 of .selection:not([style*="none"])) > label { border-top-left-radius:2px; border-top-right-radius:2px; }
.order .selectionTable > :nth-last-child(1 of .selection:not([style*="none"]):not([style*="height:0"]):not([style*="height: 0"])),
.order .selectionTable > :nth-last-child(1 of .selection:not([style*="none"]):not([style*="height:0"]):not([style*="height: 0"])) > label { border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
.order.forms h1 + .selectionTable > :nth-child(1 of .selection:not([style*="none"])),
.order.forms h1 + .selectionTable > :nth-child(1 of .selection:not([style*="none"])) > label,
.order.forms h1 + #delivery-error + .selectionTable > :nth-child(1 of .selection:not([style*="none"])),
.order.forms h1 + #delivery-error + .selectionTable > :nth-child(1 of .selection:not([style*="none"])) > label { border-top-left-radius:0; border-top-right-radius:0; }
.order .selectionTable > .selection { margin:0; padding:0; }
.order .selectionTable > .selection:not([style*="none"]) ~ .selection:not(.additional) { border-top:1px solid #e2e2e2; }
.order .selectionTable > .selection[style*="none"] { display:none; }
.order .selectionTable > .selection > label { display:flex; gap:14px; align-items:flex-start; padding:16px 20px; overflow:visible; cursor:pointer; transition:background-color .15s; }
.order .selectionTable > .selection > label:hover { background:#f7f7f7; }
.order .selectionTable > .selection:has(> label > input:checked), .order .selectionTable > .selection:has(> label > input:checked) > label,
.order .selectionTable > .selection:has(+ #delivery_address:not([style*="none"])) { background:#f4f9f0; }
.order .selectionTable > .selection > label:has(> input:checked), .order .selectionTable > .selection:has(+ #delivery_address:not([style*="none"])) { box-shadow:inset 3px 0 0 #2B9100; }
.order .selectionTable > .selection > label > input { float:none; flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:#2B9100; }
.order .selectionTable > .selection > label > .block { float:none; flex:1; width:auto; min-width:0; }
.order .selectionTable > .selection > label.disabled { cursor:not-allowed; }
.order .selectionTable > .selection > label.disabled:hover { background:none; }
.order.forms .selection > label .block.delivery-option { max-width:none; }
.order .selection > label .delivery-option-head { color:#444; }
.order .selectionTable > .selection > label span.block b { color:#444; font-size:15px; }
.order .selectionTable > .selection > label.disabled span.block b { color:#aaa; }
.order .selectionTable > .selection > label span.block > div:not(:first-child):not([class]) { font-size:13px; color:#666; }
.order .selection > label .delivery-option .time, .order .selection > label .delivery-option-text { color:#666; }
.order .selectionTable > .selection > label span.block > .lease-offers { margin-top:10px; }
.order .klix-methods { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:10px; }
.order .klix-methods img { height:24px; margin:0; }
.order .selection.additional { margin-left:0; }

/* compact: a row not chosen shrinks — delivery to its name, ready date and price; payment to its name with all its logos */
.order .selectionTable > .selection > label:not(:has(> input:checked)) { padding-top:12px; padding-bottom:12px; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .block.delivery-option {
	flex-direction:row; flex-wrap:wrap; align-items:baseline; column-gap:14px; row-gap:0; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .delivery-option-head { display:contents; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .delivery-option-name { order:1; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .time { order:2; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .delivery-option-price { order:3; margin-left:auto; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) #parcels-unavailable { order:4; flex-basis:100%; }
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)):not(:has(> #delivery_parcels)) .delivery-option-text { display:none; }
/* the parcel-locker option keeps its description when not chosen: its price depends on the carrier, so the shop states it there
   (TopPC: "Pristatymo kaina 1,99 €") or shows it once a locker is picked */
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)):has(> #delivery_parcels) .delivery-option-text { order:5; flex-basis:100%; }
/* payment: only the plain description hides; the banks, the Klix Pay Later and ESTO boxes and "Aprēķina piemērs" always stay,
   and a method that cannot be used still says why */
.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) > span.block > div:not(:first-child):not([class]) { display:none; }
.order.forms .selectionTable > .selection > label.disabled:not(:has(> input:checked)) > span.block > .explanation:not(:empty) { display:block; font-size:13px; color:#888; }

/* --- the courier's address inside its row --- */
.order #delivery_address { border-top:0; padding:0 20px 20px 52px; background:#f4f9f0; box-shadow:inset 3px 0 0 #2B9100; }
.order #delivery_address .address-heading { margin:0 0 8px; font-size:14px; color:#444; }
.order #delivery_address .address-block[data-address-prefix], .order #delivery_address .address-remember { max-width:none; }
.order #delivery_address .address-remember { border-top-color:#dbe7d3; }
.order #delivery_address .address-remember-box input[type=checkbox] { accent-color:#2B9100; }
/* a signed-in customer's saved addresses: white cards on the panel, the chosen one in green, a pencil to edit */
.order #delivery_address .address-book { max-width:none; }
.order #delivery_address .address-book-card { border-radius:3px; background:#fff; }
.order #delivery_address .address-book-card.is-checked { border-color:#2B9100; background:#fff; box-shadow:0 0 0 1px #2B9100; }
.order #delivery_address .address-book-entry input[type=radio] { accent-color:#2B9100; }

/* --- the parcel locker inside its row (option B, 21 October 2026; static/js/pakomati.js): the chosen point as one card with
   "Mainīt"; choosing: the search and "Mana atrašanās vieta", the carriers as chips, the nearest points as a list beside the map —
   or, where the section is narrower than 600 px (.is-narrow, set by the script from the section's own width), the tabs
   "Saraksts | Karte" and a card under the map. No transitions in here: #delivery_p's own height animation (ani.js) ends on the
   first transition that reaches it. --- */
.order #delivery_p { display:flex; flex-direction:column; background:#f4f9f0; box-shadow:inset 3px 0 0 #2B9100; }
.order #delivery_p > :not(input[type=hidden]):not(script) { margin-left:52px; margin-right:20px; }
.order #delivery_p > .error.msg { margin-bottom:10px; }
.order #delivery_p > .parcel-choice { position:relative; display:flex; flex-direction:column; gap:14px; min-width:0; padding-bottom:20px; color:#444; }
.order #delivery_p .parcel-choice [hidden] { display:none !important; }
/* the picker's own parts (search, chips, tabs, list and map) spaced as the section's: without it they touched and the list's
   focus-ring margin ran 3 px under the chips (the owner's screenshot, 21 October 2026) */
.order #delivery_p .parcel-picker { display:flex; flex-direction:column; gap:14px; min-width:0; }
.order #delivery_p .parcel-sr, .order #delivery_p .parcel-choice.is-narrow .parcel-locate-text {
	position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.order #delivery_p .parcel-choice :focus-visible { outline:2px solid #0074cc; outline-offset:2px; }
.order #delivery_p .parcel-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; box-sizing:border-box; height:40px; margin:0; padding:0 14px;
	border:1px solid #ccc; border-radius:4px; background:#fff; color:#0074cc; font-family:inherit; font-size:14px; font-weight:normal; line-height:1.2;
	text-shadow:none; box-shadow:none; white-space:nowrap; cursor:pointer; }
.order #delivery_p .parcel-button:hover { border-color:#9aa3ad; background:#f7f9fb; color:#005a9e; }
.order #delivery_p .parcel-button[aria-busy=true] { opacity:.6; cursor:progress; }
.order #delivery_p .parcel-note { font-size:13px; line-height:1.45; color:#555; }
.order #delivery_p .parcel-locate-error { color:#b35c00; }
/* The chosen point, the list's rows, the card over the map and the stack's rows share one layout (the owner, 22 October 2026, for
   phones of 360–390 px; no numbers, the owner the same day): a narrow left column with the carrier's shield, carrier · kind · distance with the
   price at the top right, then the name and the address under both across the width. The price never breaks; a row grows with its
   text. The card's and the single card's text spans are display:contents, so their lines are the grid's own cells. */
.order #delivery_p .parcel-card { display:grid; grid-template-columns:28px minmax(0,1fr) auto auto; column-gap:10px; row-gap:2px; align-items:start;
	padding:10px 12px; border:1px solid #2B9100; border-radius:3px; background:#fff; box-shadow:0 0 0 1px #2B9100; }
.order #delivery_p .parcel-card-icon { grid-column:1; grid-row:1 / span 3; display:block; width:28px; height:36px; margin:0; }
.order #delivery_p .parcel-card-text, .order #delivery_p .parcel-peek-text { display:contents; }
.order #delivery_p .parcel-card-meta { grid-column:2; grid-row:1; }
.order #delivery_p .parcel-card-price { grid-column:3; grid-row:1; }
.order #delivery_p .parcel-card-name { grid-column:2 / 4; grid-row:2; }
.order #delivery_p .parcel-card-address { grid-column:2 / 4; grid-row:3; }
.order #delivery_p .parcel-card-actions { grid-column:4; grid-row:1 / span 3; align-self:center; display:flex; margin-left:4px; }
/* the type: carrier · kind · distance 12.5 px, the name 14.5 px bold, the address 13 px, the price 13 px bold on one line; a part of the first line is never broken (pakomati.js dalas()) */
.order #delivery_p .parcel-part { white-space:nowrap; }
.order #delivery_p .parcel-card-meta, .order #delivery_p .parcel-row-meta, .order #delivery_p .parcel-peek-meta, .order #delivery_p .parcel-peek-row-meta {
	min-width:0; font-size:12.5px; line-height:17px; color:#555; overflow-wrap:anywhere; }
.order #delivery_p .parcel-card-name, .order #delivery_p .parcel-row-name, .order #delivery_p .parcel-peek-name, .order #delivery_p .parcel-peek-row-name {
	min-width:0; font-size:14.5px; font-weight:bold; line-height:1.3; color:#333; overflow-wrap:anywhere; }
.order #delivery_p .parcel-card-address, .order #delivery_p .parcel-row-address, .order #delivery_p .parcel-peek-address {
	min-width:0; font-size:13px; line-height:1.35; color:#555; overflow-wrap:anywhere; }
.order #delivery_p .parcel-card-price, .order #delivery_p .parcel-row-price, .order #delivery_p .parcel-peek-price, .order #delivery_p .parcel-peek-row-price {
	justify-self:end; font-size:13px; font-weight:bold; line-height:17px; color:#333; white-space:nowrap; }
/* the search: the box (16 px on phones, below) and "Mana atrašanās vieta" beside it */
.order #delivery_p .parcel-search { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.order #delivery_p .parcel-search-box { position:relative; flex:1 1 280px; min-width:0; }
.order #delivery_p .parcel-search-icon { position:absolute; top:50%; left:12px; margin-top:-9px; pointer-events:none; }
.order #delivery_p .parcel-search-box #searchTextField { display:block; height:44px; padding-left:38px; }
.order #delivery_p .parcel-locate { height:44px; }
/* the carriers: "Visi" and one chip each, the chosen in green */
.order #delivery_p .parcel-carriers { display:flex; flex-wrap:wrap; gap:8px; }
.order #delivery_p .parcel-chip { box-sizing:border-box; height:36px; margin:0; padding:0 14px; border:1px solid #ccc; border-radius:18px; background:#fff; color:#444;
	font-family:inherit; font-size:14px; line-height:1; text-shadow:none; box-shadow:none; white-space:nowrap; cursor:pointer; }
.order #delivery_p .parcel-chip:hover { border-color:#9aa3ad; }
.order #delivery_p .parcel-chip[aria-pressed=true] { border-color:#2B9100; background:#2B9100; color:#fff; }
/* "Saraksts | Karte" on a narrow section */
.order #delivery_p .parcel-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #ccc; border-radius:4px; overflow:hidden; background:#fff; }
.order #delivery_p .parcel-tabs [role=tab] { height:44px; margin:0; padding:0 8px; border:0; background:#fff; color:#444; font-family:inherit; font-size:15px;
	text-shadow:none; box-shadow:none; cursor:pointer; }
.order #delivery_p .parcel-tabs [role=tab] + [role=tab] { border-left:1px solid #ccc; }
.order #delivery_p .parcel-tabs [role=tab][aria-selected=true] { background:#444; color:#fff; }
.order #delivery_p .parcel-tabs [role=tab]:focus-visible { outline-offset:-4px; }
/* the list beside the map, scrolling within the map's height; one column where narrow or without a map */
.order #delivery_p .parcel-panes { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:14px; align-items:start; }
.order #delivery_p .parcel-choice.is-narrow .parcel-panes, .order #delivery_p .parcel-choice.no-map .parcel-panes,
.order #delivery_p .parcel-choice.is-empty .parcel-panes { grid-template-columns:minmax(0,1fr); } /* is-empty: no list yet, the map across the picker */
.order #delivery_p .parcel-list-pane { display:flex; flex-direction:column; gap:6px; min-width:0; }
.order #delivery_p .parcel-choice:not(.is-narrow):not(.no-map) .parcel-list-pane { box-sizing:border-box; max-height:466px; margin:-3px 0 -3px -3px; padding:3px 6px 3px 3px; overflow-y:auto; }
.order #delivery_p .parcel-list { display:flex; flex-direction:column; gap:6px; }
.order #delivery_p .parcel-row { flex:none; display:grid; grid-template-columns:28px minmax(0,1fr) auto; column-gap:8px; row-gap:2px; align-items:start;
	box-sizing:border-box; min-height:44px; padding:9px 10px; border:1px solid #ccc; border-radius:4px; background:#fff; cursor:pointer; }
.order #delivery_p .parcel-row:hover { border-color:#9aa3ad; background:#fafafa; }
.order #delivery_p .parcel-row[aria-checked=true] { border-color:#2B9100; background:#fff; box-shadow:0 0 0 1px #2B9100; }
.order #delivery_p .parcel-row:focus-visible { outline-offset:1px; }
.order #delivery_p .parcel-row-icon { grid-column:1; grid-row:1 / span 3; display:block; width:28px; height:36px; margin:0; }
.order #delivery_p .parcel-row-meta { grid-column:2; grid-row:1; }
.order #delivery_p .parcel-row-price { grid-column:3; grid-row:1; }
.order #delivery_p .parcel-row-name { grid-column:2 / 4; grid-row:2; }
.order #delivery_p .parcel-row-address { grid-column:2 / 4; grid-row:3; }
.order #delivery_p .parcel-more { align-self:flex-start; margin-top:4px; }
/* the map, and the card under it on a narrow section */
.order #delivery_p .parcel-map-pane { display:flex; flex-direction:column; gap:8px; min-width:0; }
.order #delivery_p .parcel-map { box-sizing:border-box; width:100%; height:460px; border:1px solid #cfd6de; border-radius:3px; overflow:hidden; background:#eef1ec; }
/* the point tapped on a narrow section's map: a card over the map's top (the owner, 21 October 2026), Google's logo and terms at
   the bottom left in view; it takes no room of its own, so the section does not grow when it opens */
.order #delivery_p .parcel-map-frame { position:relative; min-width:0; }
.order #delivery_p .parcel-peek { position:absolute; top:8px; left:8px; right:8px; z-index:2; display:grid; grid-template-columns:28px minmax(0,1fr) auto 32px;
	column-gap:8px; row-gap:2px; align-items:start; box-sizing:border-box; padding:10px; border:1px solid #ccc; border-radius:6px; background:#fff;
	box-shadow:0 2px 10px rgba( 0, 0, 0, .28 ); }
.order #delivery_p .parcel-peek-icon { grid-column:1; grid-row:1 / span 3; display:block; width:28px; height:36px; margin:0; }
.order #delivery_p .parcel-peek-meta { grid-column:2; grid-row:1; }
.order #delivery_p .parcel-peek-price { grid-column:3; grid-row:1; }
.order #delivery_p .parcel-peek-name { grid-column:2 / 4; grid-row:2; }
.order #delivery_p .parcel-peek-address { grid-column:2 / 5; grid-row:3; }
/* × in the corner (44 px to tap, reaching into the card's padding), beside the first two lines */
.order #delivery_p .parcel-peek-close { grid-column:4; grid-row:1 / span 2; justify-self:end; display:inline-flex; align-items:center; justify-content:center;
	box-sizing:border-box; width:44px; height:44px; margin:-10px -10px 0 0; padding:0; border:0; border-radius:50%; background:none; text-shadow:none; box-shadow:none; cursor:pointer; }
.order #delivery_p .parcel-peek-close:hover { background:#f0f0f0; }
.order #delivery_p .parcel-peek-choose { grid-column:1 / -1; grid-row:4; width:100%; margin:8px 0 0; }
/* several points at the tapped spot: their rows in place of the one point, each as tall as its name needs (about three show; more
   scroll inside the card) */
.order #delivery_p .parcel-peek.is-stack .parcel-peek-icon, .order #delivery_p .parcel-peek.is-stack .parcel-peek-text { display:none; }
.order #delivery_p .parcel-peek-list { grid-column:1 / 4; grid-row:1 / span 3; display:flex; flex-direction:column; gap:4px; min-width:0; max-height:196px; overflow-y:auto;
	margin:-2px 0 -2px -2px; padding:2px; overscroll-behavior:contain; }
.order #delivery_p .parcel-peek-row { flex:none; display:grid; grid-template-columns:24px minmax(0,1fr) auto; column-gap:8px; row-gap:2px; align-items:start;
	box-sizing:border-box; min-height:44px; padding:8px 10px; border:1px solid #ddd; border-radius:4px; background:#fff; cursor:pointer; }
.order #delivery_p .parcel-peek-row[aria-checked=true] { border-color:#2B9100; background:#f4f9f0; box-shadow:0 0 0 1px #2B9100; }
.order #delivery_p .parcel-peek-row:focus-visible { outline-offset:-3px; }
.order #delivery_p .parcel-peek-row-icon { grid-column:1; grid-row:1 / span 2; display:block; width:24px; height:31px; margin:0; }
.order #delivery_p .parcel-peek-row-meta { grid-column:2; grid-row:1; }
.order #delivery_p .parcel-peek-row-price { grid-column:3; grid-row:1; }
.order #delivery_p .parcel-peek-row-name { grid-column:2 / 4; grid-row:2; }
.order #delivery_p .parcel-peek-choose { box-sizing:border-box; height:44px; padding:0 16px; border:0; border-radius:4px; background:#2B9100; color:#fff;
	font-family:inherit; font-size:15px; font-weight:bold; text-shadow:none; box-shadow:none; cursor:pointer; }
.order #delivery_p .parcel-peek-choose:hover { background:#237a00; }
/* narrow: tap targets of 44 px, "Mainīt" across the card, the carriers in one scrolling row, the location button as its pin */
.order #delivery_p .parcel-choice.is-narrow .parcel-card { grid-template-columns:28px minmax(0,1fr) auto; }
.order #delivery_p .parcel-choice.is-narrow .parcel-card-actions { grid-column:1 / -1; grid-row:4; margin:8px 0 0; }
.order #delivery_p .parcel-choice.is-narrow .parcel-card-actions .parcel-button { flex:1 1 auto; height:44px; font-size:15px; }
.order #delivery_p .parcel-choice.is-narrow .parcel-search { flex-wrap:nowrap; }
.order #delivery_p .parcel-choice.is-narrow .parcel-search-box #searchTextField { height:48px; }
.order #delivery_p .parcel-choice.is-narrow .parcel-locate { flex:none; width:48px; height:48px; padding:0; }
.order #delivery_p .parcel-choice.is-narrow .parcel-carriers { flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }
.order #delivery_p .parcel-choice.is-narrow .parcel-chip { flex:none; height:44px; padding:0 16px; border-radius:22px; font-size:15px; }
.order #delivery_p .parcel-choice.is-narrow .parcel-more { align-self:stretch; height:44px; }
.order #delivery_p .parcel-choice.is-narrow .parcel-map { height:400px; } /* the card over its top leaves the rest to see */

/* --- a signed-in customer: who pays, as two lists; edit and delete as a pencil and a bin on the right of each row --- */
.order .selectionTable.people > .clear, .order .selectionTable.people > .selection > .clear { display:none; }
.order .selectionTable.people > .selection { display:flex; flex-wrap:wrap; align-items:center; }
.order .selectionTable.people > .selection > label { flex:1 1 200px; min-width:0; }
.order .selectionTable.people > .selection > .block.actions { display:flex; gap:4px; align-items:center; float:none; width:auto; padding:0 12px 0 0; }
.order .selectionTable.people .actions .graycont { margin:0; }
.order .selectionTable.people span.block.info { font-size:13px; color:#666; }
.order .selectionTable.people .actions .button, .order #delivery_address .address-book-edit {
	display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:40px; height:40px; min-height:0; padding:0; border:0; border-radius:8px;
	background:none; font-size:0; line-height:0; color:transparent; text-shadow:none; box-shadow:none; }
.order .selectionTable.people .actions .button::before, .order #delivery_address .address-book-edit::before { content:''; width:20px; height:20px; background:no-repeat center / 20px 20px
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230074cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E"); }
.order .selectionTable.people .actions .button.delete::before { background-image:
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7480' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E"); }
.order .selectionTable.people .actions .button.delete:hover::before, .order .selectionTable.people .actions .button.delete:focus-visible::before { background-image:
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E"); }
.order .selectionTable.people .actions .button:hover, .order .selectionTable.people .actions .button:focus,
.order #delivery_address .address-book-edit:hover, .order #delivery_address .address-book-edit:focus { background:#e6f0fa; color:transparent; text-shadow:none; box-shadow:none; }
.order .selectionTable.people .actions .button.delete:hover, .order .selectionTable.people .actions .button.delete:focus { background:#fdecec; }
.order .selectionTable.people .actions .button:focus-visible, .order #delivery_address .address-book-edit:focus-visible { outline:2px solid #0074cc; outline-offset:1px; }
.order #delivery_address .address-book-edit { flex:none; margin:-9px -8px -9px 0; }

/* --- adding another payer: full-width buttons under each list (white, thin grey frame, blue text), the explanation above them --- */
.order #existing_user > div:not([class]):has(+ .graycont > #add_priv), .order #existing_user > div:not([class]):has(+ .graycont > #add_jurid) {
	margin:12px 2px 8px; font-size:13px; line-height:1.45; color:#666; }
.order #existing_user > .graycont:has(> #add_priv, > #add_jurid) { margin:0; }
.order #add_priv, .order #add_jurid { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-height:44px; height:auto; padding:8px 16px;
	border:1px solid #ccc; border-radius:4px; background:#fff; color:#0074cc; font-size:15px; font-weight:normal; line-height:1.3; text-align:center; text-shadow:none; box-shadow:none; }
.order #add_priv:hover, .order #add_jurid:hover, .order #add_priv:focus, .order #add_jurid:focus { background:#f7f9fb; color:#005a9e; border-color:#9aa3ad; text-shadow:none; box-shadow:none; }
.order #add_priv::before, .order #add_jurid::before { content:'+'; margin-right:8px; font-size:20px; font-weight:normal; line-height:1; }
.order #existing_user > .spacer { height:22px; }

/* --- the payer forms (editing opens under the payer's row, adding under its button): labels above, pairs side by side --- */
.order .selectionTable.people > .selection > .editForm { flex-basis:100%; box-sizing:border-box; padding:0 20px 20px 52px; }
.order #editPriv, .order #editJurid { margin-top:12px; padding:4px 20px 20px; overflow:visible; }
.order #priv_table, .order #jurid_table { display:block; width:100%; margin:0; border-spacing:0; }
.order #priv_table > tbody, .order #jurid_table > tbody { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); column-gap:12px; }
.order #priv_table tr, .order #jurid_table tr { display:flex; flex-direction:column; grid-column:1 / -1; min-width:0; }
.order #priv_table tr:has(#first_name), .order #priv_table tr:has(#last_name), .order #jurid_table tr:has(#reg_nr), .order #jurid_table tr:has(#pvn) { grid-column:span 3; }
.order #jurid_table tr:has(#banka), .order #jurid_table tr:has(#bank_kods), .order #jurid_table tr:has(#bank_konts) { grid-column:span 2; }
.order #priv_table th, .order #jurid_table th { display:block; padding:14px 0 6px; text-align:left; font-weight:normal; font-size:13px; line-height:1.5; color:#555; }
.order #priv_table th:empty, .order #jurid_table th:empty { display:none; }
.order #priv_table td, .order #jurid_table td { display:block; padding:0; }
.order #priv_table td.mandatory, .order #jurid_table td.mandatory { display:none; }
.order #priv_table tr:has(> td.mandatory:not(:empty)) > th label::after, .order #jurid_table tr:has(> td.mandatory:not(:empty)) > th label::after { content:'*'; margin-left:2px; color:#c0392b; }
.order #priv_table .address-block[data-address-prefix], .order #jurid_table .address-block[data-address-prefix] { max-width:none; }
.order #priv_table tr:has(#submitPriv), .order #jurid_table tr:has(#submitJurid) { flex-direction:row; justify-content:flex-end; align-items:center; gap:10px; padding-top:20px; }
.order #priv_table tr:has(#submitPriv) > th, .order #jurid_table tr:has(#submitJurid) > th { padding:0; }
.order #priv_table .graycont, .order #jurid_table .graycont, .order #priv_table .butcont, .order #jurid_table .butcont { float:none; margin:0; }
.order #submitPriv, .order #submitJurid { height:42px; padding:0 24px; border-radius:0.5em; }
/* "Atcelt": the store's own grey button */
.order #cancelPriv, .order #cancelJurid { display:inline-flex; align-items:center; box-sizing:border-box; height:42px; padding:0 18px;
	border:1px solid #ccc; border-radius:0.5em; background:linear-gradient( #fff, #ddd ); color:#444; font-weight:bold; text-shadow:0.4px 0.6px 0.4px #fff;
	box-shadow:inset 0.6px 0.9px 0.6px #fff, inset -0.2px -0.3px 0.2px rgba( 0, 0, 0, 0.1875 ); }
.order #cancelPriv:hover, .order #cancelJurid:hover, .order #cancelPriv:focus, .order #cancelJurid:focus {
	border-color:#bbb; background:linear-gradient( #fff, #d2d2d2 ); color:#222; text-shadow:0.6px 0.9px 0.6px #fff; }

/* --- confirm: the full width of the column --- */
.order .bottom .butcont { float:none; width:100%; }
.order #submitOrder { width:100%; min-height:52px; font-size:17px; border-radius:0.5em; }

/* --- the cart summary --- */
.order #cart-overview { font-size:13px; }
.order #cart-overview table td { padding:10px 2px; border-bottom-color:#eee; vertical-align:middle; }
.order #cart-overview tr.heading { display:none; }
.order #cart-overview td.count { color:#777; white-space:nowrap; }
.order #cart-overview td.count::before { content:'\00d7\00a0'; }
.order #cart-overview td.price { font-weight:bold; color:#444; }
.order #cart-overview .gal.thumb { width:52px; height:52px; max-width:none; max-height:none; border-radius:6px; overflow:hidden; }
/* the goods, the delivery chosen and the total to pay, on the right; "Mainīt groza saturu" on the left (the fixes of 21 October 2026, S10) */
.order .cartcolumn .totals { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:10px 16px; margin:14px 2px 0; }
.order .cartcolumn .totals a { font-size:13px; }
.order .cartcolumn .order-summary { flex:0 1 300px; margin:0 0 0 auto; }
.order .cartcolumn .order-summary > div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:2px 0; font-size:14px; color:#555; }
.order .cartcolumn .order-summary dt, .order .cartcolumn .order-summary dd { float:none; margin:0; padding:0; font-weight:normal; }
.order .cartcolumn .order-summary dd { white-space:nowrap; text-align:right; color:#444; }
.order .cartcolumn .order-summary > .order-summary-total { margin-top:4px; padding-top:6px; border-top:1px solid #e2e2e2; font-size:17px; color:#444; }
.order .cartcolumn .order-summary > .order-summary-total dt, .order .cartcolumn .order-summary > .order-summary-total dd { font-weight:bold; }

/* --- phones --- */
@media (max-width:699px) {
	/* 16 px text in every field: below that, iPhones zoom the page in when a field is tapped */
	.order #pers .inp > input.inputField:not([type=checkbox]), .order #pers .inp > .ani > input.inputField:not([type=checkbox]),
	.order #pers .inp > .iti > input.inputField, .order #pers .inp > .ani > select, .order #mainLoginForm td > input:not([type=hidden]),
	.order #delivery_p #searchTextField, .order .address-block[data-address-prefix] .inputField[id], .order .company-lookup .company-lookup-number.inputField,
	.order #priv_table td > input:not([type=hidden]):not([type=checkbox]):not([type=radio]), .order #jurid_table td > input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
	.order #priv_table td > .iti > input, .order #jurid_table td > .iti > input, .order #priv_table td > select, .order #jurid_table td > select { font-size:16px; }
	.order.forms { padding:8px 12px 24px; }
	.order.forms #pers, .order #priv_table > tbody, .order #jurid_table > tbody { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.order.forms #pers .row, .order #priv_table tr, .order #jurid_table tr { grid-column:span 2; }
	.order.forms #pers .row:has(#first_name), .order.forms #pers .row:has(#last_name),
	.order #priv_table tr:has(#first_name), .order #priv_table tr:has(#last_name) { grid-column:span 1; }
	.order.forms #pers .row:has(#reg_nr), .order.forms #pers .row:has(#vat), .order.forms #pers .row:has(#pvn),
	.order.forms #pers .row:has(#banka), .order.forms #pers .row:has(#bank_kods), .order.forms #pers .row:has(#bank_konts),
	.order #jurid_table tr:has(#reg_nr), .order #jurid_table tr:has(#pvn), .order #jurid_table tr:has(#banka), .order #jurid_table tr:has(#bank_kods),
	.order #jurid_table tr:has(#bank_konts) { grid-column:span 2; }
	.order.forms #pers .row:has(#vat) { display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:flex-end; gap:10px; }
	.order.forms #pers .row:has(#vat) .inp .ani { display:block; height:auto; }
	.order.forms #pers .row:has(#vat) .lab label { margin:14px 0 0; }
	.order #pers input#vat { margin:0 0 1px; }
	.order #loginblock, .order.forms #pers, .order #cart-overview { padding:14px 14px 16px; }
	.order .cartcolumn h4 { margin:-14px -14px 6px; }
	.order #mainLoginForm tbody { grid-template-columns:minmax(0,1fr); }
	.order #mainLoginForm tr:nth-child(3) > td { grid-column:1; grid-row:3; }
	.order #mainLoginForm tr:nth-child(4) > td { grid-column:1; grid-row:4; }
	.order #mainLoginForm td.bottom > a { grid-column:1; grid-row:3; }
	.order #mainLoginForm td.bottom > .butcont { grid-column:1; grid-row:5; margin-top:14px; }
	.forms #loginblock .button { width:100%; }
	.forms #loginblock a { white-space:nowrap; }
	.order .selectionTable > .selection > label { padding:14px; }
	.order .selectionTable.people > .selection > .block.actions { padding:0 6px 0 0; }
	.order .selectionTable.people > .selection > .editForm { padding:0 14px 16px; }
	.order #editPriv, .order #editJurid { padding:2px 14px 16px; }
	.order #delivery_address { padding:0 14px 16px; }
	.order #delivery_p > :not(input[type=hidden]):not(script) { margin-left:14px; margin-right:14px; }
	.order #delivery_p > .parcel-choice { padding-bottom:16px; }
	.order.forms .selection > label .delivery-option-head { flex-wrap:nowrap; }
	.order.forms .selection > label .delivery-option-name { flex:1 1 auto; min-width:0; }
	.order .address-block[data-address-prefix] .address-fields[data-state="pick"] .address-f-note { grid-column:1 / -1; }
	.order .address-block[data-address-prefix] .address-suggestions li[role=option] { padding:12px; }
	/* compact rows on a phone: name and price on one line, the ready date under them */
	.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .block.delivery-option { flex-direction:column; align-items:stretch; }
	.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .delivery-option-head { display:flex; }
	.order.forms .selectionTable > .selection > label:not(:has(> input:checked)) .delivery-option-price { margin-left:0; } }

/* Done page (T5-06 / T4-05 and the owner's comment of 21 October 2026: the order-done page, inc/pages/order/done.php, which
   inc/pages/order.php gives this file too, in the checkout's look): the heading in the grey title band over one card with thin
   grey lines; what was ordered — the order's number, where it goes — confirmed as a chosen row is, in the store's green; the
   words after it in the checkout's grey text; the payment's buttons in the checkout's size, side by side, full width on phones;
   a leasing order's form never wider than the page. Everything is under .order-done, so the checkout itself is untouched. */
.order-done { color:#444; }
.order.forms .order-done > h1 { margin-top:0; }
.order-done-card { box-sizing:border-box; padding:18px 20px 20px; border:1px solid #ccc; border-radius:0 0 3px 3px; background:#fff; }
.order-done-confirmed { display:flex; gap:14px; align-items:flex-start; margin:0 0 16px; padding:14px 16px; border-radius:3px; background:#f4f9f0;
	box-shadow:inset 3px 0 0 #2B9100; }
.order-done-confirmed .order-done-check { flex:none; width:28px; height:28px; }
.order-done-facts { flex:1; min-width:0; }
.order-done-facts p { margin:0; font-size:15px; line-height:1.5; color:#444; }
.order-done-facts p + p { margin-top:4px; }
.order-done-facts b { color:#444; overflow-wrap:anywhere; }
.order-done-nr b { font-size:17px; }
/* a parcel point under its carrier and kind (D1-03): the name as the card's, the address under it in grey */
.order-done-point span { display:block; overflow-wrap:anywhere; }
.order-done-point-name { font-weight:bold; color:#444; }
.order-done-point-address { font-size:14px; color:#666; }
.order-done-text { margin:0 0 12px; font-size:14px; line-height:1.6; color:#444; overflow-wrap:anywhere; }
.order-done a:not(.button) { color:#0074cc; }
.order-done-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.order-done-actions form, .order-done-actions .graycont { float:none; margin:0; }
.order-done-actions .button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:42px; height:auto;
	padding:8px 24px; border-radius:0.5em; font-size:15px; line-height:1.3; text-align:center; text-decoration:none; }
.order-done-lease { margin-top:16px; }
.order-done-lease iframe { display:block; box-sizing:border-box; width:100%; max-width:870px; border:0; }
@media (max-width:699px) {
	.order-done-card { padding:14px 14px 16px; }
	.order-done-confirmed { padding:12px 12px 12px 14px; gap:10px; }
	.order-done-confirmed .order-done-check { width:24px; height:24px; }
	.order-done-actions { flex-direction:column; }
	.order-done-actions form, .order-done-actions .graycont, .order-done-actions .button { width:100%; } }
/* end Done page */

/* Sign-in page (/auth; the owner's request of 22 October 2026: the checkout's look, CSS only over its own markup): the page title
   becomes the sign-in card's grey band, "Reģistrācija" the band of the second card; the sign-in form as the checkout's (two fields
   side by side, "Aizmirsta parole?" on the password label's line, the button level with the fields; one column on phones) */
main.cont:has(> .auth.forms) > h1 {
	box-sizing:border-box; max-width:688px; margin:20px 16px 0; padding:0.5em 1em; font-size:15px; font-weight:bold; line-height:1.5; color:#444; background:#eee linear-gradient( #f6f6f6, #e6e6e6 );
	border:1px solid #ccc; border-bottom:0; border-radius:3px 3px 0 0; text-shadow:0.4px 0.6px 0.4px #fff; box-shadow:inset 0.4px 0.6px 0.9px hsla( 0, 0%, 100%, .75 ); }
.auth.forms { display:flex; flex-direction:column; gap:20px; box-sizing:border-box; max-width:720px; margin:0; padding:0 16px 32px; color:#444; } /* a sign-in card, not a full-width band, on a wide screen */
.auth.forms .auth_block { box-sizing:border-box; margin:0; padding:18px 20px 20px; border:1px solid #ccc; border-radius:3px; background:#fff; box-shadow:none; }
main.cont:has(> .auth.forms) > h1 ~ .auth.forms > .auth_block:first-child { border-top-left-radius:0; border-top-right-radius:0; }
.auth.forms .auth_block > h1 { margin:-18px -20px 14px; border-width:0 0 1px; border-radius:2px 2px 0 0; }
.auth.forms .auth_block > p { margin:0 0 2px; font-size:14px; line-height:1.5; color:#444; }
.auth.forms .auth_block > h1 + p { margin-bottom:14px; }
.auth #mainLoginForm table, .auth #mainLoginForm tbody { display:block; width:100%; }
.auth #mainLoginForm tbody { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; column-gap:12px; align-items:end; }
.auth #mainLoginForm tr { display:contents; }
.auth #mainLoginForm th { display:none; }
.auth #mainLoginForm tr:nth-child(1) > td { grid-column:1; grid-row:1; }
.auth #mainLoginForm tr:nth-child(2) > td { grid-column:1; grid-row:2; }
.auth #mainLoginForm tr:nth-child(3) > td { grid-column:2; grid-row:1; }
.auth #mainLoginForm tr:nth-child(4) > td { grid-column:2; grid-row:2; }
.auth #mainLoginForm tr:nth-child(5) > td { display:contents; }
.auth #mainLoginForm td { padding:0; }
.auth #mainLoginForm label { display:block; margin:12px 0 6px; font-size:13px; line-height:1.5; color:#555; }
.auth #mainLoginForm td.bottom > a { grid-column:2; grid-row:1; justify-self:end; align-self:end; position:static; margin:12px 0 6px; font-size:13px; line-height:1.5; white-space:nowrap; }
.auth #mainLoginForm td.bottom > .button { grid-column:3; grid-row:2; }
.auth #mainLoginForm caption.error { display:block; margin:0 0 4px; padding:8px 12px; border:1px solid #f0c4c0; border-radius:4px; background:#fdf0ef; color:#b3261e; font-size:14px; text-align:left; }
.auth #mainLoginForm td > input:not([type=hidden]) {
	box-sizing:border-box; width:100%; max-width:none; height:42px; margin:0; padding:0 12px; border:1px solid #b5b5b5; border-radius:4px; background:#fff;
	font-family:inherit; font-size:15px; color:#333; box-shadow:none; text-shadow:none; }
.auth #mainLoginForm td > input.error { border-color:#d00; background:#fff4f4; }
.auth #mainLoginForm input:focus { outline:none; border-color:#0074cc; box-shadow:0 0 0 3px rgba(0,116,204,.22); }
.auth.forms .button { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; margin:0; padding:0 24px; border-radius:0.5em; }
@media (max-width:699px) {
	main.cont:has(> .auth.forms) > h1 { margin-left:12px; margin-right:12px; }
	.auth.forms { padding-left:12px; padding-right:12px; }
	.auth.forms .auth_block { padding:16px 14px 18px; }
	.auth.forms .auth_block > h1 { margin:-16px -14px 12px; }
	.auth #mainLoginForm tbody { grid-template-columns:minmax(0,1fr); }
	.auth #mainLoginForm tr:nth-child(3) > td { grid-column:1; grid-row:3; }
	.auth #mainLoginForm tr:nth-child(4) > td { grid-column:1; grid-row:4; }
	.auth #mainLoginForm td.bottom > a { grid-column:1; grid-row:3; }
	.auth #mainLoginForm td.bottom > .button { grid-column:1; grid-row:5; margin-top:14px; width:100%; }
	.auth #mainLoginForm td > input:not([type=hidden]) { font-size:16px; }
	.auth.forms .auth_block > a.button { width:100%; } }
/* end Sign-in page */

/* Profile overview (/profile with no sub-page; the owner's request of 22 October 2026: the checkout's look, CSS only over its own
   markup, loaded by profile.php for the overview alone): each box a card with the store's grey title band ("Mani dati (name)",
   "Mani pasūtījumi"), its links as rows with a thin line between them and a chevron, the explanation under its link; "Iziet" a
   quiet outlined button beside the page title */
.profile > h1 { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; }
.profile > h1 form.logout { display:inline-flex; margin:0; }
.profile > h1 form.logout input[type=submit] {
	box-sizing:border-box; height:32px; margin:0; padding:0 14px; border:1px solid #ccc; border-radius:4px; background:#fff; color:#0074cc;
	font-family:inherit; font-size:14px; font-weight:normal; line-height:1; text-shadow:none; box-shadow:none; cursor:pointer; }
.profile > h1 form.logout input[type=submit]:hover { border-color:#9aa3ad; background:#f7f9fb; color:#005a9e; }
.profile > h1 form.logout input[type=submit]:focus-visible { outline:2px solid #0074cc; outline-offset:2px; }
.profile > .forms:has(> .box) { display:flex; flex-direction:column; gap:20px; box-sizing:border-box; max-width:none; margin:0; padding:0 16px 32px; color:#444; }
.profile > .forms > .box { display:block; box-sizing:border-box; margin:0; padding:0; border:1px solid #ccc; border-radius:3px; background:#fff; box-shadow:none; overflow:hidden; }
.profile > .forms > .box > .titleBox {
	display:flex; flex-wrap:wrap; align-items:baseline; gap:0 8px; float:none; width:auto; box-sizing:border-box; margin:0; padding:0.5em 1em;
	background:#eee linear-gradient( #f6f6f6, #e6e6e6 ); border-bottom:1px solid #ccc; text-shadow:0.4px 0.6px 0.4px #fff; box-shadow:inset 0.4px 0.6px 0.9px hsla( 0, 0%, 100%, .75 ); }
.profile > .forms > .box > .titleBox h4 { margin:0; font-size:15px; font-weight:bold; line-height:1.5; color:#444; }
.profile > .forms > .box > .titleBox h4 + h4 { font-weight:normal; color:#555; }
.profile > .forms > .box > .contentBox { float:none; width:auto; margin:0; padding:4px 0; }
.profile > .forms > .box > .contentBox ul { margin:0; padding:0; list-style:none; }
.profile > .forms > .box > .contentBox li { margin:0; padding:0 20px; }
.profile > .forms > .box > .contentBox li:has(> a) { display:flex; align-items:baseline; gap:6px; padding-top:12px; padding-bottom:12px; }
.profile > .forms > .box > .contentBox li:has(> a)::after { content:'›'; margin-left:auto; padding-left:12px; font-size:20px; line-height:1; color:#9aa3ad; }
.profile > .forms > .box > .contentBox li:has(> a):has(+ li > .comment) { padding-bottom:2px; }
.profile > .forms > .box > .contentBox li > a { font-size:15px; line-height:1.4; color:#0074cc; text-decoration:none; }
.profile > .forms > .box > .contentBox li > a:hover { color:#005a9e; text-decoration:underline; }
.profile > .forms > .box > .contentBox li > .attention { font-size:13px; font-weight:bold; color:#c75000; }
.profile > .forms > .box > .contentBox li:has(> .comment) { padding-bottom:12px; }
.profile > .forms > .box > .contentBox .comment { display:block; font-size:13px; font-style:normal; line-height:1.45; color:#7a7f87; }
.profile > .forms > .box > .contentBox li.spacer { height:0; margin:0 20px; padding:0; border-top:1px solid #eee; }
@media (max-width:699px) {
	.profile > .forms:has(> .box) { padding-left:12px; padding-right:12px; }
	.profile > .forms > .box > .contentBox li { padding-left:14px; padding-right:14px; }
	.profile > .forms > .box > .contentBox li:has(> a) { min-height:44px; box-sizing:border-box; align-items:center; }
	.profile > .forms > .box > .contentBox li.spacer { margin:0 14px; } }
/* end Profile overview */

/* Registration page (/reg; the owner's request of 22 October 2026: the checkout's look, CSS only over its own markup, loaded by
   reg.php): one card under the grey "Reģistrācija" band, the introduction and the form inside it; labels above the fields (a red
   star: every field is required), first and last name side by side, the two passwords side by side, e-mail and phone across;
   fields in the checkout's look (16 px on phones, one column there), the button the store's green, full width on phones */
.reg.forms { box-sizing:border-box; max-width:688px; margin:20px 16px 32px; padding:0 0 20px; border:1px solid #ccc; border-radius:3px; background:#fff; color:#444; }
.reg.forms > h1 { margin:0; border-width:0 0 1px; border-radius:2px 2px 0 0; }
.reg.forms > p { margin:16px 20px 0; font-size:14px; line-height:1.5; color:#444; }
.reg.forms > form { margin:0 20px; }
.reg #registration table, .reg #registration tbody { display:block; width:100%; }
.reg #registration tbody { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:12px; }
.reg #registration tr { display:flex; flex-direction:column; min-width:0; }
.reg #registration tr:has(#email), .reg #registration tr:has(#phone), .reg #registration tr:has(input[type=submit]) { grid-column:1 / -1; }
.reg #registration th { display:block; padding:0; text-align:left; font-weight:normal; }
.reg #registration td { display:block; padding:0; }
.reg #registration tr:has(input[type=submit]) > td:empty { display:none; }
.reg #registration th label { display:block; margin:14px 0 6px; font-size:13px; line-height:1.5; color:#555; }
.reg #registration th label::after { content:'*'; margin-left:2px; color:#c0392b; }
.reg #registration caption.error { display:block; margin:16px 0 0; padding:8px 12px; border:1px solid #f0c4c0; border-radius:4px; background:#fdf0ef; color:#b3261e; font-size:14px; line-height:1.5; text-align:left; }
.reg #registration caption.error a { color:#0074cc; }
.reg #registration td > input:not([type=hidden]):not([type=submit]), .reg #registration td > .iti > input {
	box-sizing:border-box; width:100%; max-width:none; height:42px; margin:0; padding-top:0; padding-bottom:0; padding-right:12px;
	border:1px solid #b5b5b5; border-radius:4px; background:#fff; font-family:inherit; font-size:15px; color:#333; box-shadow:none; text-shadow:none; }
.reg #registration td > input:not([type=hidden]):not([type=submit]) { padding-left:12px; }
.reg #registration td > .iti { display:block; width:100%; }
.reg #registration input:focus { outline:none; border-color:#0074cc; box-shadow:0 0 0 3px rgba(0,116,204,.22); }
.reg #registration input.error { border-color:#d00; background:#fff4f4; }
.reg #registration td > label.error { display:block; margin:4px 0 0; font-size:13px; line-height:1.4; color:#b3261e; }
.reg #registration input[type=submit].button { box-sizing:border-box; height:42px; min-height:42px; margin:20px 0 0; padding:0 24px; border-radius:0.5em; cursor:pointer; }
@media (max-width:699px) {
	.reg.forms { margin:16px 12px 24px; }
	.reg.forms > p { margin:14px 14px 0; }
	.reg.forms > form { margin:0 14px; }
	.reg #registration tbody { grid-template-columns:minmax(0,1fr); }
	.reg #registration tr { grid-column:1; }
	.reg #registration td > input:not([type=hidden]):not([type=submit]), .reg #registration td > .iti > input { font-size:16px; }
	.reg #registration input[type=submit].button { width:100%; } }
/* end Registration page */