/* Romanian storefront overrides. Shared CSS keeps the legacy Plenty geometry. */
:root {
  --site-language: ro;
}

/* Footer geometry measured on keg-o-beer.com (2026-10-14, 1440 and 390 px).
   The shared non-NO footer rules come from the DK/DE/FR sources: legal row
   pinned left, a 278 px phone column inset 53 px. keg-o-beer centres the
   legal row, sets the copyright in 9.324 px and runs the phone footer at
   the full container width (content at 30 px, 330 px wide). */
html body[data-theme="keg-o-beer-ro"] .site-footer .reference-footer-content > hr,
html body[data-theme="keg-o-beer-ro"] .site-footer .footer-copyright {
  width: 969px;
}

html body[data-theme="keg-o-beer-ro"] .site-footer .footer-copyright,
html body[data-theme="keg-o-beer-ro"] .site-footer .footer-copyright small {
  font-size: 9.324px;
}

html body[data-theme="keg-o-beer-ro"] .site-footer .footer-copyright {
  padding-top: 1px;
}

@media (min-width: 901px) {
  html body[data-theme="keg-o-beer-ro"] footer.site-footer.site-footer {
    padding-bottom: 50px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer.site-footer--has-legal .footer-legal {
    width: auto;
    margin-top: 9.9px;
    text-align: center;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-legal .withdraw-link {
    margin-top: 13.83px;
    margin-right: 13.61px;
    vertical-align: top;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-legal .footer-contact {
    margin-right: 10px;
  }
}

@media (max-width: 900.98px) {
  html body[data-theme="keg-o-beer-ro"] footer.site-footer.site-footer {
    padding-bottom: 94.7px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .reference-footer-content {
    width: calc(100% - 30px);
    margin-left: 15px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .legacy-footer-grid,
  html body[data-theme="keg-o-beer-ro"] .site-footer .legacy-footer-grid section,
  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-payment {
    width: 100%;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .legacy-footer-grid h5 {
    width: auto;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .legacy-footer-grid section:nth-child(-n+3) ul {
    margin-bottom: 31.1px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .legacy-footer-grid section:nth-child(5) {
    height: 110.9px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-payment h5 {
    width: auto;
    margin-left: 0;
    text-align: center;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-payment__images {
    width: 100%;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-payment img:first-child {
    width: 100%;
    max-width: none;
    height: auto;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .reference-footer-content > hr,
  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-copyright {
    width: calc(100% - 30px);
    margin-left: 15px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-copyright {
    min-height: 0;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-legal {
    width: auto;
    height: auto;
    margin-top: 11.1px;
    margin-left: 34.1px;
  }

  html body[data-theme="keg-o-beer-ro"] .site-footer .footer-legal .withdraw-link {
    margin-right: 13.61px;
  }
}

/* Header measured on keg-o-beer.com (2026-10-15, 1440/430/390/360 px). The
   phone header stays compact by the owner decision of 2026-09-18 (DESIGN.md);
   inside it the source logo, search box and icon colours are kept. The logo
   file is the source's own 1288×200 mark, so it keeps its proportion (360.5
   px at 56 px, 180.2 px at 28 px) instead of the NO 177 px box. */
html body[data-theme="keg-o-beer-ro"] .reference-header .brand {
  width: auto;
  flex: 0 0 auto;
}

html body[data-theme="keg-o-beer-ro"] .reference-header .brand img {
  width: auto;
}

html body[data-theme="keg-o-beer-ro"] .reference-header .header-tools .search button .fa {
  font-size: 18.2px;
}

html body[data-theme="keg-o-beer-ro"] .reference-header .account-tools .language-toggle:not(:hover):not(:focus-visible):not([aria-expanded="true"]) {
  background: transparent;
}

html body[data-theme="keg-o-beer-ro"] .reference-header .service-links .fa-envelope {
  color: #f29400;
}

@media (min-width: 992px) {
  /* The source draws the line under the search row across the whole page. */
  html body[data-theme="keg-o-beer-ro"] .reference-header .header-tools {
    border-bottom-color: transparent;
  }

  html body[data-theme="keg-o-beer-ro"] .reference-header .header-navigation {
    box-shadow: inset 0 1px 0 #d8d8d8;
  }
}

@media (max-width: 991.98px) {
  html body[data-theme="keg-o-beer-ro"] .reference-header .service-links > li.service-phone .fa {
    color: #212529;
  }
}

@media (max-width: 575.98px) {
  /* Search box 324.4 px, centred plus 7 px like the source at 360–575 px. */
  html body[data-theme="keg-o-beer-ro"] .reference-header .header-tools.container {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  html body[data-theme="keg-o-beer-ro"] .reference-header .header-tools .search {
    width: min(324.39px, calc(100vw - 20px));
    max-width: none;
    margin-right: 0;
    margin-left: max(10px, calc(50% - 155.2px));
  }

  /* The icon row sits 10.5 px right of centre at the source (user at 100.4 px
     on a 390 px screen). */
  html body[data-theme="keg-o-beer-ro"] .reference-header .account-tools {
    width: max-content;
    min-width: 0;
    margin: 0;
    justify-self: center;
    transform: translateX(10.5px);
  }

  /* Phone line of the service bar: icon at 80.5 px like the source, never
     past the screen edge on 320 px. */
  html body[data-theme="keg-o-beer-ro"] .reference-header .service-links > li.service-phone {
    left: min(52px, calc(100vw - 272px));
  }
}

/* Consent shield as on the source: absent while the cookie banner is open;
   after any choice it stands in the footer between the copyright and the
   withdraw/contact row and pushes that row down (77.5 px desktop, 63.7 px
   phone). Ours hid it after «accept all»; the source keeps it. */
html:has(.cookie-banner:not([hidden])) body[data-theme="keg-o-beer-ro"] .site-footer .footer-privacy {
  display: none;
}

html:not(:has(.cookie-banner:not([hidden]))) body[data-theme="keg-o-beer-ro"] .site-footer .footer-privacy {
  right: max(0px, calc(50% - 514.5px));
  bottom: 123.2px;
  display: inline-flex;
  width: 212px;
  height: 33.5px;
  padding: 7px 14px;
  border-radius: 4.2px;
}

html:not(:has(.cookie-banner:not([hidden]))) body[data-theme="keg-o-beer-ro"] .site-footer.site-footer--has-legal .footer-legal {
  margin-top: 87.4px;
}

@media (max-width: 900.98px) {
  html:not(:has(.cookie-banner:not([hidden]))) body[data-theme="keg-o-beer-ro"] .site-footer .footer-privacy {
    right: 0;
    bottom: 167.6px;
    width: 40px;
    padding: 7px;
  }

  html:not(:has(.cookie-banner:not([hidden]))) body[data-theme="keg-o-beer-ro"] .site-footer .footer-privacy span {
    display: none;
  }

  html:not(:has(.cookie-banner:not([hidden]))) body[data-theme="keg-o-beer-ro"] .site-footer.site-footer--has-legal .footer-legal {
    margin-top: 74.8px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  /* Large phones and small tablets: the source keeps the 324.4 px search box
     centred plus 7 px and packs the icon row around the centre (2026-10-15,
     576/640/700/767 px); ours pinned the box left and spread the icons. */
  html body[data-theme="keg-o-beer-ro"] .reference-header .header-tools .search {
    width: 324.39px;
    margin-right: 0;
    margin-left: calc(50% - 155.2px);
  }

  html body[data-theme="keg-o-beer-ro"] .reference-header .account-tools {
    width: max-content;
    min-width: 0;
    margin: 0;
    justify-self: center;
    transform: translateX(9.4px);
  }
}

/* Phone home intro: the shared layout fixes the box at the measured DK/PL
   height (350.28px). The Romanian heading wraps to three lines and pushed the
   last text line 24px under the banner (audit 2026-11-05, s6-v-home-mobile-*).
   Here the box grows with its text; the other shops keep their measured size. */
@media (max-width: 900.98px) {
  body[data-theme="keg-o-beer-ro"] .legacy-intro.container {
    height: auto;
    min-height: 350.28px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-intro__title,
  body[data-theme="keg-o-beer-ro"] .legacy-intro__text {
    height: auto;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-intro__title {
    min-height: 91.28px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-intro__text {
    min-height: 217px;
  }
}

/* Phone category card = the source's compact media row: a 120px image box
   beside the copy column, carousel dots kept, price 19.6px (audit reports/2026-11-05/audit-visual.md,
   item 3; measured 2026-11-06). Category only (`.legacy-category-grid` is
   printed by category.njk, not by search.njk): the home and search lists of
   this source were not measured. */
@media (max-width: 575.98px) {
  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .cmp-product-thumb {
    padding: 11.2px;
    overflow: hidden;
    line-height: 21px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .product-card__frame {
    width: 100%;
    height: auto;
    min-height: 120px;
    line-height: 21px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-image,
  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-image .prop-1-1,
  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-image a {
    width: 120px;
    height: 120px;
    aspect-ratio: auto;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-image {
    float: left;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-image img {
    width: 120px;
    height: 120px;
    margin: 0;
    padding: 0;
    object-fit: contain;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-image__nav {
    display: none;
  }

  /* The source keeps its carousel dots, inside the bottom of the image box. */

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-content {
    display: inline-block;
    width: calc(100% - 120px);
    min-height: 120px;
    padding: 0 11.2px;
    vertical-align: top;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-title {
    width: 100%;
    min-height: 0;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-meta {
    width: 70%;
    margin-top: 7px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .feedback-stars-average:not(:has(.feedback-stars-overlay-wrap)) {
    display: none;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .prices {
    width: 100%;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-meta .has-availability {
    position: relative;
    display: block;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-meta .price-view-port {
    height: 21px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .thumb-meta .has-availability > .availability {
    position: absolute;
    top: 50%;
    right: auto;
    left: calc(100% + 23px);
    width: 28px;
    height: 30px;
    transform: translateY(-50%);
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .prices .price {
    font-size: 19.6px;
    line-height: 29.4px;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .product-card__mobile-link,
  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .vat {
    width: 100%;
  }

  body[data-theme="keg-o-beer-ro"] .legacy-category-grid .product-card__mobile-link {
    margin-top: 5px;
    border: 0;
    font-size: 14px;
    line-height: 17.5px;
  }
}

/* Desktop «back to top»: this source shows the small `.back-to-top-center`
   WITHOUT `mx-auto` — a 94x50 white box at the bottom-left edge, chevron at
   text size, half opacity (measured 2026-11-06 on the live source, audit
   reports/2026-11-05/audit-visual.md item 14). The shared centred box with a
   28px chevron is the ich-zapfe one and covered the card captions. */
body[data-theme="keg-o-beer-ro"] .footer-top-link {
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #272727;
  font-size: 12.95px;
  line-height: 17.1588px;
}

body[data-theme="keg-o-beer-ro"] .footer-top-link .fa {
  font-size: 12.95px;
  line-height: 17.1588px;
}