/* MDIX Bakery Sentosa — audit fixes */

/* Closed off-canvas phone menu stays out of sight (it could peek in at the right edge). */
.header--sidebar:not(.active) {
  visibility: hidden;
}

/* The handwritten signature under the founder quote reads "Sunshine", not the founder's name. */
img[src$="signature-2.png"] {
  display: none;
}

/* ---- Design QA 2026-10-12 ---- */
:root {
  --mdix-gold-text: #8a6516; /* brand gold #cd9b33 darkened for AA text/buttons (DECISIONS D-20) */
  --mdix-footer-text: #aaaaaa;
}

/* Desktop header: menu items stay on one line at 1200–1920px. */
@media (min-width: 1200px) {
  .header--1 .navigation .menu { white-space: nowrap; }
  .header--1 .navigation .navigation__left { padding-right: 40px; }
  .header--1 .navigation .navigation__right { padding-left: 40px; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .header--1 .menu > li { padding: 0 14px; }
}

/* Header controls: 44px touch targets (menu toggle, search, cart). */
.menu-toggle { width: 44px; height: 44px; }
.menu-toggle span, .menu-toggle:before, .menu-toggle:after { right: 12px; }
.menu-toggle:before { top: 14px; }
.menu-toggle:after { bottom: 14px; }
.header .header__actions .ps-search-btn,
.ps-cart__toggle { width: 44px; height: 44px; }
.header .header__actions .ps-search-btn { display: inline-block; position: relative; }
.header .header__actions .ps-search-btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Phone/tablet header: 16px side gutter instead of 5px. */
@media (max-width: 1199px) {
  .header .navigation--mobile .ps-container { padding-left: 16px; padding-right: 16px; }
  .header--1 .navigation--mobile .header__actions { margin-right: 8px; }
  .header--1 .navigation--mobile .ps-logo { max-width: 96px; }
}

/* Hero slider: before slick starts only the first slide shows (no jump when it initialises). */
#slider .ps-carousel--animate:not(.slick-initialized) > .item + .item { display: none; }

/* AA contrast: gold text and buttons on light backgrounds. */
.ps-post .ps-post__byline a,
.ps-post .ps-post__morelink,
.ps-post--vertical .ps-post__morelink { color: var(--mdix-gold-text); }
.ps-form--subscribe-offer .form-group button { background-color: var(--mdix-gold-text); }
.ps-footer .ps-footer__contact p,
.ps-footer .ps-footer__open p { color: var(--mdix-footer-text); }

/* Footer social icons: 44px tap area, same 30px circle. */
.ps-list--social li a {
  width: 44px; height: 44px;
  background: radial-gradient(circle, #b3b3b3 0 15px, transparent 15.5px);
}
.ps-list--social li a:hover { background: radial-gradient(circle, #cd9b33 0 15px, transparent 15.5px); }
.ps-list--social.ps-list--social-simple li a,
.ps-list--social.ps-list--social-simple li a:hover { background: transparent; }

/* Payment logos are plain images now (no dead links). */
.ps-list--payment li img { display: inline-block; }

/* Contact page: keyless Google Maps embed in place of the seller's API-key map. */
.mdix-map { height: 450px; }
.mdix-map iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 767px) { .mdix-map { height: 300px; } }

/* AA contrast, inner pages (D-20): darker gold for text on light backgrounds, white-on-gold buttons. */
.ps-btn, button.ps-btn,
.ps-radio--checked input[type=radio]:checked ~ label,
.ps-radio--checked input[type=radio]:checked ~ label span,
.ps-radio--circle input[type=radio]:checked ~ label,
.ps-radio--circle input[type=radio]:checked ~ label span,
.ps-post--detail .ps-post__info a.author,
.ps-block--people .ps-block__header span,
.ps-block--iconbox h4,
.ps-comment__content > header a,
.ps-review header p a,
.ps-product--detail h5 span,
.ps-product--detail .tab-list li.active a,
.ps-product--detail .tab-list li a:hover,
.ps-table--whishlist tbody > tr > td .ps-product-link,
.ps-form--get-in-touch h3,
.ps-shipping a,
.ps-404 h1,
.ps-product-collection .ps-section__content .tab-list li.active a,
.ps-product-collection .ps-section__content .tab-list li a:hover { color: var(--mdix-gold-text); }
.ps-btn:hover, button.ps-btn:hover,
.ps-btn--yellow, button.ps-btn--yellow,
.ps-cart__footer a,
.ps-search button,
.ps-banner .ps-btn,
.ps-product--detail .ps-product__sharing .ps-btn,
.ps-cart__toggle span { background-color: var(--mdix-gold-text); }
.ps-btn--yellow, button.ps-btn--yellow { border-color: var(--mdix-gold-text); color: #fff; }
.ps-btn--yellow:hover, button.ps-btn--yellow:hover { color: #fff; }
/* Outline buttons on the dark delivery box keep the bright gold (5:1 there). */
.ps-block--delivery .ps-btn, .ps-form--delivery .ps-btn { color: #cd9b33; }
.ps-block--delivery .ps-btn:hover, .ps-form--delivery .ps-btn:hover { color: #fff; }
/* Grey labels that were below 4.5:1. */
.ps-block--countdown h4,
.ps-product-collection .ps-section__content .tab-list li a { color: #6b6b6b; }
.ps-product .ps-product__content .ps-product__price del,
.ps-product--detail .ps-product__price del { color: #767676; }
.bootstrap-select .filter-option { color: #555; }

/* Body-text greys raised to AA (blog, comments, contact, features, compare). */
.ps-block--iconbox p,
.ps-post--vertical .ps-post__content p,
.ps-post--vertical .ps-post__byline,
.ps-post--vertical .ps-post__action a,
.ps-post--detail .ps-post__action a,
.ps-post--detail .ps-post__info a,
.ps-post--detail .ps-post__content p,
.ps-post--detail .ps-post__content blockquote p,
.ps-post--detail .ps-post__content blockquote p.author,
.ps-author__content > header p,
.ps-author__content p,
.ps-comment__content p,
.ps-comment__content > header h4 span,
.ps-block--contact-2 p, .ps-block--contact-2 p a,
.ps-table--compare tbody > tr > td .status { color: #666; }
.ps-post--detail .ps-post__info a.author { color: var(--mdix-gold-text); }
.ps-author__content > header h4 { color: #8a5a00; }
.ps-table--compare tbody > tr > td .status.in-stock { color: #0f7a12; }
.ps-btn--gray, button.ps-btn--gray { background-color: #6b6b6b; }

/* Phone menu: white text on the darker gold (AA). */
.menu--mobile > li { background-color: var(--mdix-gold-text); border-bottom-color: #a37d2c; }

/* Inner pages: the header sits over the hero photo; a light bar keeps logo and menu readable. */
.header--3 .navigation { background-color: rgba(255, 255, 255, 0.94); }

/* Top-bar social icons keep their plain look (no grey disc). */
.header__top .ps-list--social li a,
.header__top .ps-list--social li a:hover { background-image: none; }

.ps-btn--gray, button.ps-btn--gray { color: #fff; background-color: #6b6b6b; border-color: #6b6b6b; }

/* Touch screens: small text links get a 24px+ tap height (WCAG 2.5.8). */
@media (max-width: 1199px) {
  .ps-breadcrumb .breadcrumb a,
  .ps-post .ps-post__byline a,
  .ps-post .ps-post__morelink,
  .ps-post--vertical .ps-post__byline a,
  .ps-post--vertical .ps-post__morelink,
  .ps-post--detail .ps-post__info a,
  .ps-product--detail h5 a,
  .ps-product--table,
  .ps-table--whishlist tbody > tr > td .ps-product-link,
  .ps-block--contact p a,
  .ps-block--contact-2 p a,
  .ps-comment__content > header a,
  .ps-list--arrow li a,
  .ps-post--sidebar .ps-post__title { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
  .ps-post--vertical .ps-post__action a,
  .ps-post--detail .ps-post__action a { display: inline-block; min-width: 24px; min-height: 26px; text-align: center; }
  .ps-form--widget-search button { min-width: 28px; min-height: 28px; }
}
@media (max-width: 1199px) {
  .ps-post .ps-post__byline a, .ps-post--vertical .ps-post__byline a { padding-top: 5px; padding-bottom: 5px; }
  .ps-product--detail h5 a { padding-top: 5px; padding-bottom: 5px; }
  .widget_sidebar ul li a { display: inline-block; padding-top: 3px; padding-bottom: 3px; }
  .widget_ads a { display: block; }
}
.ps-product .ps-product__content .ps-product__price del { color: #666; }

/* Images with width/height attributes reserve their space while loading (no layout shift). */
img[width][height] { height: auto; }