/* Political Headache - Additional CSS (cleaned) */

/* ===== DARK MODE OVERRIDES ===== */
.ph-dark {
  --ph-bg: #111111;
  --ph-surface: #1A1A1A;
  --ph-text: #F0F0F0;
  --ph-text-secondary: #CCCCCC;
  --ph-muted: #999999;
  --ph-border: #333333;
  --ph-border-light: #2A2A2A;
  --ph-code-bg: #222222;
}


/* ===== THEME TOGGLE ===== */
.ph-theme-toggle {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  color: var(--ph-muted) !important;
  display: flex !important;
  align-items: center !important;
}
.ph-theme-toggle:hover { color: var(--ph-text) !important; }
.ph-theme-toggle__sun { display: none; }
.ph-theme-toggle__moon { display: block; }
.ph-dark .ph-theme-toggle__sun { display: block; }
.ph-dark .ph-theme-toggle__moon { display: none; }


/* ===== READING PROGRESS ===== */
.ph-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: #C41E3A;
  z-index: 9999;
  transition: width 50ms linear;
}


/* ===== AUTHOR BIO ===== */
.ph-author-bio {
  background: var(--ph-surface) !important;
  border: 1px solid var(--ph-border) !important;
  border-radius: 10px !important;
  padding: 1.75rem !important;
  margin: 2rem 0 !important;
}
.ph-author-bio__header {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}
.ph-author-bio__avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.ph-author-bio__label {
  display: block !important;
  font-size: .75rem !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: var(--ph-muted) !important;
  font-weight: 600 !important;
}
.ph-author-bio__name {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--ph-text) !important;
  text-decoration: none !important;
}
.ph-author-bio__name:hover { color: #C41E3A !important; }
.ph-author-bio__desc {
  font-size: .95rem !important;
  color: var(--ph-text-secondary) !important;
  line-height: 1.6 !important;
  margin-bottom: 1rem !important;
}
.ph-author-bio__links { display: flex !important; gap: 1rem !important; }
.ph-author-bio__link {
  font-size: .85rem !important;
  font-weight: 600 !important;
  color: #C41E3A !important;
  text-decoration: none !important;
}
.ph-author-bio__link:hover { text-decoration: underline !important; }


/* ===== JETPACK / MISC CLEANUP ===== */
.jetpack-subscription-modal,
#jetpack-subscription-modal,
.jetpack-subscribe-modal,
[class*="jetpack-subscription-modal"] {
  display: none !important;
  visibility: hidden !important;
}


/* ===== COMMENTS ===== */
.ph-article__body .comments-area {
  margin-top: 2rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid var(--ph-border) !important;
}


/* === LOGO SIZING (all screens) === */
.custom-logo-link img,
.custom-logo {
  max-height: 55px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}
.ph-site-title {
  display: flex !important;
  align-items: center !important;
}


/* =============================================
   NEW ELEMENTS — Share Buttons, Listen, Search
   ============================================= */


/* === SHARE BUTTONS === */
.ph-article__share {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.ph-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--ph-border, #ddd);
  background: transparent;
  color: var(--ph-text-muted, #666);
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.ph-share-btn:hover {
  transform: scale(1.1);
}
.ph-share--x:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}
.ph-share--fb:hover {
  background: #1877f2;
  color: #fff;
  border-color: #1877f2;
}
.ph-share--wa:hover {
  background: #25d366;
  color: #fff;
  border-color: #25d366;
}
.ph-share--tg:hover {
  background: #0088cc;
  color: #fff;
  border-color: #0088cc;
}
.ph-share--email:hover {
  background: #ea4335;
  color: #fff;
  border-color: #ea4335;
}
.ph-share--copy:hover {
  background: var(--ph-accent, #c62828);
  color: #fff;
  border-color: var(--ph-accent, #c62828);
}
.ph-share--copy.ph-copied {
  background: #2e7d32;
  color: #fff;
  border-color: #2e7d32;
}
/* Dark mode share buttons */
.ph-dark .ph-share-btn {
  border-color: var(--ph-border, #444);
  color: var(--ph-text-muted, #aaa);
}


/* === LISTEN BUTTON === */
.ph-listen-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.75rem 0;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1.5px solid var(--ph-accent, #c62828);
  border-radius: 2rem;
  background: transparent;
  color: var(--ph-accent, #c62828);
  cursor: pointer;
  transition: all 0.2s ease;
}
.ph-listen-btn:hover {
  background: var(--ph-accent, #c62828);
  color: #fff;
}
.ph-listen-btn svg {
  flex-shrink: 0;
}
.ph-dark .ph-listen-btn {
  border-color: var(--ph-accent, #ef5350);
  color: var(--ph-accent, #ef5350);
}
.ph-dark .ph-listen-btn:hover {
  background: var(--ph-accent, #ef5350);
  color: #fff;
}


/* === 4. DARK MODE CARD SEPARATION === */
.ph-dark body,
.ph-dark .ph-wrap {
  background-color: #1a1a1a !important;
}
.ph-dark .ph-main {
  background-color: #252525 !important;
  padding: 2rem 2.5rem;
  border-radius: 6px;
}
.ph-dark .ph-sidebar {
  background-color: transparent;
}
.ph-dark .ph-sidebar .widget,
.ph-dark .ph-also-read,
.ph-dark .ph-also-like,
.ph-dark .ph-author-bio {
  background-color: #252525 !important;
  padding: 1.25rem;
  border-radius: 6px;
}
.ph-dark .ph-card {
  background-color: #2a2a2a;
  border-radius: 4px;
  overflow: hidden;
}
.ph-dark .ph-popular-sidebar,
.ph-dark .ph-newsletter-box {
  background-color: #252525 !important;
  border-radius: 6px;
}




/* ===== SIDEBAR CARD FIXES (v3) ===== */

/* Fix heading size: .ph-card--sm class is on the title element, not a parent */
.ph-card__title.ph-card--sm,
h4.ph-card__title.ph-card--sm,
.ph-grid-feature__list .ph-card__title,
.ph-grid-feature__list h4 {
    font-size: 0.9375rem !important;
    line-height: 1.3 !important;
}

/* Hide dark placeholder images in sidebar horizontal cards */
.ph-grid-feature__list .ph-card--horiz .ph-card__image {
    display: none !important;
}

/* Let sidebar card text use full width without image */
.ph-grid-feature__list .ph-card--horiz {
    flex-direction: column !important;
}
.ph-grid-feature__list .ph-card--horiz .ph-card__body {
    width: 100% !important;
}

/* Mobile: smaller heading in sidebar */
@media (max-width: 768px) {
    .ph-grid-feature__list .ph-card__title,
    .ph-grid-feature__list h4,
    .ph-card__title.ph-card--sm,
    h4.ph-card__title.ph-card--sm {
        font-size: 0.875rem !important;
        line-height: 1.25 !important;
    }
}


/* ===== ABOUT PAGE ===== */
.page-id-26 .entry-content {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.page-id-26 #primary {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.page-id-26 .ph-about-section > .wp-block-heading,
.page-id-26 .ph-about-section > .wp-block-paragraph,
.page-id-26 .ph-about-section > .wp-block-columns {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.page-id-26 .wp-block-cover .wp-block-cover__inner-container {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.page-id-26 .ph-about-gray {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: 30px;
  padding-right: 30px;
}
.page-id-26 .ph-about-dark {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: 30px;
  padding-right: 30px;
}
.page-id-26 .wp-block-cover {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.page-id-26 .wp-block-columns .wp-block-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
@media (max-width: 782px) {
  .page-id-26 .wp-block-columns {
    flex-direction: column;
  }
  .page-id-26 .wp-block-columns .wp-block-image img {
    height: 200px;
  }
}