/* Papildinājumi pēc veikala labojumiem */

/* Piezīme par kafiju sākumā */
.hero-coffee {
margin: 1.25rem auto 0;
max-width: 30rem;
font: 400 1.05rem/1.4 var(--display);
color: var(--gold-light);
}

/* Grāmatu vāki ir gandrīz kvadrāti: lielais foto arī telefonā kvadrātā, lai cena uz foto netiek nogriezta */
.hg-main img { aspect-ratio: 1; }

/* Cena + piezīme (piem. “/ grāmata”) */
.product-price { font-size: 1.1rem; }

/* Logs “Pasūtījums”: telefonā apakšā visā platumā, datorā centrā */
.order-modal {
position: fixed; inset: 0; z-index: 80;
display: flex; align-items: flex-end; justify-content: center;
}
.order-backdrop { position: absolute; inset: 0; background: rgba(42, 38, 33, 0.55); }
.order-dialog {
position: relative;
width: 100%; max-height: 92vh; overflow-y: auto;
padding: 1.5rem var(--gutter) calc(1.25rem + env(safe-area-inset-bottom));
background: var(--bg); color: var(--ivory);
border: 1px solid var(--gold); border-bottom: 0;
box-shadow: 0 -0.5rem 2rem rgba(42, 38, 33, 0.25);
}
.order-dialog:focus { outline: none; }
.order-dialog h2 { font-size: 1.9rem; margin: 0 2.5rem 1rem 0; }
.order-close {
position: absolute; top: 0.6rem; right: 0.6rem;
width: 2.75rem; height: 2.75rem;
border: 0; background: transparent; color: var(--gold-light);
font: 400 2rem/1 var(--sans); cursor: pointer;
}
.order-close:hover { color: var(--ivory); }
.order-item { display: flex; align-items: center; gap: 0.85rem; margin-bottom: 1rem; }
.order-img { flex: none; width: 4rem; height: 4rem; object-fit: cover; border: 1px solid var(--line); }
.order-name { margin: 0; font: 400 1.1rem/1.25 var(--display); }
.order-price { margin: 0.2rem 0 0; color: var(--gold-light); font-weight: 600; }
.order-text {
display: block; width: 100%; margin-bottom: 1rem; padding: 0.75rem;
border: 1px solid var(--line); border-radius: 0;
background: var(--bg-2); color: var(--ivory);
font: 400 1rem/1.45 var(--sans); /* 16px: iOS netuvina lapu */
resize: none;
}
.order-go { display: flex; width: 100%; min-height: 3.5rem; font-size: 0.9rem; }
.order-fail { margin: 0.75rem 0 0; color: var(--error); font-weight: 600; font-size: 0.9rem; }
.order-hint { margin: 0.75rem 0 0; color: var(--muted); font-size: 0.82rem; line-height: 1.45; }
body.modal-open { overflow: hidden; }

@media (min-width: 40em) {
.order-modal { align-items: center; padding: 1.5rem; }
.order-dialog { max-width: 28rem; padding: 2rem; border-bottom: 1px solid var(--gold); }
}

/* Animācijas (js/main.js): sākuma teksts neredzams, kamēr Motion to neparāda */
.anim .hero .wrap > :not(.hero-gallery) { opacity: 0; }

/* Prece, uz kuru atvērta saite #prece-… */
.product.is-target .product-media {
outline: 2px solid var(--gold-light);
outline-offset: 3px;
}