/*
Theme Name: Marcia's Micro-Bakery 2025
Theme URI: https://marciasmicrobakery.com
Author: Marcia's Munchies NJ
Description: A soft luxury, personal-brand-driven WordPress block theme for Marcia's Micro-Bakery.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: marcias-microbakery-2025
*/


:root{
  --cream:#fffaf6;
  --soft-cream:#fbf4ef;
  --blush:#f4c7d1;
  --rose:#d88a9c;
  --dusty:#c9788b;
  --chocolate:#3f261f;
  --cocoa:#5a3b32;
  --gold:#d9b378;
  --ink:#2d201c;
  --muted:#7c615a;
  --line:#ead4cf;
  --white:#ffffff;
  --shadow:0 18px 55px rgba(63,38,31,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Inter, sans-serif;
  background:#fff;
  color:var(--ink);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}

/* Header */
.header{
  position:absolute;
  top:0;left:0;width:100%;z-index:50;
  padding:26px 0;
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{
  width:66px;height:66px;border-radius:50%;
  background:linear-gradient(135deg,var(--chocolate),var(--blush));
  display:grid;place-items:center;color:white;font-family:Parisienne,cursive;font-size:35px;
  box-shadow:0 10px 30px rgba(63,38,31,.14)
}
.logo-text{font-family:Cormorant Garamond,serif;font-weight:700;line-height:.9;color:var(--rose);font-size:21px}
.nav{display:flex;align-items:center;gap:42px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;color:#211713}
.nav a.accent{color:var(--rose)}
.icons{display:flex;gap:20px;font-size:22px;color:var(--ink)}

/* Hero */
.hero{
  min-height:760px;
  background:
    radial-gradient(circle at 73% 38%, rgba(244,199,209,.35), transparent 27%),
    linear-gradient(90deg,#fff 0%,#fff7f3 48%,#f7eee8 100%);
  position:relative;
  padding-top:145px;
  overflow:hidden;
}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:50px}
.eyebrow{
  color:var(--dusty);text-transform:uppercase;letter-spacing:.22em;
  font-size:12px;font-weight:700;margin-bottom:18px
}
h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:600;color:var(--ink)}
h1{font-size:68px;line-height:.94;letter-spacing:-.035em;margin-bottom:22px;max-width:570px}
.script{font-family:Parisienne,cursive;color:var(--rose);font-weight:400;white-space:nowrap}
.hero p{color:#5f4b45;font-size:18px;line-height:1.75;max-width:510px;margin-bottom:28px}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:32px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:52px;padding:0 28px;border-radius:999px;
  font-family:Cormorant Garamond,serif;font-size:17px;font-weight:700;
  transition:.25s ease;border:1px solid transparent
}
.btn.dark{background:var(--chocolate);color:white;box-shadow:0 12px 25px rgba(63,38,31,.18)}
.btn.light{background:white;color:var(--chocolate);border-color:var(--rose)}
.btn:hover{transform:translateY(-3px)}
.hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px}
.point{display:flex;align-items:center;gap:10px;color:#6d5550;font-size:12px;line-height:1.25}
.point span{font-size:27px;color:var(--blush)}
.point strong{display:block;color:var(--chocolate);font-size:13px}
.hero-photo{
  position:relative;min-height:540px;display:flex;align-items:flex-end;justify-content:center;
}
.photo-card{
  width:640px;height:560px;border-radius:0 0 44px 44px;overflow:hidden;
  background:linear-gradient(135deg,#f8ddd9,#fff8f4);
  box-shadow:var(--shadow);
  position:relative;
}
.photo-card img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.02)}
.placeholder-photo{
  width:100%;height:100%;display:grid;place-items:center;text-align:center;
  background:linear-gradient(135deg,#f8d4dc,#fff8f4 50%,#eec2ca);
  color:var(--chocolate);font-family:Cormorant Garamond,serif;font-size:28px;padding:30px
}
.badge{
  position:absolute;right:-18px;bottom:46px;width:155px;height:155px;border-radius:50%;
  background:linear-gradient(135deg,#fff,var(--soft-cream));border:7px solid #e7c491;
  display:grid;place-items:center;text-align:center;box-shadow:0 20px 35px rgba(63,38,31,.17);
  font-family:Cormorant Garamond,serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--chocolate)
}
.badge strong{display:block;font-size:22px;letter-spacing:0;text-transform:none;line-height:1.05}

/* Sections */
.section{padding:72px 0}
.section-title{text-align:center;margin-bottom:34px}
.section-title h2{font-size:40px;line-height:1.05}
.section-title .eyebrow{margin-bottom:8px}
.creations{background:#fff}
.creation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.creation-card{text-align:center}
.creation-img{height:190px;border-radius:8px;overflow:hidden;background:#f6e8e5;box-shadow:0 15px 30px rgba(63,38,31,.08);margin-bottom:14px}
.creation-img img{width:100%;height:100%;object-fit:cover}
.creation-card h3{font-size:22px;color:var(--chocolate);line-height:1.05}
.creation-card p{font-size:13px;color:var(--muted);margin-top:4px}
.center{text-align:center;margin-top:26px}
.btn.pink{background:linear-gradient(135deg,var(--rose),#dfa1ae);color:white;min-width:190px}

.about{background:linear-gradient(90deg,#fff4f2,#fff 48%,#fff5f1)}
.about-grid{display:grid;grid-template-columns:.78fr 1fr .42fr;gap:42px;align-items:center}
.about-img{height:300px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);background:#f7d7dd}
.about-img img{width:100%;height:100%;object-fit:cover}
.about-copy h2{font-size:43px;margin-bottom:15px}.about-copy p{color:#5f4b45;line-height:1.8;margin-bottom:18px}
.stats-side{border-left:1px solid var(--rose);padding-left:32px;display:grid;gap:24px}
.stat strong{font-family:Cormorant Garamond,serif;font-size:30px;color:var(--chocolate)}
.stat p{color:var(--muted);font-size:14px}.stat .ico{color:var(--blush);font-size:26px;margin-right:8px}

.trust{background:#fff;padding:50px 0 30px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-bottom:1px solid #f0d7d2;padding-bottom:32px}
.trust-item{display:flex;gap:16px;align-items:flex-start;border-right:1px solid #efcfd0;padding-right:20px}.trust-item:last-child{border-right:none}
.trust-icon{font-size:34px;color:var(--rose)}
.trust-item h3{font-size:18px}.trust-item p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:4px}

.reviews{padding-top:30px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.review-card{border:1px solid #efcbd1;border-radius:8px;padding:26px 30px;background:linear-gradient(135deg,#fff,#fff7f5);box-shadow:0 15px 30px rgba(63,38,31,.06)}
.quote{font-size:28px;color:var(--rose);font-family:Georgia,serif}.stars{color:#d9a43a;letter-spacing:2px;margin:4px 0 12px}.review-card p{font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.55;color:#4a332e}.review-card small{display:block;margin-top:16px;color:#5f4b45}

.academy{background:linear-gradient(90deg,#fff2f3,#fff 55%,#fff3f6);padding:42px 0}
.academy-grid{display:grid;grid-template-columns:280px 1fr 260px;gap:36px;align-items:center}.academy-img{height:130px;border-radius:8px;overflow:hidden;background:#f6d1d9}.academy h2{font-size:35px}.academy p{color:#5f4b45;line-height:1.65;margin-top:8px}

.newsletter{background:linear-gradient(90deg,#f6cbd4,#fff2f4,#f3becb);padding:34px 0}
.news-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}.news-title{display:flex;align-items:center;gap:18px}.cupcake{font-size:48px}.newsletter h2{font-size:33px}.newsletter p{color:#5f4b45;margin-top:5px}.form{display:flex;gap:12px}.form input{flex:1;height:54px;border:none;border-radius:6px;padding:0 20px;font-size:15px;box-shadow:0 10px 25px rgba(63,38,31,.08)}.form button{border:none;cursor:pointer}

.footer{background:var(--chocolate);color:#fff;position:relative;padding:62px 0 28px}.footer:before{content:"";position:absolute;top:-22px;left:0;width:100%;height:24px;background:radial-gradient(circle at 20px -4px,transparent 23px,var(--chocolate) 24px);background-size:46px 34px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:30px;align-items:start}.footer h4{font-family:Cormorant Garamond,serif;font-size:18px;margin-bottom:12px}.footer a,.footer p{display:block;color:#f3d9d1;font-size:14px;margin:7px 0}.footer-logo{display:flex;gap:12px;align-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:34px;padding-top:18px;text-align:center;color:#ead4cf;font-size:13px}.love{font-family:Parisienne,cursive;font-size:28px;color:#f3d9d1;text-align:right}

@media(max-width:900px){
.header{position:relative;background:#fff;padding:18px 0}.nav{display:none}.hero{padding-top:40px;min-height:auto}.hero-grid,.about-grid,.academy-grid,.news-grid{grid-template-columns:1fr}.hero-photo{min-height:auto}.photo-card{height:460px;width:100%}.badge{right:18px;bottom:20px}.creation-grid,.trust-grid,.review-grid,.footer-grid{grid-template-columns:1fr}.trust-item{border-right:none;border-bottom:1px solid #efcfd0;padding-bottom:18px}.stats-side{border-left:0;padding-left:0;grid-template-columns:repeat(2,1fr)}h1{font-size:48px}.form{flex-direction:column}.footer{text-align:left}.love{text-align:left}}