/*
Theme Name: Master Siddharth Psychic
Theme URI: https://bestastrologerfromusa.com/
Author: Master Siddharth
Description: Multi-page black and gold astrology and psychic WordPress theme for Master Siddharth with separate service and location pages.
Version: 2.0.0
Text Domain: master-siddharth
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050508;color:#fff;font-family:Poppins,Arial,sans-serif}.wrap{width:min(1220px,calc(100% - 34px));margin:auto}a{text-decoration:none;color:inherit}.topbar{background:linear-gradient(90deg,#160a1d,#2b1036,#160a1d);font-size:13px}.topbar-inner{min-height:46px;display:grid;grid-template-columns:1.2fr 1.4fr 1.6fr 1fr;align-items:center;gap:20px}.topbar a{text-align:right}.topbar-inner>*+*{border-left:1px solid rgba(255,255,255,.25);padding-left:25px}header{background:#050507;border-bottom:1px solid #2b202c;position:sticky;top:0;z-index:30}.nav{height:90px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo-symbol{width:58px;height:58px;border:1px solid #d69b24;border-radius:50%;display:grid;place-items:center;color:#e5ae35;font-size:34px}.logo small{display:block;font-family:'DM Serif Display', Georgia, serif;letter-spacing:.19em}.logo strong{display:block;font:700 28px 'DM Serif Display', Georgia, serif;color:#e4ab31;line-height:1}.logo span{font-size:11px;letter-spacing:.14em}.navlinks{display:flex;gap:25px;font-size:12px}.navlinks a{padding:36px 0 28px}.navlinks .active{color:#eab640;border-bottom:2px solid #eab640}.call-top{background:linear-gradient(135deg,#e0aa38,#f3c254);color:#111;padding:13px 20px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:10px}.menu-btn{display:none}.hero{background:radial-gradient(circle at 65% 40%,#241126 0,#0b070d 45%,#050506 75%);border-bottom:1px solid #392637}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;min-height:455px;align-items:center}.hero-copy{padding:55px 30px 55px 0;position:relative;z-index:2}.gold-kicker,.center-title p{color:#e4aa31;font-size:13px;font-weight:800;letter-spacing:.05em}.hero h1{font:600 47px/1.18 'DM Serif Display', Georgia, serif;margin:12px 0}.hero h1 span{color:#dba335}.ornament{color:#d4a12c;margin:18px 0}.lead{color:#ece9ed;line-height:1.55;font-size:17px;max-width:540px}.hero-actions{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}.gold-btn,.outline-btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 22px;border-radius:7px;font-weight:800}.gold-btn{background:linear-gradient(135deg,#daa02d,#f0c258);color:#171008;border:0;cursor:pointer}.outline-btn{border:1px solid #c9962e;color:#e8b945}.hero-art{height:455px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.services{padding:18px 0 55px;background:linear-gradient(#060608,#09080b)}.center-title{text-align:center}.center-title h2{font:600 34px 'DM Serif Display', Georgia, serif;margin:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.service-grid article{background:#08080a;border:1px solid #5f4a24;border-radius:11px;overflow:hidden;text-align:center;padding-bottom:18px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.service-grid img{width:100%;height:190px;object-fit:cover;display:block}.service-grid h3{font:500 18px 'DM Serif Display', Georgia, serif;margin:14px 10px 7px}.service-grid p{font-size:13px;line-height:1.6;color:#dedbdf;margin:0 15px}.about,.locations,.faq,.contact{padding:75px 0}.about{background:#100a12}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.about h2,.contact h2{font:600 36px 'DM Serif Display', Georgia, serif}.about p,.contact p{color:#d3ced4;line-height:1.7}.about-box{border:1px solid #5f4a24;border-radius:18px;padding:35px;text-align:center;background:#09080b}.about-box div{font-size:50px;color:#dda638}.locations{background:#08070a}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.location-card{border:1px solid #594720;padding:30px;border-radius:14px;background:#0d0b0f}.location-card.primary{background:linear-gradient(145deg,#1c1023,#0c0910)}.location-card span{color:#dfa836;font-size:11px;font-weight:800}.location-card h3{font:600 24px 'DM Serif Display', Georgia, serif}.location-card p{color:#d8d3da;line-height:1.7}.location-card a{color:#e6b244;font-weight:800}.faq{background:#0f0912}.faq-wrap{max-width:850px}.faq details{background:#08070a;border:1px solid #44384a;border-radius:9px;padding:18px 20px;margin:10px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:#d4cfd6;line-height:1.6}.contact{background:linear-gradient(135deg,#120915,#26102c)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-line{display:block;color:#e3ad39;font-weight:800;margin:15px 0}.contact form{background:#08070a;border:1px solid #4d3a52;border-radius:14px;padding:25px;display:grid;gap:12px}.contact input,.contact select,.contact textarea{width:100%;background:#120f14;color:#fff;border:1px solid #4c414e;padding:13px;border-radius:7px;font:inherit}footer{background:#030304;border-top:1px solid #2e2630;color:#aaa;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;font-size:12px}.float-tools{position:fixed;right:14px;top:45%;z-index:40;background:#2b0f48;border:1px solid #583679;border-radius:28px;overflow:hidden}.float-tools a{width:68px;height:73px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #5b4272;font-size:20px}.float-tools a:last-child{border:0}.float-tools span{font-size:10px;margin-top:5px}.menu-btn{background:none;border:0;color:white;font-size:25px}@media(max-width:1000px){.topbar-inner{grid-template-columns:1fr 1fr}.topbar-inner>*+*{border:0;padding-left:0}.navlinks{display:none;position:absolute;top:90px;left:0;right:0;background:#050507;padding:20px;flex-direction:column}.navlinks.open{display:flex}.navlinks a{padding:8px}.menu-btn{display:block}.call-top{display:none}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-art{height:380px}.service-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:1fr}.float-tools{top:auto;bottom:15px;right:15px;display:flex;border-radius:30px}.float-tools a{width:54px;height:54px;border-bottom:0;border-right:1px solid #5b4272}.float-tools span{display:none}}@media(max-width:600px){.topbar{display:none}.nav{height:76px}.logo strong{font-size:21px}.logo-symbol{width:46px;height:46px}.hero-grid{min-height:0}.hero-copy{padding:45px 0 30px}.hero h1{font-size:37px}.hero-art{height:280px}.hero-actions>*{width:100%}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-grid img{height:145px}.service-grid h3{font-size:15px}.service-grid p{font-size:11px}.about,.locations,.faq,.contact{padding:55px 0}.footer-inner{flex-direction:column;gap:8px}.center-title h2{font-size:29px}}

/* --- Typography matched to Psychic Astro Krish screenshots --- */
body{
  font-family:Poppins,Arial,sans-serif;
  font-weight:400;
  letter-spacing:-0.01em;
}

.logo small,
.logo span,
.navlinks,
.topbar,
.gold-kicker,
.center-title p,
.gold-btn,
.outline-btn,
.call-top,
.contact-line,
.location-card span,
.service-grid p,
.about p,
.contact p,
.faq details p{
  font-family:Poppins,Arial,sans-serif;
}

.logo strong,
.hero h1,
.center-title h2,
.service-grid h3,
.about h2,
.about-box h3,
.location-card h3,
.contact h2{
  font-family:'DM Serif Display',Georgia,serif;
  font-weight:400;
  letter-spacing:-0.02em;
}

.logo strong{
  font-size:29px;
  line-height:1.02;
  color:#dba52f;
}

.logo small{
  font-size:11px;
  font-weight:500;
  letter-spacing:.16em;
}

.logo span{
  font-size:11px;
  font-weight:500;
  letter-spacing:.10em;
}

.navlinks{
  font-size:13px;
  font-weight:500;
  letter-spacing:0;
}

.hero h1{
  font-size:56px;
  line-height:1.08;
  margin:14px 0 10px;
}

.hero h1 span{
  color:#dda42e;
}

.gold-kicker{
  font-size:13px;
  font-weight:500;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.lead{
  font-family:Poppins,Arial,sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.65;
  color:#b9b3bb;
}

.gold-btn,
.outline-btn,
.call-top{
  font-family:Poppins,Arial,sans-serif;
  font-size:14px;
  font-weight:600;
}

.center-title h2{
  font-size:40px;
  line-height:1.12;
}

.service-grid h3{
  font-size:19px;
  line-height:1.2;
}

.service-grid p{
  font-size:13px;
  line-height:1.72;
  font-weight:400;
  color:#c9c5cb;
}

.about h2,
.contact h2{
  font-size:43px;
  line-height:1.12;
}

.about p,
.contact p,
.location-card p,
.faq details p{
  font-size:15px;
  line-height:1.85;
  color:#aaa4ad;
}

.location-card h3{
  font-size:29px;
  line-height:1.15;
}

.faq summary{
  font-family:Poppins,Arial,sans-serif;
  font-weight:500;
}

@media(max-width:600px){
  .hero h1{font-size:43px;line-height:1.08}
  .center-title h2{font-size:34px}
  .about h2,.contact h2{font-size:36px}
}


/* --- Flowing hero slideshow like the reference screen recording --- */
.flowing-hero{
  position:relative;
  min-height:650px;
  overflow:hidden;
  border-bottom:1px solid #392637;
  background:#050506;
}
.hero-slider,.hero-slide,.hero-shade{
  position:absolute;
  inset:0;
}
.hero-slide{
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.08);
  transition:opacity 1.35s ease-in-out, transform 7s ease-out;
  will-change:opacity,transform;
}
.hero-slide.active{
  opacity:1;
  transform:scale(1.01);
}
.hero-shade{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 44%,rgba(0,0,0,.28) 67%,rgba(0,0,0,.50) 100%),
    linear-gradient(0deg,rgba(0,0,0,.44),rgba(0,0,0,.10));
}
.hero-overlay-content{
  position:relative;
  z-index:3;
  min-height:650px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.centered-copy{
  width:min(760px,94%);
  text-align:center;
  padding:80px 15px 65px;
}
.flowing-hero .hero-copy{padding-right:15px}
.flowing-hero h1{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(48px,5.3vw,72px);
  line-height:1.02;
  margin:16px auto 18px;
  text-shadow:0 3px 18px rgba(0,0,0,.6);
}
.flowing-hero h1 .white-line{color:#fff}
.flowing-hero h1 span{color:#dda42e}
.flowing-hero .lead{
  max-width:700px;
  margin:0 auto;
  color:#d1ccd2;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}
.stacked-actions{
  width:min(510px,100%);
  margin:28px auto 0;
  display:grid;
  gap:11px;
}
.stacked-actions>*{width:100%;min-height:52px}
.slider-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:22px;
}
.slider-dots .dot{
  width:8px;height:8px;border-radius:50%;
  border:1px solid #e2aa32;background:transparent;
  padding:0;cursor:pointer;transition:.25s;
}
.slider-dots .dot.active{background:#e2aa32;transform:scale(1.35)}
@media(max-width:700px){
  .flowing-hero,.hero-overlay-content{min-height:600px}
  .centered-copy{padding-top:60px}
  .flowing-hero h1{font-size:46px}
  .hero-slide{background-position:center}
}


/* --- Expanded original content based on the reference site's information architecture --- */
.section-intro{
  max-width:790px;
  margin:10px auto 0;
  color:#aaa4ad;
  font-size:14px;
  line-height:1.75;
}
.full-service-grid{
  grid-template-columns:repeat(4,1fr);
}
.full-service-grid article{
  display:flex;
  flex-direction:column;
}
.full-service-grid article p{flex:1}
.full-service-grid article>a{
  color:#e2aa32;
  font-size:12px;
  font-weight:600;
  margin-top:14px;
  display:inline-block;
}
.expanded-about{background:#100a12}
.about-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.about-checks{
  padding:0;
  list-style:none;
  text-align:left;
  margin:22px 0 0;
}
.about-checks li{
  color:#d4ced7;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.about-checks li:before{
  content:"✦";
  color:#dda638;
  margin-right:10px;
}
.why-choose{
  padding:75px 0;
  background:#070608;
}
.why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:35px;
}
.why-grid article{
  border:1px solid #51401f;
  background:#0d0b0f;
  border-radius:13px;
  padding:25px;
}
.why-grid span{
  font-family:'DM Serif Display',Georgia,serif;
  color:#dda638;
  font-size:34px;
}
.why-grid h3{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:21px;
  margin:12px 0 8px;
}
.why-grid p{
  color:#aaa4ad;
  line-height:1.7;
  font-size:13px;
}
.local-areas{
  color:#b7aab9;
  font-size:13px;
  line-height:1.8;
  margin:15px 0 20px;
}
.consult-cta{
  background:linear-gradient(120deg,#1d0d23,#37143f);
  padding:55px 0;
  border-top:1px solid #443149;
  border-bottom:1px solid #443149;
}
.consult-inner{
  display:flex;
  justify-content:space-between;
  gap:45px;
  align-items:center;
}
.consult-inner h2{
  font-family:'DM Serif Display',Georgia,serif;
  font-weight:400;
  font-size:38px;
  margin:7px 0;
}
.consult-inner p:not(.gold-kicker){
  color:#c3bac6;
  max-width:700px;
  line-height:1.65;
}
.cta-buttons{
  width:280px;
  display:grid;
  gap:9px;
  flex-shrink:0;
}
@media(max-width:1000px){
  .full-service-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .consult-inner{flex-direction:column;align-items:flex-start}
  .cta-buttons{width:min(100%,420px)}
}
@media(max-width:600px){
  .full-service-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr}
  .full-service-grid article p{font-size:11px}
  .full-service-grid article>a{font-size:11px}
  .consult-inner h2{font-size:32px}
}


/* =========================================================
   MASTER SIDDHARTH — BLACK & GOLD PALETTE
   ========================================================= */
:root{
  --ms-black:#000000;
  --ms-black-soft:#080808;
  --ms-black-card:#0d0d0d;
  --ms-gold:#D4AF37;
  --ms-gold-light:#F2D675;
  --ms-gold-deep:#A97C16;
  --ms-white:#FFFFFF;
  --ms-muted:#BDBDBD;
  --ms-border:rgba(212,175,55,.42);
}

html,body{
  background:var(--ms-black)!important;
  color:var(--ms-white)!important;
}

.topbar{
  background:#050505!important;
  border-bottom:1px solid var(--ms-border)!important;
}
.topbar a,
.gold-kicker,
.center-title p,
.ornament,
.contact-line,
.location-card a,
.full-service-grid article>a{
  color:var(--ms-gold)!important;
}

header{
  background:rgba(0,0,0,.97)!important;
  border-bottom:1px solid rgba(212,175,55,.32)!important;
}
.logo-symbol{
  border-color:var(--ms-gold)!important;
  color:var(--ms-gold)!important;
}
.logo strong,
.navlinks .active{
  color:var(--ms-gold)!important;
}
.navlinks .active{
  border-bottom-color:var(--ms-gold)!important;
}

.call-top,
.gold-btn{
  background:linear-gradient(135deg,var(--ms-gold-deep),var(--ms-gold-light),var(--ms-gold))!important;
  color:#050505!important;
  box-shadow:0 8px 25px rgba(212,175,55,.18);
}
.outline-btn{
  background:rgba(0,0,0,.45)!important;
  border-color:var(--ms-gold)!important;
  color:var(--ms-gold-light)!important;
}

.hero,
.flowing-hero{
  background:#000!important;
  border-bottom-color:var(--ms-border)!important;
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.54) 45%,rgba(0,0,0,.34) 70%,rgba(0,0,0,.72) 100%),
    linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.14))!important;
}
.flowing-hero h1 span{
  color:var(--ms-gold)!important;
}
.flowing-hero h1 .white-line{
  color:#fff!important;
}
.slider-dots .dot{
  border-color:var(--ms-gold)!important;
}
.slider-dots .dot.active{
  background:var(--ms-gold)!important;
}

.services,
.expanded-services,
.locations,
.expanded-locations,
.why-choose{
  background:#050505!important;
}
.about,
.expanded-about,
.faq,
.contact{
  background:#000!important;
}

.service-grid article,
.full-service-grid article,
.location-card,
.about-box,
.why-grid article,
.faq details,
.contact form{
  background:var(--ms-black-card)!important;
  border-color:var(--ms-border)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.55)!important;
}
.location-card.primary{
  background:linear-gradient(145deg,#111,#030303)!important;
}
.service-grid h3,
.about h2,
.about-box h3,
.location-card h3,
.why-grid h3,
.center-title h2,
.contact h2,
.faq summary{
  color:#fff!important;
}
.service-grid p,
.about p,
.about-box p,
.location-card p,
.why-grid p,
.contact p,
.faq details p,
.section-intro,
.local-areas{
  color:var(--ms-muted)!important;
}
.about-checks li{
  color:#ddd!important;
  border-bottom-color:rgba(212,175,55,.15)!important;
}
.about-checks li:before,
.why-grid span,
.about-box>div{
  color:var(--ms-gold)!important;
}

.consult-cta{
  background:linear-gradient(120deg,#000,#12100a,#000)!important;
  border-top-color:var(--ms-border)!important;
  border-bottom-color:var(--ms-border)!important;
}
.consult-inner h2{
  color:#fff!important;
}

.contact input,
.contact select,
.contact textarea{
  background:#080808!important;
  border-color:rgba(212,175,55,.38)!important;
  color:#fff!important;
}
.contact input:focus,
.contact select:focus,
.contact textarea:focus{
  outline:none!important;
  border-color:var(--ms-gold)!important;
  box-shadow:0 0 0 2px rgba(212,175,55,.12)!important;
}

footer{
  background:#000!important;
  border-top-color:var(--ms-border)!important;
}

.float-tools{
  background:#050505!important;
  border-color:var(--ms-gold)!important;
}
.float-tools a{
  color:var(--ms-gold-light)!important;
  border-color:rgba(212,175,55,.25)!important;
}


/* =========================================================
   MULTI-PAGE CONTENT
   ========================================================= */
.inner-hero{
  background:
    linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.82)),
    url('assets/hero-slide-2.jpg') center/cover no-repeat;
  min-height:360px;
  display:flex;
  align-items:center;
  text-align:center;
  border-bottom:1px solid rgba(212,175,55,.35);
}
.inner-hero .wrap{max-width:900px}
.inner-hero .eyebrow{
  color:#D4AF37;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.inner-hero h1{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(42px,5vw,68px);
  line-height:1.05;
  font-weight:400;
  margin:10px 0 15px;
}
.inner-hero p{
  color:#c8c1c9;
  line-height:1.75;
  max-width:760px;
  margin:0 auto;
}
.breadcrumbs{margin-top:18px;color:#b4adb6;font-size:12px}
.breadcrumbs a{color:#D4AF37}

.content-section{padding:78px 0;background:#050505}
.content-section.alt{background:#0a0a0a}
.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:start}
.content-grid.reverse{grid-template-columns:.85fr 1.15fr}
.content-copy h2,.content-copy h3{
  font-family:'DM Serif Display',Georgia,serif;
  font-weight:400;
}
.content-copy h2{font-size:40px;line-height:1.12;margin:0 0 18px}
.content-copy h3{font-size:27px;margin:28px 0 10px}
.content-copy p,.content-copy li{
  color:#bdb7bf;
  line-height:1.85;
  font-size:15px;
}
.content-copy strong{color:#fff}
.content-copy ul{padding-left:22px}
.side-card{
  background:#0d0d0d;
  border:1px solid rgba(212,175,55,.38);
  border-radius:16px;
  padding:28px;
  position:sticky;
  top:110px;
}
.side-card h3{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:28px;
  font-weight:400;
  margin:0 0 12px;
}
.side-card p{color:#bdb7bf;line-height:1.7}
.side-card .gold-btn,.side-card .outline-btn{width:100%;margin-top:10px}
.side-card .contact-mini{display:grid;gap:12px;margin:20px 0}
.side-card .contact-mini a{color:#D4AF37;font-weight:600}

.page-image{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.3);
  display:block;
}
.page-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:35px;
}
.page-card{
  background:#0d0d0d;
  border:1px solid rgba(212,175,55,.36);
  border-radius:14px;
  overflow:hidden;
}
.page-card img{width:100%;height:210px;object-fit:cover;display:block}
.page-card .card-body{padding:22px}
.page-card h3{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:24px;
  font-weight:400;
  margin:0 0 8px;
}
.page-card p{color:#bdb7bf;line-height:1.7;font-size:14px}
.page-card a{color:#D4AF37;font-weight:600;font-size:13px}

.steps-grid,.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.feature-box,.step-box{
  background:#0d0d0d;
  border:1px solid rgba(212,175,55,.32);
  border-radius:13px;
  padding:24px;
}
.feature-box span,.step-box span{
  color:#D4AF37;
  font-family:'DM Serif Display',Georgia,serif;
  font-size:30px;
}
.feature-box h3,.step-box h3{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:22px;
  font-weight:400;
}
.feature-box p,.step-box p{color:#bdb7bf;line-height:1.7;font-size:13px}

.appointment-form{
  background:#0d0d0d;
  border:1px solid rgba(212,175,55,.36);
  border-radius:16px;
  padding:28px;
}
.appointment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}
.appointment-form input,.appointment-form select,.appointment-form textarea{
  width:100%;
  margin-top:7px;
  background:#080808;
  color:#fff;
  border:1px solid rgba(212,175,55,.34);
  border-radius:8px;
  padding:13px;
  font:inherit;
}
.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{
  outline:none;border-color:#D4AF37;
}
.appointment-form button{width:100%;margin-top:8px}

.service-menu-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:24px;
}
.service-menu-grid a{
  border:1px solid rgba(212,175,55,.28);
  border-radius:9px;
  padding:13px 15px;
  color:#ddd;
  background:#0b0b0b;
}
.service-menu-grid a:hover{border-color:#D4AF37;color:#D4AF37}

.location-highlight{
  padding:22px;
  background:#0c0c0c;
  border-left:3px solid #D4AF37;
  margin:24px 0;
}
.location-highlight strong{display:block;color:#D4AF37;margin-bottom:6px}

.wp-post-list article{
  background:#0d0d0d;
  border:1px solid rgba(212,175,55,.25);
  padding:24px;
  margin-bottom:18px;
  border-radius:12px;
}
.wp-post-list h2{
  font-family:'DM Serif Display',Georgia,serif;
  font-weight:400;
}
.wp-post-list h2 a{color:#fff}
.wp-post-list .meta{font-size:12px;color:#D4AF37;margin-bottom:10px}

@media(max-width:900px){
  .content-grid,.content-grid.reverse{grid-template-columns:1fr}
  .side-card{position:static}
  .page-cards,.steps-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .inner-hero{min-height:300px}
  .content-section{padding:55px 0}
  .page-cards,.steps-grid,.feature-grid,.service-menu-grid{grid-template-columns:1fr}
}


/* WordPress dropdown navigation */
.navlinks .menu-item{position:relative}
.navlinks .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:260px;
  background:#050505;
  border:1px solid rgba(212,175,55,.35);
  border-radius:0 0 10px 10px;
  padding:8px 0;
  z-index:100;
  box-shadow:0 18px 40px rgba(0,0,0,.5);
}
.navlinks .sub-menu li{list-style:none}
.navlinks .sub-menu a{
  display:block;
  padding:10px 15px!important;
  color:#ddd;
  border:0!important;
  white-space:nowrap;
  font-size:12px;
}
.navlinks .sub-menu a:hover{background:#111;color:#D4AF37}
.navlinks .menu-item-has-children:hover>.sub-menu{display:block}
.navlinks .menu-item-has-children>a:after{content:"⌄";margin-left:6px;color:#D4AF37}
@media(max-width:1000px){
  .navlinks .sub-menu{
    position:static;
    display:block;
    border:0;
    box-shadow:none;
    padding-left:14px;
    background:transparent;
  }
}


/* Visible SEO keyword emphasis */
.seo-keyword{
  color:#D4AF37;
  font-weight:600;
}


/* Reliable WhatsApp icon styling */
.wa-inline-icon{
  width:19px;
  height:19px;
  display:inline-block;
  vertical-align:-4px;
  margin-right:6px;
  color:#25D366;
  flex:0 0 auto;
}
.floating-whatsapp .wa-inline-icon,
.whatsapp-float .wa-inline-icon,
.float-whatsapp .wa-inline-icon{
  width:27px;
  height:27px;
  margin:0;
  color:#fff;
}
.floating-whatsapp,
.whatsapp-float,
.float-whatsapp{
  background:#25D366!important;
  border-color:#25D366!important;
}
