/*
Theme Name: Mama Michelle Media
Theme URI: https://www.mamamichellemedia.com
Author: Mama Michelle Media
Author URI: https://www.mamamichellemedia.com
Description: One-page portfolio theme for Mama Michelle Media — a warm, relatable UGC creator site for motherhood, family, travel, home, wellness, education and everyday consumer brands.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mama-michelle-media
*/

/* ============================================================
   Base
   ============================================================ */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: #FBF6F1;
	color: #4A3B42;
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	line-height: 1.7;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
::selection { background: #E7CFD8; color: #4A3B42; }

.mm-shell { max-width: 100%; overflow-x: hidden; background: #FBF6F1; }

/* ============================================================
   Photo cross-fade (hero polaroids)
   ============================================================ */
@keyframes mmfade {
	0%   { opacity: 0; z-index: 1; }
	2%   { z-index: 3; opacity: 1; }
	30%  { opacity: 1; z-index: 3; }
	34%  { opacity: 0; z-index: 1; }
	100% { opacity: 0; z-index: 1; }
}
.mm-fade { animation: mmfade 18s infinite; }
.mm-fade.d0  { animation-delay: 0s; }
.mm-fade.d6  { animation-delay: -6s; }
.mm-fade.d12 { animation-delay: -12s; }

/* ============================================================
   Hover states (were inline style-hover in the source)
   ============================================================ */
.mm-link { transition: color .18s; }
.mm-link:hover { color: #A87E94; }

.mm-btn-primary { transition: background .18s; }
.mm-btn-primary:hover { background: #8F6A7C; }

.mm-btn-ghost { transition: background .18s; }
.mm-btn-ghost:hover { background: #F5E5E0; }

.mm-social { transition: background .18s, color .18s; }
.mm-social:hover { background: #A87E94; color: #fff; }

.mm-card { transition: transform .2s, box-shadow .2s; }
.mm-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(130,95,110,.1); }

.mm-chip { transition: all .18s; }
.mm-chip:hover { border-color: #A87E94; color: #A87E94; }

.mm-flink { transition: color .18s; }
.mm-flink:hover { color: #fff; }

.mm-contact-box { transition: background .18s; }
.mm-contact-box:hover { background: #EFD9D3; }

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 960px) {
	.mm-nav { justify-content: center !important; padding: 14px 16px !important; gap: 10px 14px !important; }
	.mm-logo { width: 118px !important; height: 118px !important; flex: none; }
	.mm-logo img { position: static !important; width: 118px !important; height: 118px !important; }
	.mm-navgroup { margin-left: 0 !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px 14px !important; }
	.mm-navlinks { flex-wrap: wrap !important; justify-content: center !important; gap: 10px 16px !important; }
	.mm-collage { flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }
	.mm-pola { margin-left: 0 !important; }
	.mm-pola .mm-photo { width: 38vw !important; height: 29vw !important; }
	.mm-form-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 420px) {
	.mm-pola .mm-photo { width: 42vw !important; height: 32vw !important; }
}