/*
 * Canopus · bulut servis sayfaları (döviz, altın, emtia, borsa, kripto, akaryakıt, ekonomi, hava durumu, namaz vakitleri,
 * nöbetçi eczane, puan durumu, burçlar, sinema, tiyatro, deprem, ekonomik veriler, EVDS, gazeteler, servis durumu)
 * ve header'daki hava / namaz / WhatsApp widget'ları.
 *
 * Referans: rstheme News24 "Darpan" (news-magazine). Servis sayfası yok; bileşen dili uygulanır (ölçümler OLCUMLER.md SERVİS):
 *  - kare köşe (0), gölgesiz; kutu = 1px #ccc çerçeve (.tab-bottom-content), ayraç 1px #ddd
 *  - bölüm başlığı (.title-bg): 20/30 600 BÜYÜK HARF, altında iki ince (1px) vurgu çizgisi (-11px / -14px)
 *  - sekme/süzgeç (.nav-tabs li): #f2f2f2 zemin, 15/30, iç 0 20px, aralık 10px; üzerine gelince/etkinde vurgu zemin + beyaz yazı
 *  - kapak (.inner-page-header): koyu örtü, 12px BÜYÜK HARF vurgu etiketi, h1 30/33 600 BÜYÜK HARF beyaz, açıklama 15/25 beyaz
 *  - düğme (.btn-send): vurgu zemin, beyaz, 12px BÜYÜK HARF, iç 7px 22px; hover #101010
 *  - alan (.account-page-area input): #f2f2f2 zemin, 1px #ccc, köşesiz, 45px
 *  - koyu kutu (.categories-home ul): #000/#101010 zemin, iç 28px 30px, beyaz 15/25 bağlantı, sayaç 1px #ccc çerçeve
 *  - etiket (span.category a): 11/15 BÜYÜK HARF, iç 2px 5px, beyaz yazı
 * Her kural body.canopus altındadır; vurgu yalnız var(--hp-accent). Blok HTML'i ortaktır.
 */
body.canopus {
  --cs-ink: #101010;
  --cs-text: #434343;
  --cs-muted: #5f5f5f;
  --cs-line: #ddd;
  --cs-box: #ccc;
  --cs-soft: #f2f2f2;
  --cs-hover: #f2f2f2;
  --cs-surface: #fff;
  --cs-dark: var(--cp-band, #141618);
  --cs-dark-2: #252525;
  --cs-up: #2e7d32;
  --cs-down: #d32f2f;
  --cs-flat: #666;
  --cs-tab-ink: #101010;
}

html[data-bs-theme="dark"] body.canopus {
  --cs-ink: #f1f1f1;
  --cs-text: #cfcfcf;
  --cs-muted: #9a9a9a;
  --cs-line: #34363a;
  --cs-box: #3c3e42;
  --cs-soft: #242628;
  --cs-hover: #242628;
  --cs-surface: #17181a;
  --cs-dark: var(--cp-band, #0b0c0d);
  --cs-dark-2: #1e1f21;
  --cs-up: #5fbf64;
  --cs-down: #ff6b6b;
  --cs-flat: #9a9a9a;
  --cs-tab-ink: #ececec;
}

/* Servis blokları ortak değişkenleri (blok CSS'leri --hp-surface/--hp-border/--hp-muted okur): nötr, çerçeveli */
body.canopus main :is(.hp-economy-block, .hp-stocks, .hp-weather-page, .hp-prayer-detail-section, .hp-pharmacy-detail, .hp-standings, .hp-horoscope, .hp-cinema, .hp-cinema-halls, .hp-cinema-venues, .hp-theater, .hp-cloud-service, .hp-newspaper, .hp-market-cover, .hp-weather-cover, .hp-standings-cover, .hp-cinema-hero) {
  --hp-surface: var(--cs-surface);
  --hp-border: var(--cs-line);
  --hp-muted: var(--cs-muted);
  --hp-text: var(--cs-text);
  --eco-up: var(--cs-up);
  --eco-down: var(--cs-down);
  --stock-up: var(--cs-up);
  --stock-down: var(--cs-down);
}

/* ================= Kapaklar (.inner-page-header dili) ================= */
body.canopus :is(.hp-market-cover, .hp-weather-cover, .hp-prayer-hero, .hp-pharmacy-detail__hero, .hp-standings-cover, .hp-horoscope__cover, .hp-cinema-hero) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.canopus :is(.hp-block-market-cover, .hp-block-weather-cover, .hp-block-prayer-cover, .hp-block-pharmacy-cover, .hp-block-standings-cover, .hp-block-horoscope-cover, .hp-block-cinema-hero) {
  margin-bottom: 30px !important;
}

/* Görselsiz kapaklar: koyu düz zemin (referans: rgba(0,0,0,.8) örtülü başlık bandı) */
body.canopus :is(.hp-market-cover, .hp-standings-cover, .hp-horoscope__cover) {
  background: var(--cs-dark) !important;
  color: #fff !important;
}

/* Kapak: üstte başlık bandı, altında tam genişlik fiyat kutuları (dar kutularda fiyat kesilmesin) */
body.canopus .hp-market-cover {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0;
}

body.canopus .hp-market-cover__intro {
  padding: 30px 30px 24px !important;
}

body.canopus .hp-market-cover__board {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 0 30px 30px !important;
}

body.canopus .hp-market-cover__quote {
  min-height: 0 !important;
}

body.canopus .hp-market-cover--commodities .hp-market-cover__quote > strong {
  font-size: 16px !important;
  white-space: normal;
}

body.canopus .hp-market-cover::before,
body.canopus .hp-market-cover::after {
  display: none !important;
}

body.canopus :is(.hp-market-cover, .hp-weather-cover, .hp-prayer-hero, .hp-pharmacy-detail__hero, .hp-standings-cover, .hp-horoscope__cover, .hp-cinema-hero) h1 {
  margin: 10px 0 !important;
  color: #fff !important;
  font-family: var(--hp-font-heading);
  font-size: 30px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 33px !important;
  text-transform: uppercase;
}

body.canopus :is(.hp-market-cover__intro, .hp-weather-cover__place, .hp-prayer-page-heading, .hp-pharmacy-detail__hero-copy, .hp-standings-cover__copy, .hp-horoscope__cover, .hp-cinema-hero__copy) > p {
  margin: 0 0 20px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 25px !important;
}

body.canopus .hp-prayer-page-heading > .hp-prayer-page-description {
  max-width: 62%;
  color: rgba(255, 255, 255, .86) !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

/* Kapak etiketi: .header-page-locator li (12px BÜYÜK HARF 500 vurgu) */
body.canopus :is(.hp-market-cover__intro > span, .hp-weather-cover__place > span, .hp-prayer-page-heading > .hp-kicker, .hp-pharmacy-detail__eyebrow, .hp-standings-cover__copy > span, .hp-horoscope__cover-kicker, .hp-cinema-hero__copy > span) {
  display: inline-flex !important;
  width: fit-content;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hp-accent) !important;
  font-family: var(--hp-font-heading);
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 25px !important;
  text-transform: uppercase !important;
}

body.canopus :is(.hp-market-cover__intro > span, .hp-weather-cover__place > span, .hp-pharmacy-detail__eyebrow, .hp-standings-cover__copy > span, .hp-horoscope__cover-kicker, .hp-cinema-hero__copy > span) i {
  color: inherit !important;
  font-size: 13px !important;
}

/* Piyasa kapağı */
body.canopus .hp-market-cover__meta time {
  color: rgba(255, 255, 255, .72) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

body.canopus .hp-market-cover__meta a {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

body.canopus .hp-market-cover__meta a:hover {
  color: var(--hp-accent) !important;
}

/* Fiyat kutuları: beyaz, 1px #ccc, köşesiz (referans: .tab-bottom-content) */
body.canopus .hp-market-cover__quote {
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  color: var(--cs-ink);
}

body.canopus .hp-market-cover--stocks .hp-market-cover__quote {
  border-inline-start: 3px solid var(--hp-accent) !important;
}

body.canopus .hp-market-cover--crypto .hp-market-cover__quote:nth-child(2) {
  transform: none;
}

body.canopus .hp-market-cover--gold .hp-market-cover__quote {
  background: var(--cs-surface) !important;
}

body.canopus .hp-market-cover__quote > strong {
  min-width: 0;
  overflow: hidden;
  color: var(--cs-ink);
  font-size: 18px !important;
  font-weight: 600;
  line-height: 25px;
  text-overflow: ellipsis;
}

body.canopus .hp-market-cover__name b {
  overflow: visible;
  color: var(--cs-ink);
  font-size: 15px !important;
  font-weight: 500;
  line-height: 20px;
  text-overflow: clip;
  white-space: normal;
}

body.canopus .hp-market-cover__name small {
  color: var(--cs-muted) !important;
  font-size: 12px !important;
}

body.canopus .hp-market-cover__name > i {
  border-radius: 0;
  background: transparent;
  color: var(--hp-accent);
}

/* Değişim rozeti: span.category a (11/15 BÜYÜK HARF, iç 2px 5px, beyaz yazı) */
body.canopus :is(.hp-market-cover__change, .hp-economy-change, .hp-stock-row em, .hp-stock-movers__quote em, .hp-stocks__breadth span) {
  display: inline-flex !important;
  width: fit-content;
  align-items: center;
  gap: 3px;
  padding: 2px 5px !important;
  border-radius: 0 !important;
  background: var(--cs-flat);
  color: #fff !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 15px !important;
  text-transform: uppercase;
  white-space: nowrap;
}

body.canopus :is(.hp-market-cover__quote--up .hp-market-cover__change, .hp-economy-change--up, .hp-stock-row em.is-up, .hp-stock-row .is-up em, .hp-stock-movers__group--up .hp-stock-movers__quote em, .hp-stocks__breadth .is-up) {
  background: var(--cs-up) !important;
  color: #fff !important;
}

body.canopus :is(.hp-market-cover__quote--down .hp-market-cover__change, .hp-economy-change--down, .hp-stock-row em.is-down, .hp-stock-row .is-down em, .hp-stock-movers__group--down .hp-stock-movers__quote em, .hp-stocks__breadth .is-down) {
  background: var(--cs-down) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-market-cover__quote--up .hp-market-cover__change, .hp-economy-change--up, .hp-stock-row em.is-up, .hp-stocks__breadth .is-up) {
  background: #2e7d32 !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-market-cover__quote--down .hp-market-cover__change, .hp-economy-change--down, .hp-stock-row em.is-down, .hp-stocks__breadth .is-down) {
  background: #c62828 !important;
  color: #fff !important;
}

body.canopus .hp-economy-change svg {
  display: none;
}

/* Görselli kapaklar: referanstaki rgba(0,0,0,.8) örtü */
body.canopus .hp-weather-cover__shade {
  background: rgba(0, 0, 0, .8) !important;
}

body.canopus .hp-pharmacy-detail__hero-veil {
  background: rgba(0, 0, 0, .8) !important;
}

body.canopus .hp-cinema-hero__shade {
  background: rgba(0, 0, 0, .8) !important;
}

body.canopus .hp-pharmacy-detail__hero-mark {
  border-radius: 0 !important;
}

body.canopus .hp-weather-cover__current {
  color: #fff;
}

body.canopus .hp-weather-cover dl {
  border-top: 1px solid rgba(255, 255, 255, .24) !important;
}

body.canopus .hp-weather-cover dl > * {
  border-radius: 0 !important;
}

body.canopus .hp-weather-cover dt {
  color: rgba(255, 255, 255, .78) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

body.canopus .hp-weather-cover dd {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.canopus .hp-standings-cover__stats > article {
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.canopus .hp-standings-cover__stats > article :is(small, strong, span) {
  color: #fff !important;
}

/* ================= Sekmeler / süzgeçler (.nav-tabs li) ================= */
body.canopus :is(.hp-pharmacy-filters, .hp-standings-cover__nav, .hp-horoscope__nav, .hp-economy-nav) {
  display: flex;
  overflow: visible;
  flex-wrap: wrap;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.canopus :is(.hp-pharmacy-filters button, .hp-standings-cover__nav a, .hp-horoscope__nav a, .hp-economy-nav a) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: none !important;
  color: var(--cs-tab-ink) !important;
  font-family: var(--hp-font-heading);
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  text-transform: capitalize;
  transition: all .5s ease 0s;
}

body.canopus :is(.hp-pharmacy-filters button, .hp-standings-cover__nav a, .hp-horoscope__nav a, .hp-economy-nav a):is(:hover, :focus-visible, .active, .is-active, [aria-pressed="true"], [aria-current]) {
  background: var(--hp-accent) !important;
  color: #fff !important;
}

body.canopus .hp-pharmacy-filters button span {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 12px;
  opacity: .8;
}

/* Kapak üstündeki sekmeler koyu zeminde okunur kalır */
body.canopus :is(.hp-standings-cover, .hp-horoscope__cover, .hp-pharmacy-detail__hero-wrap, .cs-cover-row) :is(.hp-pharmacy-filters button, .hp-standings-cover__nav a, .hp-horoscope__nav a) {
  background: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
}

body.canopus :is(.hp-standings-cover, .hp-horoscope__cover, .hp-pharmacy-detail__hero-wrap, .cs-cover-row) :is(.hp-pharmacy-filters button, .hp-standings-cover__nav a, .hp-horoscope__nav a):is(:hover, :focus-visible, .active, .is-active, [aria-pressed="true"], [aria-current]) {
  background: var(--hp-accent) !important;
}

/* Eczane sekmeleri kapağın altında ayrı satır (mobilde başlığa binmesin) */
body.canopus .hp-pharmacy-detail__hero-wrap .hp-pharmacy-filters {
  position: static !important;
  inset: auto !important;
  margin: 12px 0 0 !important;
  transform: none !important;
}

body.canopus .hp-horoscope__nav a img {
  filter: brightness(0) invert(1);
}

body.canopus :is(.hp-horoscope__nav a:not(:hover):not(.active):not([aria-current]) img) {
  filter: none;
}

html[data-bs-theme="dark"] body.canopus .hp-horoscope__nav a:not(:hover):not(.active):not([aria-current]) img {
  filter: brightness(0) invert(1);
}

/* ================= Bölüm başlıkları (.title-bg: 20/30 600 BÜYÜK HARF, çift ince vurgu çizgisi) ================= */
body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 32px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head)::after {
  display: none !important;
}

body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head) > :is(i, span:first-child:has(> i:only-child)) {
  display: none !important;
}

body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1) {
  position: relative;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cs-ink) !important;
  font-family: var(--hp-font-heading);
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
  text-transform: uppercase !important;
}

body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1)::before,
body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1)::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--hp-accent);
  content: "";
}

body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1)::after {
  bottom: -11px;
}

body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1)::before {
  bottom: -14px;
}

/* Referans başlıklarında alt açıklama yok (çizgilerin altına binmesin) */
body.canopus :is(.hp-economy-panel__head small, .hp-economy-tools header p, .hp-standings-section-head p, .hp-prayer-week header p) {
  display: none !important;
}

body.canopus :is(.hp-stocks__kicker, .hp-weather-turkey .hp-kicker, .hp-prayer-week .hp-kicker, .hp-weather-hourly-section .hp-kicker, .hp-theater > header > small) {
  display: block;
  margin-bottom: 6px;
  color: var(--hp-accent) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 18px;
  text-transform: uppercase;
}

body.canopus .hp-official-head a {
  color: inherit !important;
  text-decoration: none !important;
}

body.canopus .hp-official-empty {
  padding: 14px !important;
  border: 1px solid var(--cs-box);
  border-radius: 0;
  background: var(--cs-surface) !important;
  color: var(--cs-muted) !important;
}

/* ================= Paneller ve tablolar ================= */
body.canopus :is(.hp-economy-panel, .hp-economy-tools, .hp-stocks, .hp-prayer-week, .hp-standings-body, .hp-weather-turkey, .hp-pharmacy-detail__surface) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.canopus :is(.hp-economy-table, .hp-stock-table, .hp-prayer-week table, .hp-standing-table) {
  overflow: hidden;
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
}

body.canopus :is(.hp-economy-table__head, .hp-stock-table__head),
body.canopus :is(.hp-prayer-week, .hp-standing-table) thead th {
  padding: 11px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cs-box) !important;
  background: var(--cs-soft) !important;
  color: var(--cs-ink) !important;
  font-family: var(--hp-font-heading);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 18px;
  text-transform: uppercase;
}

body.canopus :is(.hp-economy-row, .hp-stock-row) {
  min-height: 56px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--cs-line) !important;
  color: var(--cs-text);
  font-size: 15px !important;
  line-height: 25px;
  transition: all .5s ease 0s;
}

body.canopus :is(.hp-prayer-week, .hp-standing-table) tbody td,
body.canopus :is(.hp-prayer-week, .hp-standing-table) tbody th {
  padding: 12px 14px !important;
  border-color: var(--cs-line) !important;
  color: var(--cs-text);
  font-size: 15px !important;
  line-height: 25px;
}

body.canopus :is(.hp-economy-row, .hp-stock-row):hover,
body.canopus :is(.hp-prayer-week, .hp-standing-table) tbody tr:hover > * {
  background: var(--cs-hover) !important;
}

body.canopus :is(.hp-economy-row__name b, .hp-stock-row b, .hp-stock-movers__identity b) {
  color: var(--cs-ink);
  font-family: var(--hp-font-heading);
  font-size: 15px !important;
  font-weight: 500;
  line-height: 22px;
}

body.canopus :is(.hp-economy-row:hover .hp-economy-row__name b, .hp-stock-row:hover b) {
  color: var(--hp-accent);
}

body.canopus :is(.hp-economy-row__name small, .hp-stock-row small, .hp-stock-movers__identity small) {
  color: var(--cs-muted) !important;
  font-size: 12px !important;
  line-height: 16px;
}

body.canopus :is(.hp-economy-row > strong, .hp-stock-row strong, .hp-economy-price__value) {
  color: var(--cs-ink);
  font-size: 15px !important;
  font-weight: 600;
}

body.canopus .hp-economy-row__name :is(img, > i) {
  border-radius: 0;
}

body.canopus .hp-economy-spark {
  opacity: .85;
}

body.canopus :is(.hp-economy-more, .hp-stocks__more) {
  justify-content: flex-start !important;
  margin-top: 14px !important;
  color: var(--cs-ink) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

body.canopus :is(.hp-economy-more, .hp-stocks__more):hover {
  color: var(--hp-accent) !important;
}

/* En çok yükselen/düşen: iki kutu, sol vurgu çizgisiz */
body.canopus .hp-stock-movers__group {
  border: 1px solid var(--cs-box);
  border-radius: 0;
  background: var(--cs-surface);
}

body.canopus .hp-stock-movers h3 {
  padding: 11px 14px;
  border-bottom: 1px solid var(--cs-box);
  background: var(--cs-soft);
  color: var(--cs-ink);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

body.canopus .hp-stock-movers h3 i {
  border-radius: 0;
  background: transparent;
}

body.canopus .hp-stock-movers a {
  padding: 10px 14px;
}

body.canopus .hp-stock-movers a:hover {
  background: var(--cs-hover);
}

body.canopus .hp-stock-row.is-selected {
  background: var(--cs-soft) !important;
  box-shadow: inset 3px 0 0 var(--hp-accent);
}

body.canopus .hp-stocks > footer {
  color: var(--cs-muted);
  font-size: 12px;
}

/* Hesaplama araçları (.sidebar-area .newsletter-info form: beyaz, 1px #ccc, iç 20px) */
body.canopus .hp-economy-tools form {
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
}

body.canopus .hp-economy-tools h3 {
  color: var(--cs-ink);
  font-size: 18px !important;
  font-weight: 500;
  line-height: 25px;
}

body.canopus .hp-economy-tools :is(input, select),
body.canopus .hp-stocks__search input {
  min-height: 45px;
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: none !important;
  color: var(--cs-ink) !important;
  font-family: var(--hp-font-body);
  font-size: 14px;
}

body.canopus .hp-economy-tools label {
  color: var(--cs-text);
  font-size: 15px;
}

body.canopus .hp-economy-tools output {
  border-radius: 0 !important;
  background: var(--cs-dark) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* Borsa arama: alanın içinde ikon, #f2f2f2 zemin, 1px #ccc */
body.canopus .hp-stocks__search {
  min-height: 45px;
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
}

body.canopus .hp-stocks__search input {
  min-height: 43px;
  border: 0 !important;
  background: transparent !important;
}

body.canopus .hp-stocks__search:focus-within {
  border-color: var(--hp-accent) !important;
}

/* Namaz haftalık tablo: bugün satırı vurgu yazı */
body.canopus .hp-prayer-week tbody tr:first-child > * {
  background: var(--cs-soft) !important;
  font-weight: 600;
}

body.canopus .hp-prayer-week tbody tr:first-child th span {
  color: var(--hp-accent) !important;
}

/* ================= Şehir / lig seçiciler (.newsletter + .btn-send) ================= */
body.canopus form:is(.hp-service-city-picker, .hp-service-city-picker__form, .hp-prayer-city-search, .hp-standings-league-search, .hp-weather-city-search, .hp-cinema-city-search) > div:has(> input) {
  display: flex;
  overflow: hidden;
  min-height: 45px;
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: none !important;
}

body.canopus form:is(.hp-service-city-picker, .hp-service-city-picker__form, .hp-prayer-city-search, .hp-standings-league-search, .hp-weather-city-search, .hp-cinema-city-search) > div:has(> input):focus-within {
  border-color: var(--hp-accent) !important;
}

body.canopus form:is(.hp-service-city-picker, .hp-service-city-picker__form, .hp-prayer-city-search, .hp-standings-league-search, .hp-weather-city-search, .hp-cinema-city-search) > div:has(> input) input {
  min-height: 43px !important;
  padding-inline: 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--cs-ink) !important;
  font-size: 14px !important;
  font-weight: 400;
}

body.canopus form:is(.hp-service-city-picker, .hp-service-city-picker__form, .hp-prayer-city-search, .hp-standings-league-search, .hp-weather-city-search, .hp-cinema-city-search) > div:has(> input) button:not(.hp-global-voice-input) {
  min-height: 43px !important;
  padding: 7px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--hp-accent) !important;
  color: #fff !important;
  font-family: var(--hp-font-heading);
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  transition: all .5s ease 0s;
}

body.canopus form:is(.hp-service-city-picker, .hp-service-city-picker__form, .hp-prayer-city-search, .hp-standings-league-search, .hp-weather-city-search, .hp-cinema-city-search) > div:has(> input) button:not(.hp-global-voice-input):hover {
  background: var(--cs-dark) !important;
}

body.canopus form:is(.hp-service-city-picker, .hp-service-city-picker__form, .hp-prayer-city-search, .hp-standings-league-search, .hp-weather-city-search, .hp-cinema-city-search) > label {
  color: var(--cs-ink) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: none;
}

/* Açılır il listesi (.main-menu alt menü: #f2f2f2, üstte 2px vurgu) */
body.canopus :is(.hp-service-city-options, .hp-service-city-picker__options, .hp-prayer-city-options, .hp-standings-league-options, .hp-weather-city-options, .hp-cinema-city-options) {
  border: 0 !important;
  border-top: 2px solid var(--hp-accent) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12) !important;
  color: var(--cs-ink);
}

body.canopus :is(.hp-service-city-options__grid, .hp-weather-city-grid, .hp-prayer-city-options-grid, .hp-standings-league-options-grid, .hp-cinema-city-options-grid) a {
  border-radius: 0 !important;
  color: var(--cs-ink) !important;
  font-size: 15px;
}

body.canopus :is(.hp-service-city-options__grid, .hp-weather-city-grid, .hp-prayer-city-options-grid, .hp-standings-league-options-grid, .hp-cinema-city-options-grid) a:hover {
  background: transparent !important;
  color: var(--hp-accent) !important;
}

body.canopus :is(.hp-service-city-options__head, .hp-weather-city-options-head, .hp-prayer-city-options-head, .hp-standings-league-options-head, .hp-cinema-city-options-head) {
  color: var(--cs-muted) !important;
  font-size: 12px !important;
  text-transform: uppercase;
}

/* ================= Kart ızgaraları (kutu: 1px #ddd; üzerine gelince başlık vurgu) ================= */
body.canopus :is(.hp-weather-other-cities, .hp-prayer-city-links__grid, .hp-horoscope__grid) {
  gap: 10px !important;
}

body.canopus :is(.hp-weather-other-cities > a, .hp-prayer-city-links__grid > a, .hp-horoscope__sign, .hp-cinema-film-card, .hp-pharmacy-entry, .hp-fixture-list > article, .hp-cloud-service__item, .hp-theater__card) {
  border: 1px solid var(--cs-line) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  color: var(--cs-text);
  transition: all .5s ease 0s;
}

body.canopus :is(.hp-weather-other-cities > a, .hp-prayer-city-links__grid > a, .hp-horoscope__sign):hover {
  border-color: var(--hp-accent) !important;
  background: var(--cs-surface) !important;
}

body.canopus :is(.hp-weather-other-cities > a, .hp-prayer-city-links__grid > a):hover :is(strong, span) {
  color: var(--hp-accent);
}

body.canopus .hp-weather-other-cities > a strong {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
}

body.canopus .hp-horoscope__sign b {
  color: var(--cs-ink);
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

body.canopus .hp-horoscope__sign small {
  color: var(--hp-accent) !important;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

body.canopus .hp-horoscope__sign img {
  filter: none;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-horoscope__sign, .hp-horoscope__sidebar a, .hp-horoscope__detail-head) img {
  filter: brightness(0) invert(1) !important;
}

body.canopus .hp-horoscope__disclaimer {
  color: var(--cs-muted);
  font-size: 12px;
  line-height: 18px;
}

/* Burç yan listesi: koyu kutu (.categories-home ul) */
body.canopus .hp-horoscope__sidebar {
  padding: 28px 30px;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cs-dark) !important;
  color: #fff;
}

body.canopus .hp-horoscope__sidebar > header {
  margin-bottom: 24px !important;
}

body.canopus .hp-horoscope__sidebar > header h2 {
  color: #fff !important;
}

body.canopus .hp-horoscope__sidebar a {
  color: #fff !important;
  font-size: 15px;
}

body.canopus .hp-horoscope__sidebar a:hover {
  color: var(--hp-accent) !important;
}

/* ================= Hava durumu ================= */
body.canopus .hp-weather-page-header {
  margin-bottom: 30px;
}

/* Gün sekmeleri: .nav-tabs li (üzerine gelince/etkinde vurgu zemin) */
body.canopus .hp-weather-days {
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.canopus .hp-weather-day {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  color: var(--cs-ink) !important;
  transition: all .5s ease 0s;
}

body.canopus .hp-weather-day > :is(small, strong em) {
  color: var(--cs-muted) !important;
}

body.canopus .hp-weather-day:is(:hover, :focus-visible, .active, [aria-selected="true"]) {
  background: var(--hp-accent) !important;
  color: #fff !important;
}

body.canopus .hp-weather-day:is(:hover, :focus-visible, .active, [aria-selected="true"]) :is(small, strong, strong em, span, i) {
  color: #fff !important;
}

body.canopus .hp-weather-day::after {
  display: none !important;
}

body.canopus :is(.hp-weather-panel, .hp-weather-current, .hp-weather-detail-grid > div, .hp-weather-hourly, .hp-weather-hourly article) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.canopus .hp-weather-panel {
  border: 1px solid var(--cs-box) !important;
  background: var(--cs-surface) !important;
}

body.canopus .hp-weather-current {
  border: 0 !important;
  background: transparent !important;
}

body.canopus .hp-weather-subtitle > small {
  color: var(--cs-muted);
  font-size: 12px;
}

body.canopus .hp-weather-current-copy strong {
  color: var(--cs-ink) !important;
  font-weight: 600 !important;
}

body.canopus .hp-weather-current-icon {
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
}

body.canopus .hp-weather-detail-grid > div {
  border: 1px solid var(--cs-line) !important;
  background: var(--cs-surface) !important;
}

body.canopus .hp-weather-hourly {
  border: 1px solid var(--cs-line) !important;
  background: var(--cs-surface) !important;
}

body.canopus .hp-weather-hourly article {
  border-color: var(--cs-line) !important;
  background: transparent !important;
}

/* ================= Namaz vakitleri kapağı ================= */
body.canopus .hp-prayer-hero {
  background-color: var(--cs-dark);
}

body.canopus .hp-prayer-hero .hp-prayer-grid {
  gap: 10px !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.canopus .hp-prayer-hero .hp-prayer-time {
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, .55) !important;
  box-shadow: none !important;
  color: #fff;
}

body.canopus .hp-prayer-hero .hp-prayer-time.is-next {
  border-color: var(--hp-accent) !important;
  background: var(--hp-accent) !important;
  color: #fff !important;
}

body.canopus .hp-prayer-hero .hp-prayer-time.is-next :is(i, span, strong) {
  color: #fff !important;
}

/* ================= Puan durumu ================= */
body.canopus .hp-standing-table tbody td:first-child :is(span, b) {
  border-radius: 0 !important;
}

body.canopus .hp-standing-position {
  border-radius: 0 !important;
}

body.canopus .hp-team-crest {
  border-radius: 0 !important;
}

body.canopus .hp-fixture-list > article {
  padding: 14px;
}

body.canopus .hp-standings-league-group h3,
body.canopus .hp-standings-leagues__group > h3 {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

/* Lig listesi: koyu kutu (.categories-home ul) */
body.canopus .hp-standings-leagues {
  border-radius: 0 !important;
}

body.canopus .hp-standings-leagues li a,
body.canopus .hp-standings-leagues__group a {
  border-radius: 0 !important;
  color: var(--cs-ink) !important;
  font-size: 15px;
  transition: all .5s ease 0s;
}

body.canopus .hp-standings-leagues li a:hover,
body.canopus .hp-standings-leagues__group a:hover {
  color: var(--hp-accent) !important;
}

body.canopus .hp-standings-leagues li a:is(.active, [aria-current]) {
  background: var(--cs-soft) !important;
  box-shadow: inset 3px 0 0 var(--hp-accent);
  color: var(--hp-accent) !important;
}

/* ================= Eczane ================= */
/* İlçe başlığı: .title-panel (beyaz, vurgu çerçeve 1px 2px 1px 5px, 4px köşe, BÜYÜK HARF) */
body.canopus .hp-pharmacy-district__head {
  padding: 20px 15px !important;
  border: solid var(--hp-accent) !important;
  border-width: 1px 2px 1px 5px !important;
  border-radius: 4px !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  color: var(--cs-ink) !important;
  text-transform: uppercase;
}

body.canopus .hp-pharmacy-district__head h2 {
  margin: 0 !important;
  color: var(--cs-ink) !important;
  font-family: var(--hp-font-heading);
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
}

body.canopus .hp-pharmacy-district__head h2::before {
  display: none !important;
}

body.canopus .hp-pharmacy-district__head span:not(:has(h2)) {
  color: var(--cs-muted) !important;
  font-size: 12px;
}

body.canopus .hp-pharmacy-entry h3 {
  color: var(--cs-ink) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

body.canopus .hp-pharmacy-entry__hours {
  border-radius: 0 !important;
}

body.canopus .hp-pharmacy-entry__actions :is(a, button) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--hp-accent) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  transition: all .5s ease 0s;
}

body.canopus .hp-pharmacy-entry__actions :is(a, button):hover {
  background: var(--cs-dark) !important;
  color: #fff !important;
}

body.canopus .hp-pharmacy-entry__identity a {
  color: var(--cs-text);
  text-decoration: none;
}

body.canopus .hp-pharmacy-entry__identity a:hover {
  color: var(--hp-accent);
}

/* ================= Sinema / tiyatro ================= */
body.canopus .hp-cinema-halls details {
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
}

body.canopus .hp-cinema-halls summary {
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: none !important;
  color: var(--cs-ink) !important;
  font-weight: 500;
}

body.canopus .hp-cinema-halls summary :is(b, small, i) {
  color: inherit !important;
}

body.canopus :is(.hp-cinema-film-card__poster, .hp-cinema-film-card__poster img, .hp-cinema__summary-item img, .hp-cinema-hero__posters img, .hp-theater__card img) {
  border-radius: 0 !important;
}

body.canopus .hp-cinema-film-card__times > * {
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--cs-ink) !important;
  font-size: 12px;
  font-weight: 500;
}

body.canopus .hp-cinema-film-card__title {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
}

body.canopus .hp-cinema__more,
body.canopus .hp-cinema-venues a[class*="more"] {
  color: var(--cs-ink) !important;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}

body.canopus .hp-cinema__more:hover {
  color: var(--hp-accent) !important;
}

body.canopus .hp-theater__grid {
  gap: 30px 30px;
}

body.canopus .hp-theater__card {
  overflow: hidden;
}

body.canopus .hp-theater__card:hover {
  border-color: var(--cs-line) !important;
}

body.canopus .hp-theater__card:hover h2 {
  color: var(--hp-accent);
}

body.canopus .hp-theater__card:hover img {
  opacity: .8;
}

body.canopus .hp-theater__card h2 {
  color: var(--cs-ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

body.canopus .hp-theater__card small {
  color: var(--cs-muted);
  font-size: 12px;
  line-height: 18px;
}

body.canopus .hp-theater__card span {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 0;
  background: var(--hp-accent);
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}

/* ================= Bulut servis listeleri (deprem, ekonomik veri, EVDS, servis durumu) ================= */
body.canopus .hp-cloud-service {
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.canopus .hp-cloud-service .hp-widget-head {
  padding: 0 0 12px;
  border: 0;
}

body.canopus .hp-cloud-service .hp-widget-title {
  color: var(--cs-ink);
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

body.canopus .hp-cloud-service__items {
  gap: 0 !important;
  border-top: 1px solid var(--cs-line);
  border-left: 1px solid var(--cs-line);
  background: var(--cs-surface);
}

body.canopus .hp-cloud-service__item {
  border: 0 !important;
  border-right: 1px solid var(--cs-line) !important;
  border-bottom: 1px solid var(--cs-line) !important;
  padding: 14px !important;
}

body.canopus .hp-cloud-service__item:hover {
  background: var(--cs-hover) !important;
}

body.canopus .hp-cloud-service__item > i {
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hp-accent) !important;
}

body.canopus .hp-cloud-service__item strong {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

body.canopus .hp-cloud-service__item small {
  color: var(--cs-muted);
  font-size: 12px;
  line-height: 16px;
}

body.canopus .hp-cloud-service__item > b {
  padding: 2px 8px;
  border-radius: 0;
  background: var(--hp-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}

body.canopus .hp-cloud-meta {
  margin-top: 14px;
  color: var(--cs-muted);
  font-size: 12px;
}

/* ================= Gazete kapakları ================= */
body.canopus .hp-newspaper-items > article {
  border: 1px solid var(--cs-line) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  transition: all .5s ease 0s;
}

body.canopus .hp-newspaper-items > article img {
  border-radius: 0 !important;
  transition: opacity .5s ease 0s;
}

body.canopus .hp-newspaper-items > article:hover img {
  opacity: .8;
}

body.canopus .hp-newspaper-items h3 a {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

body.canopus .hp-newspaper-items h3 a:hover {
  color: var(--hp-accent);
}

body.canopus .hp-newspaper-items time {
  color: var(--cs-muted);
  font-size: 12px;
}

/* ================= Başlıktaki servis widget'ları (hava, namaz sayacı, WhatsApp) ================= */
body.canopus .hp-header-weather {
  color: var(--cs-ink);
  font-size: 12px;
  line-height: 28px;
}

body.canopus .hp-header-weather :is(.hp-header-weather-city, .hp-header-weather-temp) {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

body.canopus .hp-header-weather:hover :is(.hp-header-weather-city, .hp-header-weather-temp) {
  color: var(--hp-accent);
}

body.canopus .hp-header-weather-menu {
  border: 0 !important;
  border-top: 2px solid var(--hp-accent) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12) !important;
}

body.canopus .hp-header-weather-menu :is(.hp-header-weather-city-row, a) {
  border-radius: 0 !important;
  color: var(--cs-ink) !important;
  font-size: 15px;
}

body.canopus .hp-header-weather-menu a:hover {
  background: transparent !important;
  color: var(--hp-accent) !important;
}

body.canopus .hp-header-weather :is(.hp-header-weather-panel-head, .hp-service-city-input, .hp-voice-field, input) {
  border-radius: 0 !important;
}

body.canopus .hp-header-weather-search input {
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  color: var(--cs-ink) !important;
}

body.canopus .hp-prayer-times--header-countdown {
  color: var(--cs-ink);
  font-size: 12px;
  line-height: 28px;
}

body.canopus .hp-prayer-times--header-countdown :is(.hp-prayer-countdown-label, .hp-prayer-countdown-row) {
  font-size: 12px;
}

body.canopus .hp-prayer-countdown-list {
  border: 0 !important;
  border-top: 2px solid var(--hp-accent) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12) !important;
}

body.canopus .hp-contact-cta {
  border-radius: 0 !important;
}

body.canopus .hp-contact-cta__action {
  padding: 3px 25px;
  border: 1px solid currentColor;
  border-radius: 2px !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

body.canopus .hp-contact-cta__action:hover {
  border-color: var(--hp-accent);
  color: var(--hp-accent);
}

/* Namaz haftalık başlık: etiket üstte, başlık altında */
body.canopus .hp-prayer-week > header {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
}

/* Hava durumu sayfa üst alanı */
body.canopus .hp-weather-page-header {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cs-line) !important;
}

/* ================= Akaryakıt ================= */
body.canopus .hp-fuel-page > .hp-economy-panel__head {
  flex-wrap: wrap;
  align-items: flex-start;
}

body.canopus .hp-fuel-city-picker summary {
  min-height: 30px;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  color: var(--cs-tab-ink) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 30px;
  transition: all .5s ease 0s;
}

body.canopus .hp-fuel-city-picker summary:hover,
body.canopus .hp-fuel-city-picker[open] summary {
  background: var(--hp-accent) !important;
  color: #fff !important;
}

body.canopus .hp-fuel-city-picker summary:hover i,
body.canopus .hp-fuel-city-picker[open] summary i {
  color: #fff !important;
}

body.canopus .hp-fuel-city-picker > div {
  border: 0 !important;
  border-top: 2px solid var(--hp-accent) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
}

body.canopus .hp-fuel-city-picker nav a {
  border-radius: 0 !important;
  font-size: 15px;
}

body.canopus .hp-fuel-city-picker nav a:is(:hover, [aria-current="page"]) {
  background: transparent !important;
  color: var(--hp-accent) !important;
}

body.canopus .hp-fuel-city-picker input {
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
}

body.canopus .hp-economy-fuel article {
  border: 1px solid var(--cs-line);
  border-radius: 0;
  background: var(--cs-surface);
}

body.canopus .hp-economy-fuel h3 {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

body.canopus .hp-economy-fuel :is(dt, dd) {
  font-size: 15px;
}

body.canopus .hp-economy-fuel dd {
  color: var(--cs-ink);
  font-weight: 600;
}

body.canopus .hp-fuel-empty {
  border: 1px solid var(--cs-line);
  background: var(--cs-soft);
  color: var(--cs-muted);
}

body.canopus .hp-fuel-cities {
  margin-top: 40px;
  padding-top: 0;
  border-top: 0;
}

body.canopus .hp-fuel-cities > header {
  margin-bottom: 32px;
}

body.canopus .hp-fuel-cities > header span {
  color: var(--hp-accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}

body.canopus .hp-fuel-cities > header h3 {
  position: relative;
  display: inline-block;
  margin: 0;
  color: var(--cs-ink);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

body.canopus .hp-fuel-cities > header h3::before,
body.canopus .hp-fuel-cities > header h3::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--hp-accent);
  content: "";
}

body.canopus .hp-fuel-cities > header h3::after {
  bottom: -11px;
}

body.canopus .hp-fuel-cities > header h3::before {
  bottom: -14px;
}

body.canopus .hp-fuel-cities > div > a {
  border: 1px solid var(--cs-line) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  color: var(--cs-ink) !important;
  font-size: 15px;
}

body.canopus .hp-fuel-cities > div > a:is(:hover, [aria-current="page"]) {
  border-color: var(--hp-accent) !important;
  background: var(--cs-surface) !important;
  color: var(--hp-accent) !important;
}

body.canopus .hp-fuel-cities > div > a:is(:hover, [aria-current="page"]) i {
  color: var(--hp-accent) !important;
}

/* Ekonomi haber kartları (referans: .recent-comments/.tab-bottom-content görselli liste) */
body.canopus .hp-economy-news > header {
  margin-bottom: 32px;
}

body.canopus .hp-economy-news > header > span {
  color: var(--hp-accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.canopus .hp-economy-news h2 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

body.canopus .hp-economy-news__media {
  border-radius: 0;
}

body.canopus .hp-economy-news h3 {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

body.canopus .hp-economy-news article:hover h3 {
  color: var(--hp-accent);
}

body.canopus .hp-economy-news article:hover img {
  opacity: .8;
  transform: none;
}

body.canopus .hp-economy-news small {
  font-size: 12px;
  text-transform: uppercase;
}

body.canopus .hp-economy-news time {
  color: var(--cs-muted);
  font-size: 12px;
}

/* ================= Kapak satırı: iç sayfa bandı (breadcrumb bandının devamı, tam genişlik) ================= */
body.canopus .hp-layout-row.cs-cover-row {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  padding: 0 0 68px;
  background: var(--cs-dark);
  box-shadow: 0 0 0 100vmax var(--cs-dark);
  clip-path: inset(0 -100vmax);
  color: #fff;
}

/* Görselli kapaklar (hava, namaz, eczane, sinema): görsel kutu bandın altında kapsayıcı genişliğinde durur */
body.canopus .hp-layout-row.cs-cover-row:has(:is(.hp-weather-cover, .hp-prayer-hero, .hp-pharmacy-detail__hero-wrap, .hp-cinema-hero)) {
  padding-bottom: 0;
  background: transparent;
  box-shadow: none;
  clip-path: none;
}

body.canopus .cs-cover-row .hp-global-block-body {
  padding: 0 !important;
}

body.canopus .cs-cover-row .hp-block {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.canopus .cs-cover-row :is(.hp-block-market-cover, .hp-block-weather-cover, .hp-block-prayer-cover, .hp-block-pharmacy-cover, .hp-block-standings-cover, .hp-block-horoscope-cover, .hp-block-cinema-hero) {
  margin-bottom: 0 !important;
}

body.canopus .cs-cover-row :is(.hp-market-cover, .hp-standings-cover, .hp-horoscope__cover) {
  background: transparent !important;
}

body.canopus .cs-cover-row .hp-market-cover__intro {
  padding: 0 0 20px !important;
}

body.canopus .cs-cover-row .hp-market-cover__board {
  padding: 0 !important;
}

body.canopus .cs-cover-row .hp-standings-cover,
body.canopus .cs-cover-row .hp-horoscope__cover {
  padding-inline: 0 !important;
}

/* Sayfa başlığı satırı (kapaksız servis sayfaları): başlık bloğu = .header-page-title h1 */
body.canopus .cs-cover-row :is(.hp-heading, .hp-heading-frame) {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.canopus .cs-cover-row .hp-heading-frame::before,
body.canopus .cs-cover-row .hp-heading-frame::after {
  display: none !important;
}

body.canopus .cs-cover-row .hp-heading-text {
  margin: 10px 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: var(--hp-font-heading);
  font-size: 30px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 33px !important;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  body.canopus .hp-layout-row.cs-cover-row {
    padding-bottom: 36px;
  }

  body.canopus .cs-cover-row .hp-heading-text {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}

/* ================= Tiyatro başlığı ================= */
body.canopus .hp-theater > header {
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0 16px;
}

body.canopus .hp-theater > header > small {
  flex: 0 0 100%;
}

body.canopus .hp-theater > header > span {
  color: var(--cs-muted);
  font-size: 12px;
  text-transform: uppercase;
}

/* ================= Burç yan listesi: koyu kutu satırları (.categories-home ul li) ================= */
body.canopus .hp-horoscope__sidebar > div {
  display: block !important;
  gap: 0 !important;
  background: transparent !important;
}

body.canopus .hp-horoscope__sidebar > div > a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 15px;
  line-height: 25px;
}

body.canopus .hp-horoscope__sidebar > div > a:last-child {
  margin-bottom: 0;
}

body.canopus .hp-horoscope__sidebar > div > a img {
  filter: brightness(0) invert(1) !important;
}

body.canopus .hp-horoscope__sidebar > div > a > i {
  margin-inline-start: auto;
  padding: 0 5px;
  border: 1px solid #ccc;
  color: #fff;
  font-size: 12px;
}

body.canopus .hp-horoscope__sidebar > header > div > span {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  text-transform: uppercase;
}

body.canopus .hp-horoscope__sidebar > header > div h2 {
  color: #fff !important;
}

/* ================= Anketler (.account-page-area dili: kare alan, #f2f2f2, vurgu düğme) ================= */
body.canopus .hp-poll {
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  color: var(--cs-text) !important;
}

body.canopus .hp-poll-content {
  padding: 22px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.canopus .hp-poll .hp-widget-title {
  position: relative;
  display: inline-block;
  margin: 0 0 32px !important;
  padding: 0 !important;
  color: var(--cs-ink) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
  text-transform: uppercase !important;
}

body.canopus .hp-poll .hp-widget-title::before {
  position: absolute;
  inset: auto 0 -14px 0;
  display: block;
  width: auto;
  height: 1px;
  border: 0;
  background: var(--hp-accent);
  content: "";
}

body.canopus .hp-poll .hp-widget-title::after {
  position: absolute;
  inset: auto 0 -11px 0;
  height: 1px;
  background: var(--hp-accent);
  content: "";
}

body.canopus .hp-poll h3 {
  margin: 0 0 20px !important;
  color: var(--cs-ink) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
}

body.canopus .hp-poll fieldset {
  display: grid;
  gap: 10px;
  border: 0 !important;
}

body.canopus .hp-poll .list-group-item,
body.canopus .hp-poll .hp-poll-option {
  min-height: 45px;
  padding: 10px 15px !important;
  border: 1px solid var(--cs-box) !important;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
  box-shadow: none !important;
  color: var(--cs-text) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all .5s ease 0s;
}

body.canopus .hp-poll .hp-poll-option:hover,
body.canopus .hp-poll .hp-poll-option:has(input:checked) {
  border-color: var(--hp-accent) !important;
  background: var(--cs-surface) !important;
  color: var(--cs-ink) !important;
}

body.canopus .hp-poll .form-check-input {
  width: 1.3em;
  height: 1.3em;
  margin-top: 0;
  border: 1px solid #a9a9a9;
  border-radius: 50%;
  background-color: var(--cs-surface);
  box-shadow: none !important;
}

body.canopus .hp-poll .form-check-input:checked {
  border-color: var(--hp-accent);
  background-color: var(--hp-accent);
}

body.canopus .hp-poll-submit {
  min-height: 0;
  margin-top: 20px !important;
  padding: 11px 50px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--hp-accent) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: none;
  transition: all .5s ease 0s;
}

body.canopus .hp-poll-submit:is(:hover, :focus-visible) {
  background: var(--cs-dark) !important;
  color: #fff !important;
}

body.canopus .hp-poll .progress {
  height: 10px;
  border-radius: 0 !important;
  background: var(--cs-soft) !important;
}

body.canopus .hp-poll .progress-bar {
  border-radius: 0 !important;
  background: var(--hp-accent) !important;
}

body.canopus .hp-poll-result-head {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
}

body.canopus .hp-poll-result-head small,
body.canopus .hp-poll-summary {
  color: var(--cs-muted) !important;
  font-size: 12px;
}

/* Diğer anketler */
body.canopus .hp-poll-list-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 32px !important;
  padding: 0 !important;
  border: 0 !important;
}

body.canopus .hp-poll-list-title span {
  position: relative;
  display: inline-block;
  padding: 0 !important;
  border: 0 !important;
  color: var(--cs-ink) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 30px;
  text-transform: uppercase;
}

body.canopus .hp-poll-list-title span::before,
body.canopus .hp-poll-list-title span::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--hp-accent);
  content: "";
}

body.canopus .hp-poll-list-title span::before {
  inset: auto 0 -14px 0;
}

body.canopus .hp-poll-list-title span::after {
  inset: auto 0 -11px 0;
}

body.canopus .hp-poll-list-title em {
  padding: 2px 5px;
  border-radius: 0 !important;
  background: var(--hp-accent) !important;
  color: #fff !important;
  font-size: 12px;
  font-style: normal;
  line-height: 15px;
}

body.canopus .hp-poll-card-link {
  border: 1px solid var(--cs-line) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  color: var(--cs-text) !important;
  transition: all .5s ease 0s;
}

body.canopus .hp-poll-card-link:is(:hover, :focus-visible) {
  border-color: var(--hp-accent) !important;
}

body.canopus .hp-poll-card-icon {
  border-radius: 0 !important;
  background: var(--hp-accent) !important;
  color: #fff !important;
}

body.canopus .hp-poll-card-title {
  color: var(--cs-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

body.canopus .hp-poll-card-link:hover .hp-poll-card-title {
  color: var(--hp-accent);
}

body.canopus .hp-poll-card-cta {
  color: var(--cs-ink) !important;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

body.canopus .hp-poll-card-votes {
  color: var(--cs-muted);
  font-size: 12px;
}

/* ================= Etkinlik, trafik durumu ================= */
body.canopus :is(.hp-events__card, .hp-events__detail, .hp-events__screenings > a, .hp-events__cities a, .hp-road-status .hp-road-status-body, .hp-road-history) {
  border: 1px solid var(--cs-line) !important;
  border-radius: 0 !important;
  background: var(--cs-surface) !important;
  box-shadow: none !important;
  color: var(--cs-text);
}

body.canopus .hp-events__card:hover {
  border-color: var(--hp-accent) !important;
}

body.canopus .hp-events h1,
body.canopus .hp-events__card h2 {
  color: var(--cs-ink);
  font-weight: 600;
}

body.canopus .hp-events__head > span {
  border-radius: 0;
}

body.canopus .hp-road-status__icon {
  border-radius: 0 !important;
}


/* ================= Mobil ================= */
@media (max-width: 959.98px) {
  body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1) {
    font-size: 17px !important;
  }

  body.canopus :is(.hp-market-cover, .hp-weather-cover, .hp-prayer-hero, .hp-pharmacy-detail__hero, .hp-standings-cover, .hp-horoscope__cover, .hp-cinema-hero) h1 {
    font-size: 24px !important;
    line-height: 28px !important;
  }
}

@media (max-width: 767.98px) {
  body.canopus :is(.hp-economy-panel__head, .hp-economy-tools > header, .hp-stocks__head, .hp-weather-turkey > header, .hp-prayer-week > header, .hp-standings-section-head, .hp-horoscope__sidebar > header, .hp-cinema__head, .hp-cinema-venue-card__head, .hp-theater > header, .hp-official-head, .hp-weather-subtitle) :is(h2, h1) {
    font-size: 15px !important;
  }

  body.canopus :is(.hp-market-cover, .hp-weather-cover, .hp-prayer-hero, .hp-pharmacy-detail__hero, .hp-standings-cover, .hp-horoscope__cover, .hp-cinema-hero) h1 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  body.canopus .hp-prayer-page-heading > .hp-prayer-page-description {
    display: none;
  }

  body.canopus .hp-prayer-week > header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  body.canopus :is(.hp-pharmacy-filters, .hp-standings-cover__nav, .hp-horoscope__nav, .hp-economy-nav) {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }

  body.canopus :is(.hp-pharmacy-filters button, .hp-standings-cover__nav a, .hp-horoscope__nav a, .hp-economy-nav a) {
    flex: 0 0 auto;
    padding: 0 14px !important;
    font-size: 13px !important;
  }

  body.canopus .hp-pharmacy-district__head {
    padding: 14px 12px !important;
  }

  body.canopus .hp-pharmacy-district__head h2 {
    font-size: 17px !important;
  }

  body.canopus .hp-horoscope__sidebar {
    padding: 20px;
  }
}

@media (max-width: 575.98px) {
  /* Piyasa kapağı: dar ekranda kutu içinde ad ve fiyat alt alta */
  body.canopus .hp-market-cover__quote {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 4px !important;
  }

  body.canopus .hp-market-cover__quote > strong {
    font-size: 16px !important;
  }

  body.canopus .hp-market-cover__change {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  /* Eczane düğmeleri sığmazsa alt satıra iner */
  body.canopus .hp-pharmacy-entry__actions {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  /* İl listeleri telefonda iki sütun */
  body.canopus .hp-weather-other-cities,
  body.canopus .hp-fuel-cities > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.canopus .hp-weather-other-cities > a {
    grid-template-columns: minmax(0, 1fr) 26px auto !important;
    gap: 4px !important;
    padding: 8px 10px !important;
  }

  body.canopus .hp-weather-other-cities .hp-weather-city-icon {
    width: 26px !important;
  }

  /* Namaz haftalık tablo: yedi sütun ekrana sığar */
  body.canopus .hp-prayer-week :is(th, td) {
    padding: 8px 3px !important;
    font-size: 12.5px !important;
  }

  body.canopus .hp-prayer-week tbody th > small {
    display: none !important;
  }

  body.canopus .hp-cloud-service__items {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ================= Koyu mod ================= */
html[data-bs-theme="dark"] body.canopus main :is(.hp-block-market-cover, .hp-block-economy, .hp-block-stocks, .hp-block-weather-cover, .hp-block-weather, .hp-block-prayer-cover, .hp-block-prayer-week, .hp-block-prayer-city-picker, .hp-block-prayer-city-links, .hp-block-pharmacy-cover, .hp-block-pharmacy-list, .hp-block-pharmacy-city-picker, .hp-block-standings, .hp-block-standings-cover, .hp-block-standings-leagues, .hp-block-cinema, .hp-block-cinema-hero, .hp-block-cinema-venues, .hp-block-cinema-halls, .hp-block-cinema-film-detail, .hp-block-cinema-cities, .hp-block-theater, .hp-block-events, .hp-block-horoscope-cover, .hp-block-horoscope-content, .hp-block-horoscope-navigation, .hp-block-horoscope-sidebar, .hp-block-road-status, .hp-block-poll, .hp-block-poll-list, .hp-block-earthquake, .hp-block-official-adverts, .hp-block-newspaper-covers, .hp-block-economic-data, .hp-block-evds, .hp-block-history, .hp-block-health, .hp-block-bucket, .hp-block-locations) {
  --hp-accent: var(--hp-dark-accent, #ff4d4d);
}

html[data-bs-theme="dark"] body.canopus :is(.hp-market-cover__quote, .hp-economy-tools form, .hp-weather-panel) {
  background: var(--cs-surface) !important;
  color: var(--cs-text) !important;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-service-city-input, .hp-voice-field, .hp-pharmacy-entry__hours) {
  border-color: var(--cs-box) !important;
  background: var(--cs-soft) !important;
  color: var(--cs-ink) !important;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-service-city-input, .hp-voice-field) :is(input, .form-control, .input-group-text) {
  border-color: var(--cs-box) !important;
  background: var(--cs-soft) !important;
  color: var(--cs-ink) !important;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-pharmacy-entry__hours *, .hp-pharmacy-district__head h2, .hp-service-city-picker label) {
  color: var(--cs-ink) !important;
}

html[data-bs-theme="dark"] body.canopus :is(.hp-service-city-picker, .hp-pharmacy-city-picker) {
  background: transparent !important;
}

html[data-bs-theme="dark"] body.canopus .hp-economy-tools output {
  background: var(--cs-soft) !important;
  color: var(--cs-ink) !important;
}

/* ================= KONTROL-1 düzeltmeleri (14.10) ================= */
/* 1) Kapak bantlarında başlık tek kez: breadcrumb'ın son öğesi (sayfa adı) kapak başlığını yinelemesin */
body.canopus:has(.cs-cover-row) .hp-breadcrumb-row .breadcrumb-item.active {
  display: none;
}

/* 2) Eczane: ilçe şeridi düz 1px kutu, düğmeler baskın değil (düz çerçeve, hover'da accent) */
body.canopus .hp-pharmacy-district__head {
  border: 1px solid var(--cs-line) !important;
  border-radius: 0 !important;
  padding: 14px 20px !important;
}

body.canopus .hp-pharmacy-entry__actions :is(a, button) {
  min-height: 30px;
  padding: 4px 14px !important;
  border: 1px solid var(--cs-line) !important;
  background: var(--cs-surface) !important;
  color: var(--cs-ink) !important;
  font-weight: 500 !important;
}

body.canopus .hp-pharmacy-entry__actions :is(a, button):hover {
  border-color: var(--hp-accent) !important;
  background: var(--hp-accent) !important;
  color: #fff !important;
}

/* 3) Bölüm başlıkları tek katman: küçük etiket (kicker) ve harita ikonu gizlenir */
body.canopus :is(.hp-weather-turkey, .hp-prayer-week, .hp-weather-hourly-section, .hp-weather-subtitle, .hp-stocks__head) :is(.hp-kicker, .hp-stocks__kicker),
body.canopus .hp-weather-turkey > header > :is(i, .ti, div > i) {
  display: none !important;
}

/* 4) Döviz satırı: sabit yükseklik, bayrak ve metin dikey ortada */
body.canopus .hp-economy-row {
  min-height: 56px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

body.canopus .hp-economy-row__name {
  align-items: center;
}

body.canopus .hp-economy-row__name img {
  width: 28px;
  height: 20px;
  flex: 0 0 28px;
  object-fit: cover;
}

/* 5) Namaz il listesi okunur boyut */
body.canopus .hp-prayer-city-links__grid > a :is(span, strong) {
  font-size: 13px !important;
  line-height: 18px;
}