/*
Theme Name: My Perfect Suit Mehroon
Theme URI: https://myperfectsuit.com/
Author: Edinsol
Author URI: https://myperfectsuit.com/
Description: One-page dark mehroon (maroon) bespoke tailoring theme for My Perfect Suit. Header, content and footer are all built and fully editable inside Elementor.
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mps-mehroon
*/

/* ============================
   VARIABLES
============================ */
:root{
	--mps-bg-dark:#3B0A15;
	--mps-bg-alt:#4E0F1E;
	--mps-bg-darker:#240509;
	--mps-white:#FFFFFF;
	--mps-cream:#F2E9E2;
	--mps-font-display:'Italiana','Playfair Display',Georgia,serif;
	--mps-font-body:'Poppins','Helvetica Neue',Arial,sans-serif;
}

/* ============================
   RESET / BASE
============================ */
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
body{
	margin:0;
	background:var(--mps-bg-dark);
	color:var(--mps-cream);
	font-family:var(--mps-font-body);
	-webkit-font-smoothing:antialiased;
}
a{color:var(--mps-white);text-decoration:none;}
a:hover{opacity:.75;}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;margin:0;padding:0;}
#content{overflow:hidden;}

/* ============================
   ELEMENTOR CONTENT — GLOBAL LOOK
   (header, page sections and footer
   are all built as Elementor sections,
   this is what themes them consistently)
============================ */
.elementor-widget-heading .elementor-heading-title{
	color:var(--mps-white);
	font-family:var(--mps-font-display);
	letter-spacing:.5px;
}
.elementor-widget-text-editor,
.elementor-widget-text-editor p{
	color:var(--mps-cream);
	line-height:1.8;
}
.elementor-widget-text-editor a{
	color:var(--mps-white);
	font-weight:600;
}
.elementor-icon-box-title,
.elementor-testimonial__name{
	color:var(--mps-white) !important;
	font-family:var(--mps-font-display);
}
.elementor-icon-box-description,
.elementor-testimonial__text,
.elementor-testimonial__job{
	color:var(--mps-cream) !important;
}
.elementor-icon-box-wrapper .elementor-icon,
.elementor-testimonial__image{
	color:var(--mps-white);
}
.elementor-icon-box-icon .elementor-icon,
.elementor-icon-list-icon i{
	background:transparent;
	border:2px solid var(--mps-white);
	color:var(--mps-white) !important;
}
.elementor-icon-list-text{color:var(--mps-white) !important;}
.elementor-button{
	background:var(--mps-white) !important;
	color:var(--mps-bg-dark) !important;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	border-radius:2px !important;
	padding:16px 34px !important;
	transition:all .25s ease !important;
}
.elementor-button:hover{
	background:transparent !important;
	color:var(--mps-white) !important;
	border:1px solid var(--mps-white);
}
.elementor-star-rating i{color:var(--mps-white) !important;}
.mps-eyebrow{
	color:var(--mps-white);
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:13px;
	font-weight:600;
}

/* Countdown box (used inside HTML widget) */
.mps-countdown{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:20px;}
.mps-countdown .box{
	background:var(--mps-bg-darker);
	border:1px solid var(--mps-white);
	min-width:90px;
	padding:16px 10px;
	text-align:center;
	border-radius:4px;
}
.mps-countdown .box .num{font-size:30px;font-weight:700;color:var(--mps-white);font-family:var(--mps-font-display);}
.mps-countdown .box .lbl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mps-cream);margin-top:4px;}

/* ============================
   HEADER SECTION (built in Elementor)
============================ */
.mps-header-row{align-items:center;}
.mps-navlinks .elementor-text-editor{
	text-align:right;
}
.mps-navlinks a{
	display:inline-block;
	margin:0 0 0 26px;
	color:var(--mps-white);
	font-size:13px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	font-weight:500;
}
.mps-navlinks a:hover{opacity:.7;}
.mps-logo-text .elementor-heading-title{
	font-family:var(--mps-font-display);
	font-size:30px;
	letter-spacing:1px;
}

/* ============================
   FOOTER SECTION (built in Elementor)
============================ */
.mps-footer-links a{
	display:block;
	color:var(--mps-cream);
	margin-bottom:10px;
	font-size:14px;
}
.mps-footer-links a:hover{color:var(--mps-white);}
.mps-footer-bottom .elementor-widget-text-editor p{
	text-align:center;
	font-size:12px;
	color:rgba(242,233,226,.6);
	margin:0;
}

@media(max-width:767px){
	.mps-navlinks .elementor-text-editor{text-align:center;}
	.mps-navlinks a{margin:6px 10px;}
}