/* BBQ — úpravy kvůli PrestaShopu. Nad tímhle souborem je theme.css z Classic (Bootstrap 4)
   a bbq.css = styles.css z prototypu. Tady se jen ruší to, co Classic nastavuje jinak,
   a přebarvují se stránky, které zůstaly z Classic (košík, objednávka, účet). */

/* ——— Základ: Classic/Bootstrap proti prototypu ——— */
.container { width: auto; }
body { font-size: 16px; line-height: 1.55; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color: inherit; text-transform: none; font-family: var(--font-head); font-weight: 600; }
a:hover, a:focus { color: inherit; }
.btn { line-height: 1.2; text-transform: none; }
.btn:focus, .btn:hover { outline: 0; }
[hidden] { display: none !important; }
.prose ul, .prose ol { list-style: disc; }
.prose ol { list-style: decimal; }
.faq summary { list-style: none; }
label { text-align: left; color: inherit; }
/* Classic barví odstavce šedě a zmenšuje je, v prototypu dědí barvu a velikost */
p { color: inherit; font-size: inherit; }

/* Classic omezuje #content na detailu produktu na šířku fotky (452 px) a u přihlášení na 640 px,
   u nás je #content celá stránka (dvojité #content přebije jeho #product #content) */
main#content#content { max-width: none; margin: 0; position: static; padding: 0; background: none; }

/* ——— Hlavička ——— */
#header { color: var(--ink); box-shadow: none; }
#header a { color: inherit; }
#header .header-contact-chip { color: #fff; }
#header .header-top { padding: 0; }
/* Classic dává #header .logo max-width a výšku, logo by se scvrklo na nulu */
#header .site-name .logo { height: 54px; width: auto; max-width: none; }
@media (max-width: 860px) { #header .site-name .logo { height: 42px; } }
@media (max-width: 600px) { #header .site-name .logo.logo-wide { height: 34px; } }
#search_widget { float: none; overflow: visible; min-width: 0; margin: 0; }
#search_widget form input { padding-left: 44px; }
#blockcart-wrapper, .blockcart { display: contents; }
.cart-count .badge { line-height: 1; }
#footer { padding-top: 0; }

/* ——— Notifikace PrestaShopu ——— */
#notifications .notifications-container { max-width: var(--container); padding: 16px 24px 0; }
#notifications .alert { border-radius: var(--radius-sm); }

/* ——— Stránky z Classic (košík, objednávka, účet, přihlášení) ——— */
.bbq-page { padding-bottom: 24px; }
.bbq-page #content-wrapper { min-width: 0; }
.bbq-page .page-header h1 { font-size: clamp(30px, 4vw, 46px); margin: 6px 0 20px; }
.bbq-page .card { background: var(--card); border: 0; border-radius: var(--radius); box-shadow: var(--shadow); }
.bbq-page .page-content.card-block, .bbq-page .card-block { padding: 22px; }
.bbq-page .btn-primary { background: var(--ember); border-color: var(--ember); color: #fff; border-radius: var(--radius-sm); font-weight: 600; padding: 12px 22px; }
.bbq-page .btn-primary:hover, .bbq-page .btn-primary:focus { background: var(--ember-dark); border-color: var(--ember-dark); color: #fff; }
.bbq-page .btn-secondary, .bbq-page .btn-tertiary { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); border: 0; border-radius: var(--radius-sm); }
.bbq-page a { color: var(--ember); }
.bbq-page .form-control { border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--card); color: var(--ink); }
.bbq-page .form-control:focus { outline: 2px solid var(--mustard); border-color: transparent; }
.bbq-page .custom-radio input[type=radio]:checked + span, .bbq-page .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: var(--ember); }
.bbq-page .custom-radio input[type=radio]:checked + span { background-color: var(--ember); }
.bbq-page .product-line-grid-body > .product-line-info > .label, .bbq-page .cart-summary-line .label { color: var(--ink); }
.bbq-page .cart-grid-body a.label:hover { color: var(--ember); }
.bbq-page .cart-summary, .bbq-page .cart-grid-right .card { position: static; }
.bbq-page .checkout-step .step-title { font-family: var(--font-head); text-transform: none; }
.bbq-page .checkout-step.-current .step-title, .bbq-page .checkout-step .step-number { color: var(--ink); }
.bbq-page .delivery-option, .bbq-page .payment-option { border-radius: var(--radius-sm); }