/*
Theme Name: My Perfect Suit
Theme URI: https://myperfectsuit.com/
Author: OWN U Fashion
Author URI: https://ownufashion.com/
Description: Dark, gold-accented one-page WordPress theme for My Perfect Suit — Dubai based men's fashion & tailoring, powered by OWN U Fashion. Elementor compatible.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: myperfectsuit
*/

:root{
  --mps-bg: #0a0a0a;
  --mps-bg-alt: #121212;
  --mps-gold: #c9a24b;
  --mps-gold-light: #e6c877;
  --mps-white: #ffffff;
  --mps-muted: #cfcfcf;
  --mps-border: rgba(201,162,75,0.25);
  --mps-font-heading: 'Playfair Display', Georgia, serif;
  --mps-font-body: 'Poppins', Arial, sans-serif;
}

*{ box-sizing: border-box; }

body{
  background: var(--mps-bg);
  color: var(--mps-white);
  font-family: var(--mps-font-body);
  margin: 0;
  line-height: 1.6;
}

img{ max-width: 100%; display:block; }
a{ color: var(--mps-gold); text-decoration:none; }
h1,h2,h3,h4{ font-family: var(--mps-font-heading); color: var(--mps-white); margin: 0 0 16px; }

.mps-container{ max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.mps-section{ padding: 80px 0; }
.mps-section-alt{ background: var(--mps-bg-alt); }
.mps-eyebrow{ letter-spacing: 3px; text-transform: uppercase; color: var(--mps-gold); font-size: 13px; font-weight:600; }
.mps-center{ text-align:center; }
.mps-muted{ color: var(--mps-muted); }

/* Buttons */
.mps-btn{
  display:inline-block;
  padding: 14px 34px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor:pointer;
  border: 1px solid var(--mps-gold);
  transition: all .25s ease;
}
.mps-btn-gold{
  background: var(--mps-gold);
  color: #0a0a0a !important;
}
.mps-btn-gold:hover{ background: var(--mps-gold-light); border-color: var(--mps-gold-light); }
.mps-btn-outline{
  background: transparent;
  color: var(--mps-white) !important;
}
.mps-btn-outline:hover{ border-color: var(--mps-gold-light); color: var(--mps-gold-light) !important; }

/* Top bar */
.mps-topbar{
  background:#000;
  color: var(--mps-muted);
  text-align:center;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 8px 12px;
  text-transform: uppercase;
}

/* Header */
.mps-header{
  background: rgba(10,10,10,0.9);
  border-bottom: 1px solid var(--mps-border);
  position: sticky;
  top:0;
  z-index: 999;
}
.mps-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 0;
}
.mps-logo img{ height: 54px; width:auto; }
.mps-nav ul{ list-style:none; display:flex; gap:34px; margin:0; padding:0; }
.mps-nav a{
  color: var(--mps-white);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:500;
}
.mps-nav a:hover{ color: var(--mps-gold); }
.mps-menu-toggle{ display:none; background:none; border:none; color:var(--mps-white); font-size:26px; cursor:pointer; }

/* Hero */
.mps-hero{
  position:relative;
  min-height: 640px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-size: cover;
  background-position: center;
}
.mps-hero::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.75));
}
.mps-hero-content{ position:relative; z-index:2; max-width: 720px; padding: 0 20px; }
.mps-hero-content .mps-eyebrow{ display:block; margin-bottom: 14px; }
.mps-hero-content h1{ font-size: 52px; margin-bottom: 18px; }
.mps-hero-content p{ color: var(--mps-muted); font-size: 17px; margin-bottom: 32px; }

/* Offer / countdown */
.mps-offer{
  background: #000;
  border-top: 1px solid var(--mps-border);
  border-bottom: 1px solid var(--mps-border);
  padding: 40px 0;
}
.mps-offer-inner{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap: 24px; }
.mps-offer-text .mps-eyebrow{ display:block; margin-bottom: 8px; }
.mps-offer-text h2{ font-size: 30px; margin:0; }
.mps-countdown{ display:flex; gap: 24px; }
.mps-countdown div{ text-align:center; }
.mps-countdown span{ display:block; font-family: var(--mps-font-heading); font-size: 34px; color: var(--mps-gold); }
.mps-countdown small{ text-transform:uppercase; letter-spacing:1px; color: var(--mps-muted); font-size: 11px; }

/* Collections */
.mps-grid-3{ display:grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 50px; }
.mps-card{ background: var(--mps-bg); border: 1px solid var(--mps-border); border-radius: 6px; overflow:hidden; text-align:center; }
.mps-card img{ width:100%; height: 260px; object-fit: cover; }
.mps-card-body{ padding: 26px 20px; }
.mps-card-body h3{ font-size: 20px; margin-bottom: 10px; }
.mps-card-body p{ color: var(--mps-muted); font-size: 14px; }

/* Split / signature suits */
.mps-split{ display:flex; align-items:center; gap: 60px; }
.mps-split-img{ flex: 1; }
.mps-split-img img{ border-radius: 6px; }
.mps-split-content{ flex: 1; }
.mps-split-content h2{ font-size: 34px; }
.mps-split-thumb{ margin-top: 26px; max-width: 320px; }
.mps-split-thumb img{ border-radius: 6px; }
.mps-split-thumb p{ text-align:center; margin-top: 12px; text-transform:uppercase; letter-spacing:1px; font-size:13px; color: var(--mps-muted); }

/* Steps */
.mps-steps{ display:grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-top: 50px; text-align:center; }
.mps-step-icon{
  width: 64px; height:64px; border-radius:50%;
  border: 1px solid var(--mps-gold);
  display:flex; align-items:center; justify-content:center;
  margin: 0 auto 18px;
  color: var(--mps-gold);
  font-family: var(--mps-font-heading);
  font-size: 20px;
}
.mps-step h4{ font-size: 16px; margin-bottom: 8px; }
.mps-step p{ color: var(--mps-muted); font-size: 13px; }

/* Art of tailoring CTA band */
.mps-cta-band{
  background: var(--mps-bg-alt);
  padding: 90px 0;
  text-align:center;
}
.mps-cta-band h2{ font-size: 36px; max-width: 640px; margin: 0 auto 16px; }
.mps-cta-band p{ color: var(--mps-muted); max-width: 560px; margin: 0 auto 30px; }
.mps-cta-actions{ display:flex; gap: 18px; justify-content:center; flex-wrap:wrap; }
.mps-btn-whatsapp{ border-color:#25D366; color:#25D366 !important; }
.mps-btn-whatsapp:hover{ background:#25D366; color:#0a0a0a !important; }

/* Testimonials */
.mps-testimonial{ max-width: 680px; margin: 40px auto 0; text-align:center; }
.mps-stars{ color: var(--mps-gold); font-size: 20px; letter-spacing: 4px; margin-bottom: 18px; }
.mps-testimonial p{ font-size: 17px; color: var(--mps-muted); font-style: italic; }
.mps-testimonial strong{ display:block; margin-top: 18px; color: var(--mps-gold); font-style:normal; text-transform:uppercase; letter-spacing:1px; font-size:13px; }

/* Footer */
.mps-footer{ background:#000; border-top: 1px solid var(--mps-border); padding: 60px 0 24px; }
.mps-footer-grid{ display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.mps-footer-grid h4{ text-transform:uppercase; letter-spacing:1px; font-size: 14px; color: var(--mps-gold); margin-bottom: 18px; }
.mps-footer-grid p, .mps-footer-grid a{ color: var(--mps-muted); font-size: 14px; display:block; margin-bottom: 10px; }
.mps-footer-logo img{ height: 46px; margin-bottom: 16px; }
.mps-footer-bottom{ border-top: 1px solid var(--mps-border); padding-top: 20px; text-align:center; color: var(--mps-muted); font-size: 13px; }
.mps-footer-bottom .mps-gold-text{ color: var(--mps-gold); }

/* Responsive */
@media (max-width: 900px){
  .mps-nav{ display:none; position:absolute; top:100%; left:0; right:0; background:#0a0a0a; border-top:1px solid var(--mps-border); }
  .mps-nav.mps-open{ display:block; }
  .mps-nav ul{ flex-direction:column; padding: 20px 24px; gap: 18px; }
  .mps-menu-toggle{ display:block; }
  .mps-split{ flex-direction:column; }
  .mps-grid-3{ grid-template-columns: 1fr; }
  .mps-steps{ grid-template-columns: 1fr 1fr; }
  .mps-footer-grid{ grid-template-columns: 1fr; }
  .mps-hero-content h1{ font-size: 36px; }
  .mps-offer-inner{ justify-content:center; text-align:center; }
}