/*
Theme Name: Divine Shades of Rashmi
Theme URI: https://divineshadesofrashmi.com/
Author: Divine Shades of Rashmi
Description: Custom WordPress conversion of the finished Divine Shades of Rashmi HTML website.
Version: 1.0.1
Text Domain: divine-shades-rashmi
*/

:root{--p:#5a356d;--d:#43264f;--l:#eee6f2;--li:#faf6fb;--iv:#fffdf9;--g:#c99b43;--ink:#2e2930;--m:#716a73;--max:1200px;--sh:0 20px 60px rgba(67,38,79,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--iv);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.7}h1,h2,h3{font-family:Georgia,serif;line-height:1.12;color:var(--d)}h1{font-size:clamp(45px,6vw,82px);letter-spacing:-2px}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:25px}p{color:var(--m)}a{text-decoration:none;color:inherit}.wrap{width:min(92%,var(--max));margin:auto}.section{padding:100px 0}.soft{background:var(--li)}.lav{background:var(--l)}.ey{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--g);font-weight:800;margin-bottom:18px}.head{max-width:760px;margin:0 auto 48px}.center{text-align:center}.btn{display:inline-flex;padding:14px 22px;border-radius:999px;font-weight:800;font-size:14px}.primary{background:var(--p);color:#fff}.outline{border:1px solid var(--g);color:var(--p);margin-left:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hero{padding:80px 0;background:radial-gradient(circle at 90% 10%,#eadff0,transparent 34%),linear-gradient(135deg,#fffdf9,#f5edf7)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.hero p{font-size:18px}.heroimg{height:570px;border-radius:280px 280px 30px 30px;overflow:hidden;box-shadow:var(--sh);border:8px solid #fff}.heroimg img,.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.portrait{height:560px;border-radius:30px;overflow:hidden;box-shadow:var(--sh)}.quote{font:30px Georgia,serif;color:var(--p);padding:30px;border-left:3px solid var(--g);background:var(--li);border-radius:0 20px 20px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.service{background:#fff;border:1px solid #eee7f0;border-radius:24px;padding:30px;box-shadow:0 8px 28px rgba(67,38,79,.05)}.n{color:var(--g);font-size:12px;font-weight:800;letter-spacing:2px}.shadegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shade{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--sh)}.shade img{width:100%;height:270px;object-fit:cover;object-position:50% 18%;display:block}.shade div{padding:18px}.shade p{font-size:13px}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service ul{list-style:none;padding:0}.service li{padding:8px 0 8px 20px;color:var(--m);position:relative}.service li:before{content:"✦";position:absolute;left:0;color:var(--g)}.calm{background:linear-gradient(135deg,var(--d),#7b578b);color:#fff;padding:40px;border-radius:28px}.calm h2,.calm h3,.calm p{color:#fff}.calm small{color:#e9ca82;letter-spacing:2px;font-weight:800}.calmgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.calmcard{padding:28px;border:1px solid #ffffff2b;border-radius:22px;background:#ffffff10}.timeline{max-width:900px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#ead7ad}.event{position:relative;padding:0 0 38px 65px}.event:before{content:"";position:absolute;left:11px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--g);border:5px solid var(--iv)}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.gallery-item{aspect-ratio:1;overflow:hidden;border-radius:15px;position:relative;background:#fff}
.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:15px;display:block;transition:transform .45s ease,filter .45s ease,box-shadow .45s ease}
.gallery-item:hover img{transform:scale(1.16);filter:saturate(1.06);box-shadow:0 18px 36px rgba(67,38,79,.24)}.courses{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.coming{padding:55px;border:1px dashed var(--g);border-radius:25px;text-align:center;background:var(--li)}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:20px}.testimonial{background:#fff;padding:28px;border-radius:22px;border:1px solid #eee7f0}.testimonial img{width:100%;height:260px;object-fit:cover;border-radius:15px}.stars{color:var(--g);letter-spacing:2px}.cta{background:linear-gradient(135deg,#5a356d,#7c5a8b);text-align:center;padding:90px 0}.cta h2{color:#fff}.cta p{color:#eadfea}.legal{max-width:900px}.legal h2{margin-top:42px}.legal h3{margin-top:28px;font-size:22px}header{position:sticky;top:0;z-index:99;background:#fffdf9f2;backdrop-filter:blur(12px);border-bottom:1px solid #eee7f0}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:145px}.links{display:flex;gap:22px;align-items:center;font-size:14px}.menu{display:none;background:none;border:0;font-size:24px;color:var(--p)}footer{background:#2d2331;color:#ddd0e0;padding:60px 0 25px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.foot img{width:155px;background:#fff;border-radius:10px;padding:5px}.foot h3{color:#fff;font-size:20px}.foot a,.foot p{font-size:13px;color:#c9bbca;display:block}.bottom{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:18px;font-size:12px;color:#a99aaa;display:flex;justify-content:space-between;flex-wrap:wrap}
@media(max-width:950px){.links{display:none}.menu{display:block}.hero-grid,.grid2{grid-template-columns:1fr}.cards,.shadegrid,.courses{grid-template-columns:repeat(2,1fr)}.servicegrid,.calmgrid,.testimonials{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(4,1fr)}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gallery-item{border-radius:14px}.gallery-item img{border-radius:14px}.gallery-item:hover img{transform:scale(1.12)}.brand img{width:145px;max-height:58px}.nav{height:74px}.heroimg img{object-position:50% 5%}.portrait img{object-position:50% 8%}.shade img{object-position:50% 10%}.gallery img{object-position:center center}.section{padding:72px 0}.hero{padding:55px 0}.heroimg{height:450px}.cards,.shadegrid,.courses,.servicegrid,.calmgrid,.testimonials{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr}h1{font-size:45px}.portrait{height:440px}}

/* Gallery portrait focal points — keep faces/heads visible */
.gallery-item:nth-child(1) img{object-position:50% 18%}
.gallery-item:nth-child(2) img{object-position:50% 16%}
.gallery-item:nth-child(3) img{object-position:50% 18%}
.gallery-item:nth-child(5) img{object-position:50% 18%}
.gallery-item:nth-child(6) img{object-position:50% 18%}
.gallery-item:nth-child(7) img{object-position:54% 24%}
.gallery-item:nth-child(8) img{object-position:50% 25%}
.gallery-item:nth-child(9) img{object-position:50% 28%}
.gallery-item:nth-child(11) img{object-position:50% 35%}
.gallery-item:nth-child(13) img{object-position:50% 30%}
.gallery-item:nth-child(18) img{object-position:50% 30%}
.gallery-item:nth-child(21) img{object-position:50% 27%}
.gallery-item:nth-child(22) img{object-position:50% 24%}
.gallery-item:nth-child(24) img{object-position:50% 25%}
.gallery-item:nth-child(25) img{object-position:50% 25%}
.gallery-item:nth-child(26) img{object-position:50% 24%}
.gallery-item:nth-child(31) img{object-position:50% 30%}
.gallery-item:nth-child(32) img{object-position:50% 12%}
.gallery-item:nth-child(33) img{object-position:50% 25%}
.gallery-item:nth-child(35) img{object-position:55% 22%}
.gallery-item:nth-child(36) img{object-position:50% 22%}
.gallery-item:nth-child(40) img{object-position:50% 22%}

/* WordPress theme wrapper */
.admin-bar .nav{top:32px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-main{min-height:40vh}
.gallery-item{overflow:hidden}
@media(max-width:782px){.admin-bar .nav{top:46px}}
/* ==========================================
   MOBILE FINAL FIX
   ========================================== */

@media (max-width: 480px) {

  /* Main mobile container */
  .wrap {
    width: 88%;
    max-width: none;
  }

  /* Header */
  header .wrap {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .brand img {
    max-width: 185px;
    height: auto;
  }

  .menu {
    font-size: 24px;
    padding: 8px;
  }

  /* Hero */
  .hero {
    padding: 48px 0 45px;
  }

  .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: start;
  }

  /* Small gold heading */
  .hero .ey {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 1.5px;
    margin-bottom: 22px;
  }

  /* Main heading */
  .hero h1 {
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: -0.8px;
    margin: 0 0 22px;
  }

  /* Description */
  .hero p {
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 26px;
  }

  /* Buttons */
  .hero .btn {
    width: 100%;
    max-width: 100%;
    min-height: 56px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding: 14px 18px;
  }

  /* Small text below buttons */
  .hero p[style] {
    font-size: 13px !important;
    line-height: 1.6;
    margin-top: 18px;
  }

  /* Hero image */
  .heroimg {
    width: 100%;
    height: 380px;
    border-radius: 24px;
    overflow: hidden;
  }

  .heroimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 15%;
  }

  /* Prevent horizontal overflow */
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
}
/* ==========================================
   THE CALM PATH - BOOKING / ENQUIRE BUTTONS
   ========================================== */

.calmcard a.btn.primary {
    transition: all 0.3s ease !important;
    position: relative;
}

@media (hover: hover) and (pointer: fine) {

    .calmcard a.btn.primary:hover {
        background: #d8b45a !important;
        background-color: #d8b45a !important;
        color: #2d2438 !important;
        transform: translateY(-5px) !important;
        box-shadow: 0 10px 24px rgba(216, 180, 90, 0.40) !important;
    }

}