/* ================================================
   MedicalWay Custom Styles - customizeVer2
   ================================================ */

/* Load Cairo from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');

/* ── Apply Cairo to everything ── */
body, p, li, a, span, div, input, textarea, select, button {
  font-family: 'Cairo', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700;
}

/* ── Brand Colors ── */
:root {
  --mw-primary: #2196C4;
  --mw-accent:  #8DC63F;
  --mw-dark:    #1E2A35;
  --mw-bg:      #F8F9FA;
  --mw-border:  #E8ECF0;

  /* Override Publisher red with our brand blue */
  --publisher-primary-color: #2196C4;
  --publisher-primary-hover-color: #1a7aab;
}

/* ── Override all hardcoded Publisher red (#e81919) ── */
::selection { background: var(--mw-primary) !important; }

*[style*="#e81919"],
*[style*="e81919"] {
  color: var(--mw-primary) !important;
  background-color: var(--mw-primary) !important;
}

/* Publisher specific elements with hardcoded red */
.better-newsticker .heading,
p.heading,
.bs-pinned-post .bs-pinned-label,
.bs-label-cat a,
.entry-category a,
.post-box-cat a,
.bs-widget-title-l > span,
.bs-widget-title-r > span {
  background-color: var(--mw-primary) !important;
  border-color: var(--mw-primary) !important;
  color: #fff !important;
}

/* ── Background ── */
body { background-color: var(--mw-bg) !important; }

/* ── Header ── */
#header {
  background-color: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}

/* ── Links ── */
a { color: var(--mw-primary); }
a:hover { color: var(--mw-accent); }

/* ── Article Cards ── */
.post {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
}

/* ── Category Tags ── */
.cat-links a, .post-cat a {
  background: var(--mw-primary) !important;
  color: #fff !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
}

/* ── Hide "Front Page" title ── */
.page-title,
h1.page-title,
.bf-breadcrumb,
.page-header .page-title,
span.post-title.h-text,
.post-title.h-text {
  display: none !important;
}

/* ── Navigation active item text color only ── */
#header .current-menu-item > a,
#header .current_page_item > a,
#header .current-menu-ancestor > a {
  color: var(--mw-primary) !important;
}

/* ── Match bsm-leave to normal menu item style ── */
#header .sub-menu li.bsm-leave > a,
#header .sub-menu li.bsm-enter > a {
  background-color: #ffffff !important;
  color: #1E2A35 !important;
  border-color: #e8ecf0 !important;
}

/* ── Hover state for sub-menu items ── */
#header .sub-menu .menu-item > a:hover {
  background-color: #2196C4 !important;
  color: #ffffff !important;
}

/* ── Hover state for main nav items ── */
#header .main-nav > ul > li > a:hover {
  color: #2196C4 !important;
}

/* ── Publisher red accent override ── */
.bf-button,
.site-link:hover,
.breaking-news-label,
.post-label,
.better-newsticker .label,
p.heading {
  background-color: var(--mw-primary) !important;
  border-color: var(--mw-primary) !important;
  color: #fff !important;
}

/* ── Footer ── */
#footer {
  background: var(--mw-dark) !important;
  color: rgba(255,255,255,0.8) !important;
}
#footer a { color: var(--mw-accent) !important; }