/*
Theme Name: Maison Décor Pro
Theme URI: https://homzidecor.com
Author: Maison Editorial
Description: Luxury home décor magazine theme. Full homepage with hero slideshow, ticker, gallery, blog, shop, testimonials, membership sections. Fully responsive.
Version: 1.0
License: GPL v2
Text Domain: maison-decor
*/

/* Mobile Gallery Text Fix */
@media (max-width: 768px) {
  .gallery-name { font-size: 15px !important; line-height: 1.3 !important; margin-bottom: 4px !important; }
  .gallery-card:first-child .gallery-name { font-size: 18px !important; }
  .gallery-tag { font-size: 8px !important; letter-spacing: 0.2em !important; }
  .gallery-overlay { padding: 14px 16px !important; }
  .gallery-card { min-height: 200px !important; }
  .gallery-arrow { width: 36px !important; height: 36px !important; font-size: 14px !important; }
}
/* Mobile Logo Center + Bold */
@media (max-width: 768px) {
  nav.maison-nav {
    display: grid !important;
    grid-template-columns: 64px 1fr 64px !important;
    align-items: center !important;
  }
  nav.maison-nav > a:first-child {
    grid-column: 2 !important;
    justify-self: center !important;
    text-align: center !important;
  }
  nav.maison-nav .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
  }
  .logo {
    font-weight: 900 !important;
    font-size: 20px !important;
    letter-spacing: 0.22em !important;
  }
}
/* Contact Page Grid */
.contact-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
}
@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}
/* Policy & About Pages Mobile Fix */
@media (max-width: 768px) {
  .mp-section { padding: 48px 20px !important; }
  .mp-grid-2-lg { grid-template-columns: 1fr !important; gap: 32px !important; }
  .mp-grid-3 { grid-template-columns: 1fr !important; gap: 16px !important; }
  .mp-grid-3 > div { padding: 28px 20px !important; }
  .mp-h1 { font-size: clamp(28px, 8vw, 44px) !important; }
  .mp-h2 { font-size: clamp(22px, 6vw, 32px) !important; }
  .mp-hero-content { padding: 0 20px 40px !important; }
  .mp-stat-row { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
  .mp-policy-p, .mp-policy-li { font-size: 14px !important; }
  .mp-policy-h2 { font-size: 18px !important; }
  .mp-grid-2-lg > div:last-child img { height: 280px !important; }
}