/* Rising Sign Calculator - minimal calculator-specific tweaks (cg-ui global styles are used) */

.cg-wrapper.cg-rising-sign .cg-hero__title{ color:#ffffff !important; }
.cg-wrapper.cg-rising-sign textarea.cg-input--readonly{ resize: none; }

.cg-wrapper.cg-rising-sign .cg-output-row{ position: relative; }
.cg-wrapper.cg-rising-sign .cg-output-row::before{
  content: "";
  position: absolute;
  left: -12px;
  top: 6px;
  bottom: 6px;
  width: 4px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.35);
}

.cg-wrapper.cg-rising-sign .cg-hidden{ display:none !important; }
.cg-wrapper.cg-rising-sign .cg-help{ max-width: 100% !important; }

.cg-wrapper.cg-rising-sign .cg-date-row,
.cg-wrapper.cg-rising-sign .cg-time-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.cg-wrapper.cg-rising-sign .cg-date-sep,
.cg-wrapper.cg-rising-sign .cg-time-colon{
  opacity:.7;
  font-weight:600;
}
.cg-wrapper.cg-rising-sign .cg-input--seg{
  width:84px;
  text-align:center;
}
.cg-wrapper.cg-rising-sign .cg-input--seg-year{
  width:120px;
}

.cg-wrapper.cg-rising-sign .cg-select{
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(1em + 2px),
    calc(100% - 13px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

.cg-wrapper.cg-rising-sign .cg-city-wrap{ position:relative; }
.cg-wrapper.cg-rising-sign .cg-suggest{
  position:absolute;
  left:0;
  right:0;
  top: calc(100% + 6px);
  z-index: 9999;
  background: #fff;
  border: 1px solid rgba(17,24,39,0.18);
  border-radius: 10px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.cg-wrapper.cg-rising-sign .cg-suggest-item{
  width:100%;
  text-align:left;
  padding:12px 14px;
  background:transparent;
  border:0;
  cursor:pointer;
  font: inherit;
}
.cg-wrapper.cg-rising-sign .cg-suggest-item + .cg-suggest-item{
  border-top: 1px solid rgba(17,24,39,0.06);
}
.cg-wrapper.cg-rising-sign .cg-suggest-item:hover,
.cg-wrapper.cg-rising-sign .cg-suggest-item:focus{
  background: rgba(17,24,39,0.05);
  outline:none;
}


/* ---------------------------
   Preview Birth Chart page (Phase 1) - styles scoped to preview wrapper only
---------------------------- */
.cg-wrapper.cg-pbc-page{
  max-width: 1180px;
  margin: 0 auto;
}
.cg-wrapper.cg-pbc-page .cg-pbc-hero-card{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(17,24,39,0.10);
  border-radius: 18px;
  padding: 22px;
}
@media (max-width: 900px){
  .cg-wrapper.cg-pbc-page .cg-pbc-hero-card{
    grid-template-columns: 1fr;
  }
}
.cg-wrapper.cg-pbc-page .cg-pbc-title{
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  margin-bottom: 8px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-sub{
  margin-bottom: 14px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-name{
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 2px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-meta{
  opacity: .85;
  font-size: 14px;
  margin-top: 2px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-block{
  margin-top: 14px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-h2{
  font-size: 22px;
  font-weight: 800;
  margin: 10px 0 6px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-h3{
  font-size: 16px;
  font-weight: 800;
  margin: 12px 0 6px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-p{
  margin: 0 0 8px;
  opacity: .92;
}
.cg-wrapper.cg-pbc-page .cg-pbc-note{
  background: #f6f7fb;
  border: 1px solid rgba(17,24,39,0.08);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.cg-wrapper.cg-pbc-page .cg-pbc-hero-right{
  display:flex;
  justify-content:center;
  align-items:center;
}
.cg-wrapper.cg-pbc-page .cg-pbc-wheel{
  width: 100%;
  max-width: 360px;
  height: auto;
  display:block;
}

.cg-wrapper.cg-pbc-page .cg-pbc-glance{
  margin-top: 18px;
  padding: 18px 0 0;
}
.cg-wrapper.cg-pbc-page .cg-pbc-glance-title{
  text-align:center;
  font-size: 34px;
  font-weight: 900;
  margin: 10px 0 18px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-big3{
  display:flex;
  flex-direction:column;
  gap: 16px;
  margin-bottom: 18px;
}

/* Big-3 cards (NextAstro-like purple rail) */
.cg-wrapper.cg-pbc-page .cg-pbc-card{
  display:flex;
  gap: 18px;
  background: #f3f0ff;
  border-radius: 16px;
  border-left: 6px solid rgba(139,92,246,0.95);
  padding: 18px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-card-media{
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 14px;
  background: rgba(255,255,255,0.55);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.cg-wrapper.cg-pbc-page .cg-pbc-card-media img{
  width: 110px;
  height: 110px;
  object-fit: contain;
  display:block;
}
@media (max-width: 640px){
  .cg-wrapper.cg-pbc-page .cg-pbc-card{
    flex-direction: column;
    align-items: flex-start;
  }
  .cg-wrapper.cg-pbc-page .cg-pbc-card-media{
    width: 110px;
    min-width: 110px;
    height: 110px;
  }
}

.cg-wrapper.cg-pbc-page .cg-pbc-kicker{
  color: rgba(124,58,237,1);
  font-weight: 800;
  margin-bottom: 4px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-headline{
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 10px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-text{
  white-space: pre-line;
  line-height: 1.65;
  font-size: 16px;
}

/* Rows */
.cg-wrapper.cg-pbc-page .cg-pbc-rows{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-top: 10px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 14px;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(17,24,39,0.10);
  border-radius: 14px;
  padding: 14px 16px;
  cursor:pointer;
  text-align:left;
}
.cg-wrapper.cg-pbc-page .cg-pbc-row-left{
  display:flex;
  align-items:center;
  gap: 12px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-row-left img{
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.cg-wrapper.cg-pbc-page .cg-pbc-row-title{
  display:block;
  font-weight: 900;
}
.cg-wrapper.cg-pbc-page .cg-pbc-row-sub{
  display:block;
  opacity:.85;
  font-size: 13px;
  margin-top: 2px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-row-cta{
  font-weight: 800;
  opacity: .75;
  font-size: 13px;
}

/* Full sections */
.cg-wrapper.cg-pbc-page .cg-pbc-full{
  margin-top: 22px;
  display:flex;
  flex-direction:column;
  gap: 16px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-sec{
  background: #f3f0ff;
  border-radius: 16px;
  border-left: 6px solid rgba(139,92,246,0.95);
  padding: 18px;
}
.cg-wrapper.cg-pbc-page .cg-pbc-sec h2{
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 900;
}
.cg-wrapper.cg-pbc-page .cg-pbc-sec-body{
  white-space: pre-line;
  line-height: 1.65;
}