/* AlahaDeal Phase 3.1 alignment fix.
   Purpose: restore a consistent visual rhythm after Phase 2/3 without touching business logic. */

/* Keep the site canvas neutral. Individual marketplace sections own their surfaces. */
body { background: #fff; }

/* Neutralize overly global Phase 2 card movement outside intentionally redesigned discovery areas. */
body:not(.alahadeal-home-v3) .card:not(.alahadeal-ui-card),
body:not(.alahadeal-home-v3) .product-card,
body:not(.alahadeal-home-v3) .product-single,
body:not(.alahadeal-home-v3) .product-item,
body:not(.alahadeal-home-v3) .product-wrapper,
body:not(.alahadeal-home-v3) .__product-card,
body:not(.alahadeal-home-v3) .product__card {
  transform: none;
}
body:not(.alahadeal-home-v3) .card:not(.alahadeal-ui-card):hover,
body:not(.alahadeal-home-v3) .product-card:hover,
body:not(.alahadeal-home-v3) .product-single:hover,
body:not(.alahadeal-home-v3) .product-item:hover,
body:not(.alahadeal-home-v3) .product-wrapper:hover,
body:not(.alahadeal-home-v3) .__product-card:hover,
body:not(.alahadeal-home-v3) .product__card:hover {
  transform: none;
}

/* Consistent content width and gutters. */
@media (min-width: 1200px) {
  .container { max-width: 1320px; }
}
@media (max-width: 1199.98px) {
  .container { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 575.98px) {
  .container { padding-left: 12px; padding-right: 12px; }
}

/* Footer is intentionally isolated from generic Phase 2 white-surface rules. */
.alahadeal-footer-v31,
.alahadeal-footer-v31 .footer-top,
.alahadeal-footer-v31 .footer-main,
.alahadeal-footer-v31 .footer-bottom {
  box-sizing: border-box;
}
.alahadeal-footer-v31 {
  border-top: 0 !important;
  overflow: hidden;
}
.alahadeal-footer-v31 .footer-top {
  padding-top: 24px;
  padding-bottom: 24px;
}
.alahadeal-footer-v31 .footer-main {
  padding-top: 42px;
  padding-bottom: 42px;
}
.alahadeal-footer-v31 .footer-main .container,
.alahadeal-footer-v31 .footer-top .container,
.alahadeal-footer-v31 .footer-bottom .container {
  width: 100%;
}
.alahadeal-footer-v31 .widget {
  height: 100%;
}
.alahadeal-footer-v31 .widget__title,
.alahadeal-footer-v31 .footer-heder {
  margin-bottom: 18px;
  line-height: 1.25;
}
.alahadeal-footer-v31 .widget--nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.alahadeal-footer-v31 .widget--nav li {
  margin: 0;
}
.alahadeal-footer-v31 .widget--nav a,
.alahadeal-footer-v31 .widget--nav button {
  line-height: 1.45;
}
.alahadeal-footer-v31 .newsletter-form .position-relative {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.alahadeal-footer-v31 .newsletter-form label {
  flex: 1 1 auto;
}
.alahadeal-footer-v31 .newsletter-form .form-control {
  width: 100%;
}
.alahadeal-footer-v31 .newsletter-form .btn {
  flex: 0 0 auto;
  min-width: 88px;
}
.alahadeal-footer-v31 .footer-bottom {
  padding-top: 18px;
  padding-bottom: 18px;
}

/* Prevent app badges and social groups from stretching columns. */
.alahadeal-footer-v31 img { max-width: 100%; height: auto; }
.alahadeal-footer-v31 .list-socials { flex-wrap: wrap; justify-content: center; }

/* Mobile footer: every block gets full width; no orphan half-column. */
@media (max-width: 767.98px) {
  .alahadeal-footer-v31 .footer-top { padding-top: 20px; padding-bottom: 20px; }
  .alahadeal-footer-v31 .footer-main { padding-top: 30px; padding-bottom: 30px; }
  .alahadeal-footer-v31 .widget--about { text-align: center !important; }
  .alahadeal-footer-v31 .widget--about .d-flex { justify-content: center !important; }
  .alahadeal-footer-v31 .widget--nav { text-align: center; }
  .alahadeal-footer-v31 .widget--nav ul { align-items: center; }
  .alahadeal-footer-v31 .newsletter-form .position-relative { max-width: 520px; margin: 0 auto; }
}

@media (max-width: 420px) {
  .alahadeal-footer-v31 .newsletter-form .position-relative { flex-direction: column; }
  .alahadeal-footer-v31 .newsletter-form .btn { width: 100%; }
}

/* AlahaDeal Footer Theme Restore V3.1.1
   Phase 2 intentionally made generic surfaces white and included:
   footer,.footer { background:#fff; }
   That unintentionally overrode Theme Aster's original footer background.
   Keep the fix scoped to the AlahaDeal V3.1 footer only. */
.alahadeal-footer-v31 {
  background-color: var(--primary-dark) !important;
  color: rgba(var(--absolute-white-rgb), 1);
}

/* Preserve the original subtle section separation on the dark footer. */
.alahadeal-footer-v31 .footer-top,
.alahadeal-footer-v31 .footer-bottom {
  background-color: rgba(249, 249, 249, 0.1) !important;
}

/* Footer body stays on the primary-dark base rather than inheriting white
   surface/background rules from global UI styling. */
.alahadeal-footer-v31 .footer-main {
  background-color: transparent !important;
}

/* Protect footer text/link contrast from generic surface/text overrides. */
.alahadeal-footer-v31 .absolute-white,
.alahadeal-footer-v31 .absolute-white a,
.alahadeal-footer-v31 .widget--nav,
.alahadeal-footer-v31 .widget--nav a,
.alahadeal-footer-v31 .widget__title,
.alahadeal-footer-v31 .footer-heder {
  color: rgba(var(--absolute-white-rgb), 1) !important;
}

.alahadeal-footer-v31 .widget--nav a:hover,
.alahadeal-footer-v31 a.absolute-white:hover {
  color: rgba(var(--absolute-white-rgb), 0.82) !important;
}

/* Keep newsletter field readable while the surrounding footer remains dark. */
.alahadeal-footer-v31 .newsletter-form,
.alahadeal-footer-v31 .newsletter-form .form-control,
.alahadeal-footer-v31 input[type="email"] {
  color: var(--title-color);
}

/* Mobile/tablet must keep the same footer background instead of falling back
   to white at a responsive breakpoint. */
@media (max-width: 1199.98px) {
  .alahadeal-footer-v31 {
    background-color: var(--primary-dark) !important;
  }
}