
/* ============================================================
   SALMAN FULL VISUAL SYSTEM V2
   Calm / bright / botanical / literary
   ============================================================ */
:root{
  --v2-wine:#a5214a;
  --v2-wine-deep:#7e1837;
  --v2-ink:#1f2c43;
  --v2-muted:#707b8c;
  --v2-green:#7f996c;
  --v2-green-2:#a9b99a;
  --v2-green-soft:#eef4e9;
  --v2-cream:#fbf9f4;
  --v2-cream-2:#f6f1e8;
  --v2-rose:#faeef2;
  --v2-pink:#e9c7d2;
  --v2-line:#e9e2d7;
  --v2-white:#fffefc;
  --v2-shadow:0 16px 44px rgba(37,49,39,.07);
  --v2-shadow-soft:0 8px 24px rgba(37,49,39,.045);
}

/* page atmosphere */
body.salman-pro{
  background:
    radial-gradient(circle at 6% 9%,rgba(224,239,216,.52),transparent 24rem),
    radial-gradient(circle at 94% 16%,rgba(250,225,233,.42),transparent 26rem),
    linear-gradient(#fff,#fffdfa);
  color:var(--v2-ink);
}
body.salman-pro:before,
body.salman-pro:after{
  content:"";
  position:fixed;z-index:-1;pointer-events:none;opacity:.45;
  width:310px;height:310px;border-radius:50%;
  filter:blur(2px);
}
body.salman-pro:before{
  right:-120px;top:18vh;
  background:
   radial-gradient(circle at 42% 42%,#dcebd4 0 7%,transparent 7.5%),
   radial-gradient(ellipse at 55% 24%,rgba(137,166,115,.18) 0 13%,transparent 14%),
   radial-gradient(ellipse at 28% 56%,rgba(155,187,130,.16) 0 15%,transparent 16%);
}
body.salman-pro:after{
  left:-140px;bottom:8vh;
  background:radial-gradient(circle,rgba(240,213,221,.48),transparent 62%);
}

/* consistent page width and air */
body.salman-pro main{overflow:hidden}
body.salman-pro .container{max-width:1320px}

/* cards */
body.salman-pro .card,
body.salman-pro .box,
body.salman-pro .panel,
body.salman-pro .lesson,
body.salman-pro .course-card,
body.salman-pro .member-action-card,
body.salman-pro .member-course-card,
body.salman-pro .member-case,
body.salman-pro .archive-card,
body.salman-pro .season-card,
body.salman-pro .workshop-card,
body.salman-pro .case-garden-grid article{
  border-color:var(--v2-line)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--v2-shadow-soft)!important;
}
body.salman-pro .card:hover,
body.salman-pro .box:hover,
body.salman-pro .panel:hover,
body.salman-pro .lesson:hover,
body.salman-pro .course-card:hover,
body.salman-pro .member-action-card:hover,
body.salman-pro .member-course-card:hover,
body.salman-pro .archive-card:hover,
body.salman-pro .season-card:hover,
body.salman-pro .workshop-card:hover{
  box-shadow:var(--v2-shadow)!important;
}

/* calm, friendly headings */
body.salman-pro h1,body.salman-pro h2,body.salman-pro h3{
  color:var(--v2-ink);
}
body.salman-pro p{color:var(--v2-muted)}

/* header */
body.salman-pro .site-header,
body.salman-pro .garden-header,
body.salman-pro .member-topbar{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(230,224,214,.86)!important;
}
body.salman-pro .member-login,
body.salman-pro .garden-btn-primary,
body.salman-pro .member-course-btn{
  background:linear-gradient(135deg,#ae2852,#961d44)!important;
  box-shadow:0 10px 26px rgba(165,33,74,.15)!important;
}

/* HOME ------------------------------------------------------- */
.garden-home .garden-hero{
  background:
    radial-gradient(circle at 13% 16%,rgba(220,239,210,.72),transparent 24rem),
    radial-gradient(circle at 90% 15%,rgba(251,228,235,.62),transparent 25rem),
    linear-gradient(180deg,#fffefb,#fbf9f4)!important;
}
.garden-home .garden-hero-copy>p{color:#596476!important}
.garden-home .garden-hero h1{
  font-size:clamp(46px,6.2vw,82px)!important;
  line-height:1.2!important;
}
.garden-home .garden-hero h1 strong{color:var(--v2-wine)!important}

/* make old dark images gentle if they remain */
.garden-home .garden-hero-photo{
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,249,240,.86)),
    url('/assets/images/salman-hero-garden.webp') center/cover no-repeat;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(66,73,58,.10);
}
.garden-home .garden-hero-photo img{
  filter:brightness(1.34) saturate(.66) contrast(.72)!important;
  opacity:.60!important;
  mix-blend-mode:multiply;
}
.garden-home .garden-hero-photo:after{
  content:"";
  position:absolute;inset:0;pointer-events:none;border-radius:30px;
  background:
   linear-gradient(90deg,rgba(255,255,255,.34),transparent 52%),
   radial-gradient(circle at 82% 15%,rgba(255,255,255,.48),transparent 34%);
}
.garden-home .photo-card{z-index:3}
.garden-home .season-photo{
  filter:brightness(1.24) saturate(.64) contrast(.84)!important;
}
.garden-home .workshop-visual,
.garden-home .method-image img{
  filter:brightness(1.25) saturate(.65) contrast(.82)!important;
}
.garden-home .garden-soft,.garden-home .garden-cases{
  background:linear-gradient(180deg,#fff,#fbfaf6,#fff)!important;
}
.garden-home .join-box{
  background:
   radial-gradient(circle at 8% 50%,rgba(224,238,214,.84),transparent 20rem),
   linear-gradient(110deg,#faf8f1,#fff7fa)!important;
}

/* subtle botanical ornaments */
.garden-home .garden-section:before{
  content:"";
  position:absolute;right:-90px;top:30px;width:220px;height:220px;
  opacity:.22;pointer-events:none;border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 18%,#a6bd91 0 8%,transparent 8.5%),
    radial-gradient(ellipse at 68% 34%,#a6bd91 0 10%,transparent 10.5%),
    radial-gradient(ellipse at 32% 36%,#c6d8b8 0 10%,transparent 10.5%),
    radial-gradient(circle at 50% 50%,#e9cdd6 0 8%,transparent 8.5%);
}

/* generic public page hero */
body.salman-pro:not(.garden-home) .site-hero,
body.salman-pro:not(.garden-home) .hero,
body.salman-pro:not(.garden-home) .page-hero{
  position:relative;
  background:
    radial-gradient(circle at 10% 20%,rgba(223,239,214,.74),transparent 24rem),
    radial-gradient(circle at 88% 16%,rgba(250,228,235,.72),transparent 23rem),
    linear-gradient(180deg,#fff,#fbf9f4)!important;
  border-bottom:1px solid var(--v2-line);
}
body.salman-pro:not(.garden-home) .site-hero:after,
body.salman-pro:not(.garden-home) .hero:after,
body.salman-pro:not(.garden-home) .page-hero:after{
  content:"✿";
  position:absolute;left:5%;bottom:8%;font-size:78px;line-height:1;
  color:#dce9d4;opacity:.7;pointer-events:none;
}

/* course / content pages */
body.salman-pro .course-header,
body.salman-pro .lesson-header,
body.salman-pro .content-header{
  background:
    radial-gradient(circle at 92% 18%,rgba(223,239,214,.78),transparent 22rem),
    linear-gradient(135deg,#fff,#fbf9f3)!important;
  border:1px solid var(--v2-line)!important;
  border-radius:24px!important;
  box-shadow:var(--v2-shadow-soft)!important;
}
body.salman-pro audio{width:100%;accent-color:var(--v2-wine)}
body.salman-pro .audio-card,
body.salman-pro .player-card{
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
    url('/assets/images/salman-session-garden.webp') center/cover no-repeat!important;
  border:1px solid var(--v2-line)!important;
  border-radius:20px!important;
  box-shadow:var(--v2-shadow-soft)!important;
}
body.salman-pro .session-note,
body.salman-pro .note-card,
body.salman-pro .lesson-note{
  border-right:4px solid #9bb08a!important;
  background:linear-gradient(135deg,#fff,#fbfaf5)!important;
}

/* MEMBER AREA ------------------------------------------------ */
.member-shell{
  background:
    radial-gradient(circle at 8% 4%,rgba(224,239,215,.66),transparent 24rem),
    radial-gradient(circle at 94% 18%,rgba(249,228,234,.58),transparent 24rem),
    #fbfaf6!important;
}
.member-welcome{
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.92)),
    url('/assets/images/salman-member-garden.webp') center/cover no-repeat!important;
}
.member-welcome:after{color:#dbe9d2!important;opacity:.88}
.member-course-card:before{
  background:linear-gradient(#8ba277,#a5214a)!important;
}
.member-progress-track span{
  background:linear-gradient(90deg,#8ba277,#a5214a)!important;
}

/* member login */
.member-login-page{
  background:
    radial-gradient(circle at 9% 12%,rgba(225,240,216,.85),transparent 30rem),
    radial-gradient(circle at 92% 85%,rgba(250,226,234,.78),transparent 30rem),
    linear-gradient(135deg,#fff,#fbfaf5)!important;
}
.member-login-art{
  background:
    linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.66)),
    url('/assets/images/salman-login-garden.webp') center/cover no-repeat!important;
}
.member-login-art:before,.member-login-art:after{opacity:.35}

/* ADMIN ------------------------------------------------------ */
body.admin-pro{
  background:
    radial-gradient(circle at 94% 8%,rgba(229,240,222,.52),transparent 26rem),
    #f7f6f2!important;
}
.admin-pro .topbar{background:rgba(255,255,255,.96)!important}
.admin-pro .sidebar{box-shadow:0 8px 24px rgba(38,49,40,.04)!important}
.admin-pro .panel{border-radius:18px!important}
.admin-pro th{background:#f8f6f1!important}
.admin-pro tbody tr:hover td{background:#fcfbf7!important}

/* public simple pages: about, contact, membership, terms */
body.salman-pro .content-wrap,
body.salman-pro .page-wrap,
body.salman-pro .legal-wrap,
body.salman-pro .contact-wrap{
  max-width:1100px;margin:auto;padding:40px 20px 80px;
}
body.salman-pro form{
  accent-color:var(--v2-wine);
}

/* decorative divider */
.salman-floral-divider{
  height:1px;margin:34px 0;background:linear-gradient(90deg,transparent,#d8e5cf 25%,#e7cdd6 50%,#d8e5cf 75%,transparent);
  position:relative;
}
.salman-floral-divider:after{
  content:"✿";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:#fff;padding:0 10px;color:#9fb28d;
}

/* mobile */
@media(max-width:760px){
  .garden-home .garden-hero-photo{border-radius:22px}
  .garden-home .garden-hero h1{font-size:43px!important}
  body.salman-pro:before,body.salman-pro:after{opacity:.25}
  .member-login-art{min-height:220px!important}
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}
