/* MDIX Bakery Prima — audit fixes */

/* Theme-demo leftovers: currency/language pickers that do nothing and the "Try Theme Now" link. */
.header__top .ps-dropdown,
.sub-menu .try-theme {
  display: none !important;
}

/* Third-party brand logos (UPMC, McCann, Le Creuset…) are not partners of this bakery. */
.ps-section--partner,
.ps-partners {
  display: none !important;
}

/* The vendor Google Maps key no longer works; an embedded map iframe replaces it.
   Up to 1199px the contact form still overlays the map, so the map keeps its full height;
   below 768px the form stacks under a shorter map. */
.mdix-map {
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
}
.ps-section--map .mdix-map {
  height: 650px;
}
@media (max-width: 767px) {
  .ps-section--map .mdix-map { height: 320px; }
}

/* Hero sub-text is a single unbreakable slider line that ran off both sides of a phone screen;
   phones show the headline and button only. */
@media (max-width: 767px) {
  .ps-banner__description {
    display: none !important;
  }
}

/* Keep the old map container in the page for the theme script, but out of sight. */
.ps-section--map #contact-map.mdix-map-legacy {
  display: none !important;
}

/* Closed off-canvas phone menu peeked in at the right edge of full-page captures. */
.header--sidebar:not(.active) {
  visibility: hidden;
}

/* ---- design-QA 2026-10-12 ---- */
:root {
  --mdix-coral-text: #c4412c;   /* brand coral #ee7560 is 2.9:1 on white; this shade is 5.1:1 */
  --mdix-btn-a: #c4412c;
  --mdix-btn-b: #d0412c;
  --mdix-muted: #6f6f6f;
  --mdix-footer-link: #5f6774;
}

/* Product names were set in an unloaded "LibreBaskerville" face and fell back to Times. */
.ps-product .ps-product__title {
  font-family: "Libre Baskerville", serif;
  font-size: 16px;
}

/* AA contrast for coral text and white-on-coral buttons. */
.menu > li.current > a,
.menu > li > a:hover,
.ps-section__top,
.ps-people__content .ps-people__position,
.ps-product .ps-product__title:hover,
.ps-product .ps-product__category a:hover,
.breadcrumb > li.active,
.ps-countdown p span,
.ps-post__meta a:hover,
.ps-section--subscribe a:hover {
  color: var(--mdix-coral-text);
}
.menu > li.current > a,
.menu > li > a:hover {
  border-color: var(--mdix-coral-text);
}
.ps-btn,
button.ps-btn {
  background-color: var(--mdix-btn-a);
  background-image: linear-gradient(90deg, var(--mdix-btn-a), var(--mdix-btn-b));
}
.ps-product__price del,
.ps-product .ps-product__price del {
  color: #666;
}
.ps-widget--worktime p {
  color: var(--mdix-muted);
}
.ps-list--line li a {
  color: var(--mdix-footer-link);
}

/* Decorative grey bars next to section titles sat outside the heading box; keep them inside
   its padding so nothing pokes out, and drop the bar beside the narrow team heading. */
@media (min-width: 768px) {
  .ps-section__title--full {
    padding: 0 120px;
  }
  .ps-section__title--full:before {
    right: auto;
    left: 0;
  }
  .ps-section__title--full:after {
    left: auto;
    right: 0;
  }
  .ps-section__title--left {
    padding-right: 120px;
  }
  .ps-section__title--left:before {
    left: auto;
    right: 0;
  }
}
@media (max-width: 767px) {
  .ps-section__title--left {
    padding-right: 0;
  }
  .ps-section__title--left:before {
    display: none;
  }
}
.ps-section--team .ps-section__title--left {
  padding-right: 0;
}
.ps-section--team .ps-section__title--left:before {
  display: none;
}

/* Desktop menu: the left menu ran into the centred logo on inner pages ("HALAMAN" under "MDIX"). */
@media (min-width: 1200px) {
  .menu > li {
    margin-right: 4px;
  }
  .menu > li > a {
    padding-left: 16px;
    padding-right: 16px;
  }
  .menu > li.menu-item-has-children > a {
    padding-left: 14px;
    padding-right: 26px;
  }
  .header .ps-logo {
    width: 130px;
  }
  .navigation__right .ps-cart {
    margin-left: 30px;
  }
}

/* Phone/tablet menu button: 44px touch target. */
.header .menu-toggle {
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.header .menu-toggle span,
.header .menu-toggle:before,
.header .menu-toggle:after {
  right: 12px;
}
.header .menu-toggle:before {
  top: 14px;
}
.header .menu-toggle:after {
  bottom: 14px;
}

/* The hidden cart drop-down pushed inner pages 12px wider than the screen. */
.header .ps-cart__listing {
  overflow-x: hidden;
}

/* Product cards: readable category labels and touch-sized links. */
.ps-product .ps-product__category a {
  display: inline-block;
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: -6px;
  margin-bottom: -6px;
}
.ps-product .ps-product__title {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ps-product .br-widget a {
  pointer-events: none;
}

/* Quick-view / add-to-cart buttons appear on hover only; touch screens get them at the
   bottom of the photo. */
@media (hover: none) {
  .ps-product .ps-product__action {
    visibility: visible;
    opacity: 1;
    top: auto;
    bottom: 8px;
    transform: none;
  }
}

/* Phones: list-product photos were ~300px tall and "Kue Baru" stuck to the button above. */
@media (max-width: 767px) {
  .ps-product--list .ps-product__thumbnail img {
    display: block;
    max-height: 180px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .ps-section--list-product .row > [class*="col-"] + [class*="col-"] {
    margin-top: 50px;
  }
}

/* Footer logo on the dark subscribe band uses the white logo. */
.ps-subscribe__logo img {
  max-width: 130px;
}

/* "Promo" replaces the old "-50%" label on the round badge. */
.ps-badge span {
  font-size: 13px;
}

/* Home header: the square logo hangs over the wavy hero edge; give it a white round badge so it
   reads as intended instead of floating over the cupcakes. */
@media (min-width: 1200px) {
  .header:not(.header--2) .ps-logo img {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  }
}

/* Hero headline wraps on tablets now; keep its lines centred. */
.ps-banner .ps-banner__caption {
  text-align: center !important;
}

/* Layout shift on load: the full-screen slider is display:none until Revolution starts, so the
   page jumped down by a whole screen; reserve its final height (100vh minus the 60px offset). */
.ps-banner--home-1 {
  min-height: calc(100vh - 60px);
}
/* Below 1200px the theme script moves the menus into the side panel on load; hide them in the
   bar from the start so the header does not jump. */
@media (max-width: 1199px) {
  .navigation__left > .menu,
  .navigation__right > .menu {
    display: none;
  }
}

/* Small leftovers from the checker: list titles as touch targets, struck-through prices and the
   footer copyright in AA grey, hero button text never below 12px. */
.ps-product--list .ps-product__title a {
  display: inline-block;
  padding: 4px 0;
}
.ps-product__price del {
  color: #666 !important;
}
.ps-widget--connect p {
  color: var(--mdix-footer-link);
}
@media (max-width: 767px) {
  .ps-banner .ps-btn {
    font-size: 12px !important;
  }
}
.ps-testimonial .br-widget a {
  pointer-events: none;
}

/* Inner pages (dark photo header): the current menu item keeps the light coral, which reads
   well on the dark band; the darker shade is for white backgrounds. */
@media (min-width: 1200px) {
  .header--2:not(.navigation--sticky) .menu > li.current > a {
    color: #f28a77;
    border-color: #f28a77;
  }
}

/* Inner-page AA contrast. */
.ps-product--detail .ps-product__meta p,
.ps-product--detail .tab-list li.active a,
.ps-list--checked li.current a,
.ps-widget li.current > a {
  color: var(--mdix-coral-text);
}
.ac-slider__meta,
.ac-slider__meta .ac-slider__value {
  color: #666;
}
.ps-post .ps-post__action a {
  font-size: 12px;
}
.ps-post .ps-post__action a.like,
.ps-post .ps-post__action a.like > i {
  color: #666;
  border-color: #999;
}
.ps-post .ps-post__action a.twitter {
  background-color: #1d6fa5;
  border-color: #1d6fa5;
}

/* Inner-page touch targets: breadcrumbs, tags, category links, contact links and icons. */
.breadcrumb > li > a,
.ps-post__meta .tags a,
.ps-post__tags a,
.ps-product--detail .ps-product__meta p a,
.ps-contact__block p a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 24px;
}
.ps-contact__social li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}
.ac-slider__meta,
.ac-slider__meta .ac-slider__value,
.ps-cart-listing .hidden-lg i,
p.hidden-lg i,
.ps-author-box .postion,
.ps-comment-box h4 span,
.ps-comment-box__content > a {
  color: #666 !important;
}
.ps-product--sidebar .ps-btn,
.ps-post__tags a {
  font-size: 12px;
}
.ps-comment-box__content > a,
.ps-widget ul li > a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 24px;
}
.ps-widget--search button,
.ps-widget form button {
  min-width: 32px;
  min-height: 32px;
}
.ps-blog-detail .ps-post__tags > a {
  font-size: 12px;
}
.ps-product__price del {
  margin-right: 6px;
}

/* Inner pages below 1200px: the header bar turns white, so the white logo vanished. */
@media (max-width: 1199px) {
  .header--2 .ps-logo img {
    filter: brightness(0);
  }
}