/*
Theme Name: Personal Injury Princess VIP Redesign Reviews
Theme URI: https://thepersonalinjuryprincess.com
Author: Law Office of Kayla Bumpus-Jackson
Description: Redesigned VIP website theme for Attorney Kayla Bumpus-Jackson with floral, crown, rose-gold, hearts, bio-focused copy, Linktree, and eBook promotion.
Version: 3.2.0
License: GPL-2.0-or-later
Text Domain: personal-injury-princess
Tags: custom-logo, one-column, featured-images, full-width-template, pink, gold, law-office
*/
:root{
  --pink:#df7298;
  --deep-pink:#b5486b;
  --soft-pink:#fce7ef;
  --rose:#d69b91;
  --rose-gold:#c89b63;
  --gold:#eedab0;
  --cream:#fffaf7;
  --blush:#fff4f7;
  --ink:#2f2528;
  --muted:#6c5a60;
  --white:#ffffff;
  --shadow:0 24px 60px rgba(119,53,76,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf8 0%,#fff4f7 42%,#fffaf8 100%);line-height:1.7;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:url('assets/images/rose-gold-marble.svg') center/cover no-repeat;opacity:.10;z-index:-3}
body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.96),transparent 28%),radial-gradient(circle at 86% 16%,rgba(252,231,239,.54),transparent 24%),radial-gradient(circle at 70% 78%,rgba(200,155,99,.12),transparent 18%);z-index:-2;pointer-events:none}
a{color:var(--deep-pink);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,92vw);margin:0 auto}
.topbar{background:linear-gradient(90deg,#bc5776,#de8ca3,#c89b63);color:#fff;padding:.48rem 0;font-size:.9rem;box-shadow:0 8px 20px rgba(181,72,107,.12)}
.topbar .container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;letter-spacing:.03em}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,251,249,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,155,99,.18)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{font-family:"Playfair Display",serif;text-transform:uppercase;letter-spacing:.10em;color:var(--ink);line-height:1.05}
.brand .monogram{display:block;font-size:1.4rem;color:var(--rose-gold);letter-spacing:.03em}
.brand strong{font-size:1.02rem}
.menu{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;font-size:.91rem;text-transform:uppercase;letter-spacing:.08em}
.menu a{color:#5f4049;font-weight:600}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.92rem 1.35rem;background:linear-gradient(135deg,var(--deep-pink),#d77a98,var(--rose-gold));color:#fff!important;font-weight:800;letter-spacing:.04em;box-shadow:0 12px 26px rgba(181,72,107,.16)}
.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--deep-pink);font-weight:800;font-size:.82rem;margin-bottom:.9rem}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.08;margin:0 0 1rem}
h1{font-size:clamp(3.4rem,8vw,7rem);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#923850,#d29586,#a56e42);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(2.2rem,5vw,4rem);color:#4e3038}
h3{font-size:1.45rem;color:#7e3450}
.script{font-family:"Great Vibes",cursive;font-size:clamp(2rem,4vw,3.8rem);color:var(--deep-pink);line-height:1.02;margin-bottom:1rem}
.section{padding:4.75rem 0;position:relative}
.section-lead{max-width:820px;margin:0 auto;color:var(--muted)}
.hero{position:relative;padding:5rem 0 4.25rem;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,250,248,.94),rgba(252,231,239,.72));}
.hero:after{content:"";position:absolute;left:-60px;bottom:-80px;width:320px;height:320px;background:url('assets/images/floral-corner.svg') center/contain no-repeat;opacity:.22}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;align-items:center}
.bio-lead{font-size:1.08rem;color:#5e4a51}
.hero-copy p{max-width:640px;color:var(--muted)}
.hero-notes{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1.2rem}
.hero-notes span{padding:.56rem .9rem;border-radius:999px;border:1px solid rgba(200,155,99,.20);background:rgba(255,255,255,.75);font-weight:700;color:#6a3a49;box-shadow:0 6px 16px rgba(119,53,76,.05)}
.hero-links{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.hero-links p{margin:0;font-weight:700;color:#6f4b58}
.hero-visual{position:relative;min-height:780px}
.portrait-main,.portrait-accent,.image-frame,.ebook-cover-card,.connect-card,.contact-info-card,.clean-form-wrap,.service-card{background:rgba(255,255,255,.88);border:1px solid rgba(200,155,99,.22);box-shadow:var(--shadow)}
.portrait-main{position:absolute;right:0;top:0;width:78%;border-radius:36px;padding:.8rem;overflow:hidden}
.portrait-main:before{content:"";position:absolute;inset:0;background:url('assets/images/rose-gold-marble.svg') center/cover no-repeat;opacity:.10;pointer-events:none}
.portrait-main img{border-radius:30px;width:100%;aspect-ratio:4/6;object-fit:cover;object-position:center top;position:relative;z-index:1}
.small-top{position:absolute;left:0;top:120px;width:36%;padding:.7rem;border-radius:28px;overflow:hidden}
.small-top img{border-radius:22px;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.quote-card{position:absolute;left:30px;bottom:20px;width:44%;border-radius:28px;padding:1.2rem;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,236,242,.92))}
.quote-inner{display:flex;flex-direction:column;gap:.4rem}
.mini-crown{font-size:1.45rem;color:var(--rose-gold)}
.quote-inner strong{font-family:"Playfair Display",serif;color:#76374a;font-size:1.2rem}
.quote-inner p{margin:0;color:var(--muted)}
.about-section:after,.floral-section:after,.contact-section:after{content:"";position:absolute;right:-50px;bottom:-80px;width:260px;height:260px;background:url('assets/images/floral-corner.svg') center/contain no-repeat;opacity:.13;pointer-events:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;align-items:center}
.about-grid .image-frame{padding:.9rem;border-radius:34px;overflow:hidden}
.about-grid .image-frame img{border-radius:26px;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.detail-card{background:rgba(255,255,255,.84);border:1px solid rgba(200,155,99,.18);border-radius:18px;padding:1rem 1.05rem}
.detail-card strong{display:block;color:#6d3348;margin-bottom:.25rem}
.detail-card span{color:var(--muted)}
.center{text-align:center}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2rem}
.service-card{border-radius:26px;padding:2rem}
.icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff5f8;border:1px solid rgba(181,72,107,.20);font-size:1.7rem;color:var(--deep-pink);margin-bottom:1rem;box-shadow:inset 0 0 0 8px rgba(223,114,152,.04)}
.service-card p{color:var(--muted)}
.ebook-section{background:linear-gradient(135deg,rgba(255,250,248,.92),rgba(255,236,242,.92));border-top:1px solid rgba(200,155,99,.22);border-bottom:1px solid rgba(200,155,99,.22)}
.ebook-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:2.6rem;align-items:center}
.ebook-cover-card{border-radius:32px;padding:1rem;overflow:hidden}
.ebook-cover-card img{border-radius:24px;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center}
.ebook-copy p{color:var(--muted)}
.price-badge{display:inline-block;border-radius:999px;padding:.55rem 1rem;background:linear-gradient(135deg,#b84b6d,#d67f98,#c89b63);color:#fff;font-weight:900;letter-spacing:.06em;box-shadow:0 10px 20px rgba(181,72,107,.14);margin:.35rem 0 1rem}
.ebook-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.ebook-features span{background:rgba(255,255,255,.84);border:1px solid rgba(200,155,99,.16);border-radius:16px;padding:.85rem 1rem;font-weight:700;color:#6c3d4d}
.soft-links{font-weight:800;color:#6c3d4d}
.connect-card{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;border-radius:32px;padding:2.2rem;background:linear-gradient(135deg,#fffdfc,#ffe9f0);position:relative;overflow:hidden}
.connect-card:before{content:"";position:absolute;right:-20px;top:-10px;width:180px;height:180px;background:url('assets/images/floral-corner.svg') center/contain no-repeat;opacity:.14}
.connect-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:rgba(255,255,255,.72);border:1px solid rgba(200,155,99,.18);border-radius:24px;padding:1.4rem}
.heart-line{font-size:1.1rem;letter-spacing:.35rem;color:var(--deep-pink);margin-bottom:.6rem}
.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:2rem;align-items:start}
.contact-info-card{border-radius:30px;padding:1rem;overflow:hidden}
.short-frame{padding:.4rem;border-radius:24px;overflow:hidden;background:#fff}
.short-frame img{border-radius:20px;width:100%;aspect-ratio:4/4.8;object-fit:cover;object-position:center top}
.contact-copy{padding:1rem .75rem .25rem}
.contact-details{display:grid;gap:.85rem;margin-top:1.15rem}
.contact-chip{display:flex;flex-direction:column;gap:.2rem;background:#fff9fb;border:1px solid rgba(200,155,99,.15);border-radius:16px;padding:.95rem 1rem}
.contact-chip strong{color:#6d3348}
.contact-chip span,.contact-chip a{color:var(--muted)}
.clean-form-wrap{border-radius:30px;padding:2rem}
.subtle{color:var(--muted);margin-top:-.35rem;margin-bottom:1rem}
input,textarea,select{width:100%;border:1px solid rgba(181,72,107,.16);border-radius:16px;padding:1rem;margin:.45rem 0 1rem;background:#fff;font:inherit}
.footer{background:linear-gradient(180deg,#c25779 0%,#b5486b 32%,#d78a86 100%);color:#fff;padding:3rem 0;text-align:center;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;left:-40px;bottom:-120px;width:260px;height:260px;background:url('assets/images/floral-corner.svg') center/contain no-repeat;opacity:.14}
.footer-brand{color:#fff}
.footer-brand .monogram{color:#ffe3b9}
.footer-tag{font-weight:600;letter-spacing:.02em}
.footer a{color:#fff9fb}
.disclaimer{font-size:.84rem;opacity:.88;max-width:900px;margin:1rem auto 0}
@media (max-width:980px){
  .hero-grid,.split,.ebook-grid,.connect-card,.contact-grid{grid-template-columns:1fr}
  .services{grid-template-columns:1fr}
  .detail-grid,.ebook-features{grid-template-columns:1fr}
  .hero-visual{min-height:auto;padding-top:0;display:grid;gap:1rem}
  .portrait-main,.small-top,.quote-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%}
  .portrait-main img{aspect-ratio:4/5}
  .menu{display:none}
  h1{font-size:3.4rem}
}

/* FINAL_REDESIGN_MARKER_2026_05_27: VIP redesign with couch photo, bio copy, subtle Linktree/eBook links, corrected email. */

/* CLEANED_UPDATE: Removed branding line/card and removed eBook preview link. */


/* Reviews section update */
.reviews-section{
  background:linear-gradient(135deg,rgba(255,250,248,.94),rgba(255,236,242,.88));
  border-top:1px solid rgba(200,155,99,.22);
  border-bottom:1px solid rgba(200,155,99,.22);
}
.reviews-section:before{
  content:"";
  position:absolute;
  left:-40px;
  top:-20px;
  width:220px;
  height:220px;
  background:url('assets/images/floral-corner.svg') center/contain no-repeat;
  opacity:.12;
  pointer-events:none;
}
.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.25rem;
  margin-top:2rem;
}
.review-card{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(200,155,99,.18);
  border-radius:26px;
  padding:1.6rem;
  box-shadow:var(--shadow);
  text-align:left;
  position:relative;
}
.review-card:before{
  content:"♥";
  position:absolute;
  top:16px;
  right:18px;
  color:rgba(181,72,107,.28);
  font-size:1.3rem;
}
.review-stars{
  color:var(--rose-gold);
  font-size:1rem;
  letter-spacing:.18rem;
  margin-bottom:.7rem;
}
.review-card p{
  color:var(--muted);
  margin:.2rem 0 1rem;
}
.review-name{
  font-weight:800;
  color:#6d3348;
}
.review-note{
  margin-top:1.2rem;
  font-size:.95rem;
  color:#6c5a60;
}
@media (max-width:980px){
  .reviews-grid{grid-template-columns:1fr;}
}
