 /* Shared visual language for public client pages. */
:root { --client-accent:#f5ad16; --client-accent-dark:#dc8b08; --client-ink:#292719; --client-muted:#77736a; --client-line:#eee8d8; --client-soft:#fff6df; }
body.english { color:var(--client-ink); background:#fff; }
.header nav.navbar.navbar-expand-lg.navbar-light.top-navbar { border-bottom:1px solid var(--client-line); background:#fff!important; box-shadow:0 3px 14px rgba(55,35,40,.035); }
.header .top-navbar .container { min-height:74px; }
.header .astroway-logo-text { color:var(--client-ink)!important; font-weight:750!important; letter-spacing:-.03em; }
.header .btn-chat-astro { margin:0 3px; padding:10px 14px; border:1px solid var(--client-line); border-radius:7px; color:#514653; background:#fff; font-size:13px; font-weight:650; transition:background .2s,border-color .2s,color .2s; }
.header .btn-chat-astro:hover { border-color:#f0dca8; color:var(--client-accent-dark); background:var(--client-soft); }
.header .top-navbar .navbar-toggler { border-color:#eee3e4; border-radius:7px; }
.header .top-navbar .navbar-nav .nav-link { color:#514653; font-weight:600; }
.btn-primary,.btn-chat,.btn-call,.btn-load-more { border-color:var(--client-accent)!important; color:#fff!important; background:var(--client-accent)!important; }
.btn-primary:hover,.btn-chat:hover,.btn-call:hover,.btn-load-more:hover { border-color:var(--client-accent-dark)!important; background:var(--client-accent-dark)!important; }
.form-control,.custom-select { border-color:#e9e2e4; border-radius:7px; color:var(--client-ink); }
.form-control:focus,.custom-select:focus { border-color:#e7c96a; box-shadow:0 0 0 .18rem rgba(245,173,22,.16); }
.modal-content,.dropdown-menu { border:1px solid var(--client-line); border-radius:12px!important; box-shadow:0 14px 40px rgba(51,42,54,.12); }
.header .dropdown-menu { padding:8px; }
.header .dropdown-menu a:hover { color:var(--client-accent-dark); background:#fff9eb; }
.Ourastro-breadcrumb { background:#495057!important; border-bottom:1px solid #41484e; }
.Ourastro-breadcrumb .breadcrumbs,.Ourastro-breadcrumb .breadcrumbs a,.Ourastro-breadcrumb .breadcrumbtext { color:#fff!important; }
.call-directory-intro { padding:32px 0 24px; background:linear-gradient(110deg,#fff9eb,#fff 60%,#fff7e8); }
.call-directory-intro__copy { max-width:760px; }
.call-directory-intro__copy > span { display:inline-flex; align-items:center; gap:7px; color:var(--client-accent-dark); font-size:11px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.call-directory-intro__copy h1 { margin:8px 0 7px; color:var(--client-ink); font-size:clamp(28px,4vw,38px); font-weight:760; letter-spacing:-.04em; }
.call-directory-intro__copy p { margin:0; color:var(--client-muted); font-size:14px; line-height:1.65; }
.call-directory-benefits { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:19px; }
.call-directory-benefits span { display:inline-flex; align-items:center; gap:7px; color:#665a62; font-size:11px; font-weight:600; }
.call-directory-benefits i { color:var(--client-accent-dark); }
footer,.footer { color:#716975; }

/* Talk to astrologer directory */
.expert-search-section { padding:8px 0 12px; background:#fff; }
.expert-search-section .expert-search-form { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.expert-search-section h1 { margin:0; color:#111; font-size:22px; font-weight:700; letter-spacing:0; }
.expert-search-section .searchIcon1 { color:var(--client-accent-dark); }
.expert-search-section .search-box { position:relative; }
.expert-search-section .search-box input { min-height:42px; padding-right:42px; border-color:#eee5e5; background:#fcfaf9; }
.expert-search-section .search-btn { position:absolute; top:2px; right:3px; color:var(--client-accent-dark); }
.expert-search-section select.form-control { min-height:42px; background-color:#fcfaf9; }
#expert-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 22px; padding-top:0!important; }
#expert-list .psychic-card { position:relative; width:100%; min-height:174px; height:auto; min-width:0; margin:0!important; padding:12px!important; border:1px solid #adb5bd; border-radius:11px; background:#fff; box-shadow:none; transition:border-color .2s; }
#expert-list .psychic-card:hover { transform:translateY(-2px); border-color:#ead8a9; box-shadow:0 12px 28px rgba(54,40,48,.09); }
#expert-list .psychic-card > a:first-child { color:inherit; }
#expert-list .psychic-card .psyich-img img { width:85px; height:85px; object-fit:cover; border:0; box-shadow:none; }
#expert-list .psychic-card .font16 { color:var(--client-ink)!important; font-size:16px; }
#expert-list .psychic-card .color-red { color:var(--client-accent-dark)!important; }
#expert-list .psychic-card .filled-star { color:#eca82e; }
#expert-list .psychic-card .empty-star { color:#d9d2d2; }
#expert-list .psychic-card .status-badge-txt { display:inline-block; width:auto; height:auto; margin-top:7px; padding:3px 8px; border-radius:20px; font-size:10px; }
#expert-list .psychic-card .btn { min-height:36px; border-radius:7px; font-size:12px; font-weight:700; }
#expert-list .psychic-card .must-try-badge { top:0; right:0; padding:5px 10px; border-radius:0 0 0 9px; background:var(--client-accent)!important; }
#expert-list .psychic-card .free-badge { padding:3px 7px; border-radius:12px; background:#fff6df; }
#expert-list .psych-review-section { margin-top:10px; }
.expert-search-section-height { min-height:35vh; }
.btn-load-more { padding:11px 24px; border:0; border-radius:7px; font-weight:700; }
@media (min-width:992px) and (max-width:1199px) {
  .header .btn-groups { gap:4px; margin-right:0!important; }
  .header .btn-chat-astro { padding:8px 9px; font-size:12px; }
  .expert-search-section .expert-search-form > .row { flex-wrap:wrap; }
}

/* Free Kundli generator and report area */
.kundli-page { background:#fff; }
.kundli-page .Ourastro-menu { padding:18px 0!important; border:0!important; background:linear-gradient(110deg,#fff9eb,#fff 65%,#fff6df)!important; }
.kundli-page .Ourastro-menu h1 { margin:0; color:var(--client-ink); font-size:30px; font-weight:760; letter-spacing:-.04em; }
.kundli-page .Ourastro-menu .cat-heading { color:var(--client-ink); }
.kundli-page .Ourastro-menu .compatibility svg { width:58px; height:58px; padding:11px; border:1px solid #f0d5ce; border-radius:50%; background:#fff; }
.kundli-content { padding-top:20px; }
.kundli-content > .container > .row.py-3 > .col-sm-12 { margin-top:8px!important; }
.kundli-intro-copy { margin-bottom:22px!important; }
.kundli-eyebrow { display:inline-flex; align-items:center; gap:7px; color:var(--client-accent-dark); font-size:11px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.kundli-intro-copy h2 { margin:8px 0 7px; color:var(--client-ink); font-size:30px; font-weight:750; letter-spacing:-.035em; }
.kundli-intro-copy p { max-width:720px; margin:0; color:var(--client-muted); font-size:14px; line-height:1.7; }
.kundli-content .shadow-pink { overflow:hidden; border:1px solid var(--client-line); border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(57,38,41,.055)!important; }
.kundli-content .kundli-form-title { display:flex; min-height:67px; align-items:center; gap:12px; padding:12px 18px!important; border-bottom:1px solid var(--client-line); color:var(--client-ink)!important; background:#fff!important; text-align:left!important; font-size:0; }
.kundli-content .kundli-form-title::before { content:"✦"; width:38px; height:38px; display:grid; flex:0 0 38px; place-items:center; border-radius:10px; color:var(--client-accent-dark); background:#fff6df; font-size:20px; }
.kundli-content .kundli-form-title::after { content:"Add your name, birth date, time, and birthplace to begin."; color:var(--client-muted); font-size:12px; font-weight:400; }
.kundli-content #kundliForm { padding:10px 18px 18px!important; }
.kundli-content #kundliForm label { margin-bottom:7px; color:#514653; font-size:12px; font-weight:650; }
.kundli-content #kundliForm .form-control { min-height:43px; border-color:#e9e2e4; border-radius:7px; background:#fff; font-size:13px; }
.kundli-content #kundliForm .form-control:focus { border-color:#e7c96a; box-shadow:0 0 0 .18rem rgba(245,173,22,.16); }
.kundli-content #kundliForm #dontKnowTimeBoy { accent-color:var(--client-accent); }
.kundli-content #showKundalibtn,.kundli-content #kundaliloaderbtn { min-height:45px; border-radius:7px; font-weight:700; }
.kundli-content .shadow-pink .bg-pink { color:var(--client-ink)!important; background:#fff!important; }
.kundli-content .shadow-pink #refreshkundalies { color:var(--client-accent-dark)!important; }
.kundli-content #savedKundalies { height:399px; overflow-y:auto!important; }
.kundli-content #savedKundalies li { padding-top:8px; padding-bottom:5px; border-color:#f0eaeb!important; }
.kundli-content #savedKundalies a { color:#514653!important; }
.kundli-content .kundli-saved-empty { min-height:210px; }
.kundli-content .astrology-services { color:#5c535d; }
.kundli-content .astrology-services h2 { color:var(--client-ink); font-size:23px; font-weight:730; }
.kundli-content .astrology-services p,.kundli-content .astrology-services li { font-size:14px; line-height:1.8; }
.kundli-consult-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:10px; margin-bottom:30px; padding:18px 22px; border:1px solid #f0dfda; border-radius:11px; background:linear-gradient(100deg,#fff9eb,#fff); }
.kundli-consult-cta span,.kundli-consult-cta strong { display:block; }
.kundli-consult-cta span { margin-bottom:4px; color:var(--client-muted); font-size:11px; }
.kundli-consult-cta strong { color:var(--client-ink); font-size:14px; }
.kundli-consult-cta__actions { display:flex; gap:9px; }
.kundli-consult-cta__actions a { padding:9px 13px; border:1px solid #efd9d4; border-radius:7px; color:var(--client-accent-dark); background:#fff; font-size:12px; font-weight:700; white-space:nowrap; }
.kundli-consult-cta__actions a:hover { color:#fff; background:var(--client-accent); }
.kundli-page #accordion .panel { overflow:hidden; border:1px solid var(--client-line); border-radius:9px; background:#fff; }
.kundli-page #accordion .panel-heading { padding:4px 14px; }
.kundli-page #accordion .panel-title a { color:var(--client-ink)!important; font-size:15px!important; }
.kundli-page #accordion .panel-body { color:var(--client-muted); font-size:13px; line-height:1.75; }

/* Horoscope overview and sign prediction pages */
.horoscope-page { min-height:60vh; color:var(--client-ink); background:#fff; }
.horoscope-page .Ourastro-menu { padding:14px 0!important; border:0!important; border-bottom:1px solid #f0e5e2!important; background:linear-gradient(110deg,#fff9eb,#fff 65%,#fff6df)!important; }
.horoscope-page .Ourastro-menu h1 { margin:0; color:var(--client-ink); }
.horoscope-page .Ourastro-menu .cat-heading { color:var(--client-ink); font-size:27px; font-weight:750; letter-spacing:-.035em; }
.horoscope-page .Ourastro-menu svg { width:54px; height:54px; padding:10px; border:1px solid #f0d5ce; border-radius:50%; background:#fff; }
.horoscope-page .Ourastro-menu ul { align-items:center; gap:10px; overflow-x:auto; padding:3px 0 8px; scrollbar-width:thin; }
.horoscope-page .Ourastro-menu li { flex:0 0 auto; min-width:76px; padding:7px 8px; border:1px solid #f0e8e7; border-radius:10px; background:rgba(255,255,255,.82); transition:transform .2s,border-color .2s,box-shadow .2s; }
.horoscope-page .Ourastro-menu li:hover { transform:translateY(-2px); border-color:#e7bdb7; box-shadow:0 6px 16px rgba(54,35,40,.07); }
.horoscope-page .Ourastro-menu li .icon { width:42px; height:42px; margin:0 auto 5px; border-radius:50%; background:#fff6df!important; }
.horoscope-page .Ourastro-menu li .icon img { width:100%; height:100%; object-fit:cover; }
.horoscope-page .Ourastro-menu .icon-desc { color:#514653; font-size:11px; font-weight:650; }
.horoscope-overview .ds-head-populararticle > .container > .row.py-3 > .col-12 { margin-top:20px!important; }
.horoscope-overview .ds-head-populararticle h2.cat-heading { margin:0 0 8px!important; color:var(--client-ink); font-size:29px; font-weight:750; letter-spacing:-.035em; }
.horoscope-overview .ds-head-populararticle .cat-pages-hide > p { max-width:760px; margin:0 auto; color:var(--client-muted); font-size:14px; line-height:1.75; }
.horoscope-overview .ds-head-populararticle .row.pt-4 { margin-top:4px; }
.horoscope-overview .shadow-pink-down { height:100%; border:1px solid #f0e8e7; border-radius:12px!important; background:#fff; box-shadow:0 5px 20px rgba(54,35,40,.045)!important; transition:transform .2s,border-color .2s,box-shadow .2s; }
.horoscope-overview .shadow-pink-down:hover { transform:translateY(-3px); border-color:#e8c5bf; box-shadow:0 12px 26px rgba(54,35,40,.09)!important; }
.horoscope-overview .shadow-pink-down img { width:96px!important; height:96px!important; object-fit:contain; }
.horoscope-overview .shadow-pink-down p { color:var(--client-ink)!important; font-size:14px; }
.horoscope-overview > .container.py-5 { max-width:1040px; color:#5c535d; font-size:14px; line-height:1.8; }
.horoscope-overview > .container.py-5 .heading { margin-bottom:14px; color:var(--client-ink); font-size:24px; font-weight:730; }
.horoscope-detail .Ourastro-menu { padding:15px 0 8px!important; }
.horoscope-detail .Ourastro-menu ul { margin:0!important; }
.horoscope-detail #cardholder { display:inline-block; padding:5px; border:1px solid #f0e6e4; border-radius:10px; background:#fff; box-shadow:0 5px 18px rgba(54,35,40,.04); }
.horoscope-detail #cardholder .btn { min-height:38px; padding:8px 18px; border-radius:7px!important; font-size:12px; }
.horoscope-detail #cardholder .bg-red { border-color:var(--client-accent)!important; background:var(--client-accent)!important; }
.horoscope-detail .tab-content { padding:0 12px 20px; }
.horoscope-detail .tab-content h2.cat-heading { margin:0 0 20px; color:var(--client-ink); font-size:27px; font-weight:750; line-height:1.35; letter-spacing:-.03em; }
.horoscope-detail .tab-content .d-md-flex { gap:22px; }
.horoscope-detail .tab-content .d-md-flex > img { width:270px!important; max-width:100%; height:270px; flex:0 0 270px; object-fit:cover; border:1px solid #f0e6e4; background:#fff8f5; }
.horoscope-detail .dailyhoroscope-content { padding:18px 20px; border:1px solid #f0e8e7; border-radius:11px; background:#fff; }
.horoscope-detail .dailyhoroscope-content p:first-child { margin-bottom:8px; color:var(--client-accent-dark); font-size:13px; font-weight:700; }
.horoscope-detail .dailyhoroscope-content p:last-child { margin-bottom:0; color:#625a65; font-size:14px; line-height:1.8; }
.horoscope-detail .shadow-pink.rounded-10 { overflow:hidden; margin-top:16px; border:1px solid #f0e7e5; border-radius:11px!important; background:#fff; box-shadow:0 5px 20px rgba(54,35,40,.04)!important; }
.horoscope-detail .shadow-pink.rounded-10 .bg-pink { padding:7px 12px; background:#fff8e8!important; }
.horoscope-detail .shadow-pink.rounded-10 h3 { color:var(--client-ink)!important; font-size:15px; }
.horoscope-detail .tab-content .tab-pane { color:#5e5661; }
.horoscope-detail .tab-content .tab-pane > h2 { padding-bottom:12px; border-bottom:1px solid #f0e7e5; }
.horoscope-page .bg-pink.looks-1 { border:1px solid #f0ddd8; border-radius:13px; background:linear-gradient(105deg,#fff6df,#fffaf7)!important; }
.horoscope-page .bg-pink.looks-1 .heading-line { color:var(--client-ink); font-size:clamp(20px,3vw,30px); font-weight:750; }
@media(max-width:767px) {
  .horoscope-page .Ourastro-menu { padding:11px 0 5px!important; }
  .horoscope-page .Ourastro-menu .cat-heading { font-size:23px; }
  .horoscope-page .Ourastro-menu ul { gap:7px; }
  .horoscope-page .Ourastro-menu li { min-width:66px; padding:6px; }
  .horoscope-page .Ourastro-menu li .icon { width:37px; height:37px; }
  .horoscope-overview .ds-head-populararticle h2.cat-heading { font-size:24px; }
  .horoscope-overview .shadow-pink-down img { width:76px!important; height:76px!important; }
  .horoscope-detail #cardholder { width:100%; }
  .horoscope-detail #cardholder .btn { margin:3px!important; padding:7px 12px; }
  .horoscope-detail .tab-content { padding-right:0; padding-left:0; }
  .horoscope-detail .tab-content h2.cat-heading { font-size:22px; }
  .horoscope-detail .tab-content .d-md-flex { display:block!important; }
  .horoscope-detail .tab-content .d-md-flex > img { display:block; width:100%!important; height:220px; margin:0 auto 14px; object-fit:contain; }
  .horoscope-detail .dailyhoroscope-content { padding:14px; }
}

/* Larger astrologer cards on both chat and call directories */
#expert-list .psychic-card { min-height:174px!important; padding:12px!important; }
#expert-list .psychic-card .psyich-img img { width:85px!important; height:85px!important; }
#expert-list .psychic-card .font16 { font-size:16px!important; }
#expert-list .psychic-card .btn { min-height:32px; padding:6px 12px; font-size:13px; }
@media(max-width:767px) {
  #expert-list { grid-template-columns:minmax(0,1fr); }
  #expert-list .psychic-card { min-height:245px!important; padding:20px!important; }
  #expert-list .psychic-card .psyich-img img { width:92px!important; height:92px!important; }
}
@media(max-width:767px) {
  .header .top-navbar .container { min-height:62px; }
  .expert-search-section { padding:16px 0 6px; }
  .call-directory-intro { padding:23px 0 18px; }
  .call-directory-intro__copy p { font-size:13px; }
  .call-directory-benefits { gap:9px 15px; }
  .expert-search-section .expert-search-form { padding:13px 10px 8px; }
  .expert-search-section h1 { font-size:19px; }
  #expert-list { grid-template-columns:minmax(0,1fr); gap:11px; padding-top:13px!important; }
  #expert-list .psychic-card { padding:14px!important; }
  #expert-list .psychic-card .psyich-img img { width:68px; height:68px; }
  .kundli-page .Ourastro-menu { padding:13px 0!important; }
  .kundli-page .Ourastro-menu h1 { font-size:25px; }
  .kundli-content { padding-top:10px; }
  .kundli-intro-copy h2 { font-size:25px; }
  .kundli-content .kundli-form-title { padding:11px 13px!important; }
  .kundli-content #kundliForm { padding:7px 13px 14px!important; }
  .kundli-content #savedKundalies { height:280px; }
  .kundli-consult-cta { align-items:flex-start; flex-direction:column; padding:15px; }
}
