/*
Theme Name: Mariska Beckers Astra V1
Template: astra
Version: 1.0
Description: Astra child-theme styling for Mariska Beckers - version 1.
*/

:root {
  --mb-bg: #f7f0e5;
  --mb-cream: #fbf7ef;
  --mb-gold: #b88a4a;
  --mb-gold-light: #ead2a5;
  --mb-brown: #4d2b1b;
  --mb-text: #4b3528;
}

body { background: var(--mb-bg); color: var(--mb-text); }
.ast-container, .site-content .ast-container { max-width: 1180px; }

.mb-v1 { font-family: Georgia, "Times New Roman", serif; }
.mb-v1 * { box-sizing: border-box; }
.mb-hero {
  background: linear-gradient(110deg, #fbf6ed 0%, #f3e2c2 100%);
  min-height: 410px; display:flex; align-items:center;
  position:relative; overflow:hidden;
}
.mb-hero:after {
  content:""; position:absolute; right:-90px; top:-90px; width:290px; height:290px;
  border:1px solid rgba(184,138,74,.35); border-radius:50%;
  box-shadow:0 0 0 25px rgba(184,138,74,.05), 0 0 0 50px rgba(184,138,74,.04);
}
.mb-inner { width:min(1080px, 92%); margin:auto; position:relative; z-index:2; }
.mb-hero-grid { display:grid; grid-template-columns: 1fr 1fr; gap:50px; align-items:center; }
.mb-kicker { color:var(--mb-gold); letter-spacing:2px; text-transform:uppercase; font-size:13px; margin:0 0 8px; }
.mb-hero h1 { font-size:58px; line-height:.95; color:var(--mb-brown); margin:0 0 18px; }
.mb-lead { font-family:Arial,sans-serif; font-size:16px; line-height:1.65; max-width:470px; }
.mb-buttons { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.mb-btn { display:inline-block; padding:12px 21px; border-radius:30px; background:var(--mb-brown); color:#fff!important; text-decoration:none; font-family:Arial,sans-serif; font-size:14px; }
.mb-btn.alt { background:transparent; color:var(--mb-brown)!important; border:1px solid var(--mb-gold); }
.mb-card-logo { background:linear-gradient(145deg,#8f6839,#c59a5e); border-radius:10px; padding:35px; color:#fff; box-shadow:0 12px 30px rgba(77,43,27,.22); text-align:center; max-width:370px; margin:auto; }
.mb-card-logo strong { font-size:27px; letter-spacing:2px; }
.mb-section { padding:95px 0; background:var(--mb-cream); }
.mb-two { display:grid; grid-template-columns: 260px 1fr; gap:80px; align-items:center; max-width:850px; margin:auto; }
.mb-photo { width:180px; height:180px; object-fit:cover; border-radius:14px; border:5px solid #fff; box-shadow:0 6px 20px rgba(77,43,27,.15); }
.mb-title { font-size:36px; line-height:1; color:var(--mb-brown); margin:0 0 16px; }
.mb-copy { font-family:Arial,sans-serif; line-height:1.7; font-size:15px; }
.mb-services { padding:90px 0; text-align:center; background:var(--mb-bg); }
.mb-services h2 { margin-bottom:10px; }
.mb-sub { font-family:Arial,sans-serif; margin:0 auto 35px; max-width:650px; }
.mb-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:980px; margin:auto; }
.mb-service { background:#fff; border:1px solid #ead9bc; border-radius:16px; padding:28px; text-align:left; box-shadow:0 8px 22px rgba(77,43,27,.06); }
.mb-number { display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:50%; background:var(--mb-gold); color:#fff; font-family:Arial,sans-serif; font-weight:bold; }
.mb-service h3 { color:var(--mb-brown); margin:18px 0 8px; font-size:23px; }
.mb-service p { font-family:Arial,sans-serif; font-size:14px; line-height:1.6; margin:0; }
.mb-cta { background:var(--mb-brown); color:#fff; padding:75px 20px; text-align:center; }
.mb-cta h2 { color:#fff; font-size:40px; margin:0 0 15px; }
.mb-cta p { font-family:Arial,sans-serif; margin-bottom:25px; }
.mb-cta .mb-btn { background:#fff; color:var(--mb-brown)!important; }

@media (max-width: 780px) {
  .mb-hero-grid, .mb-two { grid-template-columns:1fr; gap:35px; }
  .mb-hero { min-height: auto; padding:70px 0; }
  .mb-hero h1 { font-size:43px; }
  .mb-grid { grid-template-columns:1fr; }
  .mb-two { text-align:center; }
  .mb-photo { margin:auto; }
}