{"id":32,"date":"2026-01-02T22:27:04","date_gmt":"2026-01-02T22:27:04","guid":{"rendered":"https:\/\/behindthecitgo.com\/?page_id=32"},"modified":"2026-02-10T20:17:01","modified_gmt":"2026-02-10T20:17:01","slug":"podcasts","status":"publish","type":"page","link":"https:\/\/behindthecitgo.com\/?page_id=32","title":{"rendered":"Podcast"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t<div class=\"elementor-element elementor-element-626d39f e-flex e-con-boxed e-con e-parent\" data-id=\"626d39f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e77ba3 elementor-widget elementor-widget-html\" data-id=\"9e77ba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\nBehind the Citgo - Listening Page\nDrop into a WordPress \"Custom HTML\" block.\nNo external dependencies.\n=========================== -->\n\n<div id=\"btc-podcast-page\" class=\"btc-wrap\" aria-label=\"Behind the Citgo podcast listening page\">\n\n  <!-- Decorative background layers -->\n  <div class=\"btc-bg\">\n    <div class=\"btc-orb btc-orb-1\"><\/div>\n    <div class=\"btc-orb btc-orb-2\"><\/div>\n    <div class=\"btc-orb btc-orb-3\"><\/div>\n    <div class=\"btc-grid\"><\/div>\n  <\/div>\n\n  <!-- Header \/ Hero -->\n  <header class=\"btc-hero\" role=\"banner\">\n    <div class=\"btc-hero-inner\">\n\n      <h1 class=\"btc-title\">\n        <span class=\"btc-title-main\">Behind the Citgo<\/span>\n        <span class=\"btc-title-sub\">The Unseen World of Addiction<\/span>\n      <\/h1>\n\n      <p class=\"btc-lead\">\n        Listen to the latest episodes, explore the playlist, and share the show!\n      <\/p>\n\n      <div class=\"btc-actions\" role=\"group\" aria-label=\"Primary actions\">\n        <button type=\"button\" class=\"btc-btn btc-btn-primary\" id=\"btc-jump-to-player\">\n          Jump to Player\n        <\/button>\n\n        <button type=\"button\" class=\"btc-btn btc-btn-ghost\" id=\"btc-copy-link\" aria-label=\"Copy page link\">\n          Copy Page Link\n        <\/button>\n\n        <a class=\"btc-btn btc-btn-ghost\" id=\"btc-open-podbean\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n          Open in Podbean\n        <\/a>\n      <\/div>\n\n      <div class=\"btc-controls\" aria-label=\"Player controls panel\">\n        <div class=\"btc-control-card\">\n          <div class=\"btc-control-title\">Appearance<\/div>\n          <div class=\"btc-toggle-row\" role=\"group\" aria-label=\"Theme toggles\">\n            <button type=\"button\" class=\"btc-pill is-active\" data-theme=\"dark\">Dark<\/button>\n            <button type=\"button\" class=\"btc-pill\" data-theme=\"ember\">Ember<\/button>\n\n            <!-- NEW: two light themes -->\n            <button type=\"button\" class=\"btc-pill\" data-theme=\"porcelain\">Porcelain<\/button>\n            <button type=\"button\" class=\"btc-pill\" data-theme=\"sand\">Sand<\/button>\n\n            <!-- NEW: high contrast theme -->\n            <button type=\"button\" class=\"btc-pill\" data-theme=\"contrast\">High Contrast<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"btc-control-card\">\n          <div class=\"btc-control-title\">Episodes per view<\/div>\n          <div class=\"btc-toggle-row\" role=\"group\" aria-label=\"Episode limit toggles\">\n            <button type=\"button\" class=\"btc-pill\" data-limit=\"5\">5<\/button>\n            <button type=\"button\" class=\"btc-pill is-active\" data-limit=\"10\">10<\/button>\n            <button type=\"button\" class=\"btc-pill\" data-limit=\"20\">20<\/button>\n          <\/div>\n          <div class=\"btc-hint\">Updates the embedded playlist limit.<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- Main content -->\n  <main class=\"btc-main\" role=\"main\">\n    <section class=\"btc-player-section\" id=\"btc-player-section\" aria-label=\"Podcast player section\">\n      <div class=\"btc-section-head\"><\/div>\n\n      <div class=\"btc-player-card\">\n\n        <!-- Responsive iframe wrapper -->\n        <div class=\"btc-iframe-wrap\" aria-label=\"Embedded Podbean player\">\n          <!-- The iframe is injected\/updated by JS, but defaults below for no-JS -->\n          <iframe\n            id=\"btc-podbean-iframe\"\n            title=\"Behind the Citgo\"\n            allowtransparency=\"true\"\n            width=\"100%\"\n            height=\"1015\"\n            style=\"border:none; min-width: min(100%, 430px); height:80rem;\"\n            scrolling=\"no\"\n            data-name=\"pb-iframe-player\"\n            loading=\"lazy\"\n            allowfullscreen=\"\"\n            src=\"https:\/\/www.podbean.com\/player-v2\/?i=7ag6m-14b282d-pbblog-playlist&share=1&download=1&rtl=0&fonts=Arial&skin=1b1b1b&font-color=auto&logo_link=podcast_page&order=episodic&limit=10&filter=all&ss=a713390a017602015775e868a2cf26b0&btn-skin=ff6d00&size=315\">\n          <\/iframe>\n        <\/div>\n\n        <div class=\"btc-player-footer\" role=\"group\" aria-label=\"Player footer actions\">\n          <button type=\"button\" class=\"btc-btn btc-btn-secondary\" id=\"btc-refresh-player\">\n            Refresh Player\n          <\/button>\n          <button type=\"button\" class=\"btc-btn btc-btn-ghost\" id=\"btc-copy-embed\">\n            Copy Embed Code\n          <\/button>\n          <button type=\"button\" class=\"btc-btn btc-btn-ghost\" id=\"btc-copy-player-url\">\n            Copy Player URL\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Info cards -->\n      <div class=\"btc-info-grid\" aria-label=\"Listening tips and sharing\"><\/div>\n\n    <\/section>\n  <\/main>\n<\/div>\n\n<style>\n  \/* ===========================\n     Base \/ Reset\n  ============================ *\/\n  #btc-podcast-page, #btc-podcast-page * { box-sizing: border-box; }\n\n  #btc-podcast-page {\n    \/* Core tokens (Dark default) *\/\n    --btc-bg: #0b0c10;\n    --btc-card: rgba(255,255,255,0.06);\n    --btc-card-strong: rgba(255,255,255,0.10);\n    --btc-text: rgba(255,255,255,0.92);\n    --btc-muted: rgba(255,255,255,0.70);\n    --btc-border: rgba(255,255,255,0.14);\n\n    --btc-accent: #ff6d00;\n    --btc-accent-2: #ff2d95;\n    --btc-accent-3: #3cffd0;\n    --btc-warm: #ffb000;\n\n    --btc-shadow: 0 18px 55px rgba(0,0,0,0.45);\n    --btc-radius: 18px;\n    --btc-radius-lg: 26px;\n\n    color: var(--btc-text);\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", sans-serif;\n    line-height: 1.35;\n\n    position: relative;\n    overflow: hidden;\n    border-radius: var(--btc-radius-lg);\n\n    background:\n      radial-gradient(1200px 600px at 10% 0%, rgba(255, 109, 0, 0.18), transparent 55%),\n      radial-gradient(900px 500px at 90% 10%, rgba(255, 45, 149, 0.18), transparent 55%),\n      radial-gradient(900px 600px at 60% 100%, rgba(60, 255, 208, 0.12), transparent 60%),\n      var(--btc-bg);\n\n    border: 1px solid var(--btc-border);\n  }\n\n  \/* ===========================\n     Themes\n  ============================ *\/\n\n  \/* Ember theme (original) *\/\n  #btc-podcast-page[data-theme=\"ember\"] {\n    --btc-bg: #0b0610;\n    --btc-card: rgba(255, 180, 0, 0.08);\n    --btc-card-strong: rgba(255, 180, 0, 0.12);\n    --btc-border: rgba(255, 180, 0, 0.20);\n\n    --btc-accent: #ff6d00;\n    --btc-accent-2: #ffd166;\n    --btc-accent-3: #ff2d95;\n\n    background:\n      radial-gradient(1200px 700px at 12% 8%, rgba(255, 109, 0, 0.22), transparent 58%),\n      radial-gradient(900px 520px at 92% 18%, rgba(255, 209, 102, 0.18), transparent 56%),\n      radial-gradient(1000px 720px at 55% 110%, rgba(255, 45, 149, 0.14), transparent 62%),\n      var(--btc-bg);\n  }\n\n  \/* NEW: Porcelain (light #1) \u2014 crisp, bright, cool *\/\n  #btc-podcast-page[data-theme=\"porcelain\"] {\n    --btc-bg: #f6f9ff;\n    --btc-card: rgba(10, 20, 40, 0.06);\n    --btc-card-strong: rgba(10, 20, 40, 0.10);\n    --btc-text: rgba(15, 22, 35, 0.95);\n    --btc-muted: rgba(15, 22, 35, 0.72);\n    --btc-border: rgba(15, 22, 35, 0.16);\n\n    --btc-accent: #2563eb;   \/* blue *\/\n    --btc-accent-2: #06b6d4; \/* cyan *\/\n    --btc-accent-3: #7c3aed; \/* violet *\/\n\n    --btc-shadow: 0 20px 60px rgba(15, 22, 35, 0.16);\n\n    background:\n      radial-gradient(1200px 720px at 12% 0%, rgba(37, 99, 235, 0.18), transparent 58%),\n      radial-gradient(980px 540px at 90% 10%, rgba(6, 182, 212, 0.16), transparent 56%),\n      radial-gradient(900px 650px at 55% 110%, rgba(124, 58, 237, 0.14), transparent 62%),\n      var(--btc-bg);\n  }\n\n  \/* NEW: Sand (light #2) \u2014 warm, paper-like, earthy *\/\n  #btc-podcast-page[data-theme=\"sand\"] {\n    --btc-bg: #fbf3e6;\n    --btc-card: rgba(40, 24, 8, 0.06);\n    --btc-card-strong: rgba(40, 24, 8, 0.10);\n    --btc-text: rgba(34, 22, 12, 0.95);\n    --btc-muted: rgba(34, 22, 12, 0.72);\n    --btc-border: rgba(34, 22, 12, 0.18);\n\n    --btc-accent: #b45309;   \/* amber-brown *\/\n    --btc-accent-2: #c2410c; \/* burnt orange *\/\n    --btc-accent-3: #0f766e; \/* deep teal *\/\n\n    --btc-shadow: 0 22px 70px rgba(40, 24, 8, 0.18);\n\n    background:\n      radial-gradient(1200px 720px at 8% 0%, rgba(180, 83, 9, 0.20), transparent 58%),\n      radial-gradient(980px 540px at 92% 18%, rgba(194, 65, 12, 0.16), transparent 56%),\n      radial-gradient(900px 650px at 55% 112%, rgba(15, 118, 110, 0.12), transparent 62%),\n      var(--btc-bg);\n  }\n\n  \/* NEW: High Contrast \u2014 stark, hard edges *\/\n  #btc-podcast-page[data-theme=\"contrast\"] {\n    --btc-bg: #000000;\n    --btc-card: rgba(255,255,255,0.10);\n    --btc-card-strong: rgba(255,255,255,0.16);\n    --btc-text: rgba(255,255,255,1);\n    --btc-muted: rgba(255,255,255,0.92);\n    --btc-border: rgba(255,255,255,0.55);\n\n    --btc-accent: #ffffff;\n    --btc-accent-2: #ffffff;\n    --btc-accent-3: #ffffff;\n\n    --btc-shadow: 0 0 0 rgba(0,0,0,0);\n    border: 2px solid rgba(255,255,255,0.9);\n\n    background: #000;\n  }\n\n  .btc-wrap { width: 100%; }\n\n  .btc-bg {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .btc-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(14px);\n    opacity: 0.85;\n    transform: translateZ(0);\n  }\n\n  .btc-orb-1 {\n    width: 340px; height: 340px;\n    left: -90px; top: -120px;\n    background: radial-gradient(circle at 30% 30%, rgba(255,109,0,0.85), rgba(255,109,0,0.05));\n    animation: btcFloat 10s ease-in-out infinite;\n  }\n  .btc-orb-2 {\n    width: 360px; height: 360px;\n    right: -140px; top: 80px;\n    background: radial-gradient(circle at 30% 30%, rgba(255,45,149,0.72), rgba(255,45,149,0.05));\n    animation: btcFloat 12s ease-in-out infinite reverse;\n  }\n  .btc-orb-3 {\n    width: 440px; height: 440px;\n    left: 40%; bottom: -220px;\n    background: radial-gradient(circle at 30% 30%, rgba(60,255,208,0.55), rgba(60,255,208,0.04));\n    animation: btcFloat 14s ease-in-out infinite;\n  }\n\n  \/* Make the orbs match new themes *\/\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-orb-1 {\n    background: radial-gradient(circle at 30% 30%, rgba(37,99,235,0.45), rgba(37,99,235,0.06));\n    opacity: 0.65;\n  }\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-orb-2 {\n    background: radial-gradient(circle at 30% 30%, rgba(6,182,212,0.40), rgba(6,182,212,0.06));\n    opacity: 0.55;\n  }\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-orb-3 {\n    background: radial-gradient(circle at 30% 30%, rgba(124,58,237,0.35), rgba(124,58,237,0.05));\n    opacity: 0.55;\n  }\n\n  #btc-podcast-page[data-theme=\"sand\"] .btc-orb-1 {\n    background: radial-gradient(circle at 30% 30%, rgba(180,83,9,0.42), rgba(180,83,9,0.06));\n    opacity: 0.60;\n  }\n  #btc-podcast-page[data-theme=\"sand\"] .btc-orb-2 {\n    background: radial-gradient(circle at 30% 30%, rgba(194,65,12,0.38), rgba(194,65,12,0.06));\n    opacity: 0.52;\n  }\n  #btc-podcast-page[data-theme=\"sand\"] .btc-orb-3 {\n    background: radial-gradient(circle at 30% 30%, rgba(15,118,110,0.28), rgba(15,118,110,0.05));\n    opacity: 0.50;\n  }\n\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-orb,\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-grid {\n    display: none;\n  }\n\n  .btc-grid {\n    position: absolute;\n    inset: 0;\n    opacity: 0.22;\n    background-image:\n      linear-gradient(to right, rgba(255,255,255,0.06) 1px, transparent 1px),\n      linear-gradient(to bottom, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 44px 44px;\n    mask-image: radial-gradient(circle at 20% 10%, rgba(0,0,0,1), rgba(0,0,0,0) 60%);\n  }\n\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-grid {\n    opacity: 0.18;\n    background-image:\n      linear-gradient(to right, rgba(15,22,35,0.08) 1px, transparent 1px),\n      linear-gradient(to bottom, rgba(15,22,35,0.08) 1px, transparent 1px);\n    mask-image: radial-gradient(circle at 25% 10%, rgba(0,0,0,1), rgba(0,0,0,0) 62%);\n  }\n\n  #btc-podcast-page[data-theme=\"sand\"] .btc-grid {\n    opacity: 0.16;\n    background-image:\n      linear-gradient(to right, rgba(34,22,12,0.08) 1px, transparent 1px),\n      linear-gradient(to bottom, rgba(34,22,12,0.08) 1px, transparent 1px);\n    mask-image: radial-gradient(circle at 25% 10%, rgba(0,0,0,1), rgba(0,0,0,0) 64%);\n  }\n\n  @keyframes btcFloat {\n    0%   { transform: translate3d(0,0,0) scale(1); }\n    50%  { transform: translate3d(0,18px,0) scale(1.04); }\n    100% { transform: translate3d(0,0,0) scale(1); }\n  }\n\n  \/* ===========================\n     Hero\n  ============================ *\/\n  .btc-hero { position: relative; z-index: 1; padding: clamp(18px, 3vw, 34px); }\n\n  .btc-hero-inner {\n    padding: clamp(16px, 2.5vw, 28px);\n    border-radius: var(--btc-radius-lg);\n    background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05));\n    box-shadow: var(--btc-shadow);\n    border: 1px solid var(--btc-border);\n    backdrop-filter: blur(8px);\n  }\n\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-hero-inner,\n  #btc-podcast-page[data-theme=\"sand\"] .btc-hero-inner {\n    background: linear-gradient(180deg, rgba(255,255,255,0.70), rgba(255,255,255,0.38));\n    backdrop-filter: blur(10px);\n  }\n\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-hero-inner {\n    background: #000;\n    border: 2px solid rgba(255,255,255,0.9);\n    backdrop-filter: none;\n    box-shadow: none;\n  }\n\n  .btc-title { margin: 14px 0 8px; display: grid; gap: 6px; }\n\n  .btc-title-main {\n    font-size: clamp(28px, 4vw, 44px);\n    font-weight: 900;\n    letter-spacing: -0.8px;\n    line-height: 1.03;\n    background: linear-gradient(90deg, var(--btc-accent), var(--btc-accent-2), var(--btc-accent-3));\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  \/* High contrast uses solid white title (no gradient) *\/\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-title-main {\n    background: none;\n    -webkit-background-clip: initial;\n    background-clip: initial;\n    color: #fff;\n  }\n\n  .btc-title-sub {\n    font-size: clamp(14px, 2.2vw, 18px);\n    color: var(--btc-muted);\n    font-weight: 650;\n  }\n\n  .btc-lead {\n    margin: 10px 0 18px;\n    max-width: 70ch;\n    color: var(--btc-muted);\n    font-size: 15.5px;\n  }\n\n  .btc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }\n\n  .btc-btn {\n    appearance: none;\n    border: 1px solid var(--btc-border);\n    background: rgba(255,255,255,0.06);\n    color: var(--btc-text);\n    border-radius: 14px;\n    padding: 10px 14px;\n    font-weight: 750;\n    cursor: pointer;\n    transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;\n    user-select: none;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .btc-btn:hover {\n    transform: translateY(-1px);\n    background: rgba(255,255,255,0.09);\n    border-color: rgba(255,255,255,0.22);\n  }\n  .btc-btn:active { transform: translateY(0px); }\n\n  .btc-btn-primary {\n    border-color: color-mix(in srgb, var(--btc-accent) 45%, transparent);\n    background: linear-gradient(180deg,\n      color-mix(in srgb, var(--btc-accent) 24%, transparent),\n      color-mix(in srgb, var(--btc-accent) 10%, transparent)\n    );\n  }\n\n  .btc-btn-secondary {\n    border-color: color-mix(in srgb, var(--btc-accent-3) 40%, transparent);\n    background: linear-gradient(180deg,\n      color-mix(in srgb, var(--btc-accent-3) 18%, transparent),\n      color-mix(in srgb, var(--btc-accent-3) 8%, transparent)\n    );\n  }\n\n  .btc-btn-ghost { background: rgba(0,0,0,0.16); }\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-btn-ghost,\n  #btc-podcast-page[data-theme=\"sand\"] .btc-btn-ghost {\n    background: rgba(15,22,35,0.06);\n  }\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-btn,\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-btn-ghost {\n    background: #000;\n    border: 2px solid rgba(255,255,255,0.9);\n    border-radius: 8px;\n  }\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-btn:hover {\n    background: #111;\n    transform: none;\n  }\n\n  .btc-controls {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 8px;\n  }\n  @media (min-width: 840px) {\n    .btc-controls { grid-template-columns: 1fr 1fr 1fr; }\n  }\n\n  .btc-control-card {\n    border-radius: var(--btc-radius);\n    border: 1px solid var(--btc-border);\n    background: rgba(0,0,0,0.14);\n    padding: 12px 12px;\n  }\n\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-control-card,\n  #btc-podcast-page[data-theme=\"sand\"] .btc-control-card {\n    background: rgba(255,255,255,0.55);\n  }\n\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-control-card {\n    background: #000;\n    border: 2px solid rgba(255,255,255,0.9);\n    border-radius: 10px;\n  }\n\n  .btc-control-title { font-weight: 850; margin-bottom: 10px; letter-spacing: -0.2px; }\n\n  .btc-toggle-row { display: flex; gap: 10px; flex-wrap: wrap; }\n\n  .btc-pill {\n    border-radius: 999px;\n    padding: 8px 12px;\n    border: 1px solid var(--btc-border);\n    background: rgba(255,255,255,0.06);\n    color: var(--btc-text);\n    font-weight: 800;\n    cursor: pointer;\n    transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;\n  }\n\n  .btc-pill:hover { transform: translateY(-1px); }\n\n  .btc-pill.is-active {\n    border-color: color-mix(in srgb, var(--btc-accent) 55%, transparent);\n    background: linear-gradient(180deg,\n      color-mix(in srgb, var(--btc-accent) 24%, transparent),\n      color-mix(in srgb, var(--btc-accent) 10%, transparent)\n    );\n  }\n\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-pill {\n    border-radius: 8px;\n    border: 2px solid rgba(255,255,255,0.9);\n    background: #000;\n  }\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-pill.is-active {\n    background: #fff;\n    color: #000 !important;\n    -webkit-text-fill-color: #000 !important;\n  }\n\n  .btc-hint { margin-top: 10px; font-size: 12.5px; color: var(--btc-muted); }\n\n  \/* ===========================\n     Main \/ Player Card\n  ============================ *\/\n  .btc-main {\n    position: relative;\n    z-index: 1;\n    padding: 0 clamp(18px, 3vw, 34px) clamp(18px, 3vw, 34px);\n  }\n\n  .btc-player-section { margin-top: 10px; }\n\n  .btc-player-card {\n    border-radius: var(--btc-radius-lg);\n    border: 1px solid var(--btc-border);\n    background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));\n    box-shadow: var(--btc-shadow);\n    overflow: hidden;\n  }\n\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-player-card,\n  #btc-podcast-page[data-theme=\"sand\"] .btc-player-card {\n    background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.52));\n  }\n\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-player-card {\n    background: #000;\n    border: 2px solid rgba(255,255,255,0.9);\n    box-shadow: none;\n  }\n\n  .btc-iframe-wrap { padding: 14px; }\n  @media (min-width: 760px) {\n    .btc-iframe-wrap { padding: 16px 18px 10px; }\n  }\n\n  .btc-iframe-wrap iframe {\n    width: 100%;\n    border: none !important;\n    border-radius: 14px;\n    overflow: hidden;\n    background: rgba(0,0,0,0.18);\n    box-shadow: 0 16px 45px rgba(0,0,0,0.35);\n  }\n\n  #btc-podcast-page[data-theme=\"porcelain\"] .btc-iframe-wrap iframe,\n  #btc-podcast-page[data-theme=\"sand\"] .btc-iframe-wrap iframe {\n    background: rgba(15,22,35,0.06);\n    box-shadow: 0 20px 55px rgba(15,22,35,0.18);\n  }\n\n  #btc-podcast-page[data-theme=\"contrast\"] .btc-iframe-wrap iframe {\n    border-radius: 8px;\n    background: #000;\n    box-shadow: none;\n    outline: 2px solid rgba(255,255,255,0.9);\n  }\n\n  .btc-player-footer {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    padding: 0 14px 16px;\n    justify-content: center;\n    align-items: center;\n  }\n  @media (min-width: 760px) {\n    .btc-player-footer { padding: 0 18px 18px; }\n  }\n\n  .btc-info-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 14px;\n  }\n  @media (min-width: 900px) {\n    .btc-info-grid { grid-template-columns: 1fr 1fr 1fr; }\n  }\n\n  \/* ===========================\n     Focus states for accessibility\n  ============================ *\/\n  .btc-btn:focus,\n  .btc-pill:focus {\n    outline: 2px solid color-mix(in srgb, var(--btc-accent-3) 70%, transparent);\n    outline-offset: 2px;\n  }\n\n  \/* =========================================\n     FORCE BUTTON \/ LINK TEXT COLOR (theme-safe)\n  ========================================= *\/\n  #btc-podcast-page .btc-btn,\n  #btc-podcast-page .btc-btn:visited,\n  #btc-podcast-page .btc-pill,\n  #btc-podcast-page a.btc-btn,\n  #btc-podcast-page a.btc-btn:visited,\n  #btc-podcast-page button.btc-btn,\n  #btc-podcast-page button.btc-pill {\n    color: var(--btc-text) !important;\n    -webkit-text-fill-color: var(--btc-text) !important;\n  }\n<\/style>\n\n<!-- SCRIPTS -->\n<script>\n  (function () {\n    \/\/ Podbean embed URLs must be signature-matched (ss=...)\n    \/\/ Create one complete src per limit (5 \/ 10 \/ 20) from Podbean.\n    var srcByLimit = {\n      5:  \"https:\/\/www.podbean.com\/player-v2\/?i=7ag6m-14b282d-pbblog-playlist&share=1&download=1&rtl=0&fonts=Arial&skin=1b1b1b&font-color=auto&logo_link=podcast_page&order=episodic&limit=5&filter=all&ss=bcd3b6878f94d235528ab1ba3e3d596d&btn-skin=ff6d00&size=315\",\n      10: \"https:\/\/www.podbean.com\/player-v2\/?i=7ag6m-14b282d-pbblog-playlist&share=1&download=1&rtl=0&fonts=Arial&skin=1b1b1b&font-color=auto&logo_link=podcast_page&order=episodic&limit=10&filter=all&ss=a713390a017602015775e868a2cf26b0&btn-skin=ff6d00&size=315\",\n      20: \"https:\/\/www.podbean.com\/player-v2\/?i=7ag6m-14b282d-pbblog-playlist&share=1&download=1&rtl=0&fonts=Arial&skin=1b1b1b&font-color=auto&logo_link=podcast_page&order=episodic&limit=20&filter=all&ss=8be91c5e59024d6913c173651b74da5d&btn-skin=ff6d00&size=315\"\n    };\n\n    var page = document.getElementById(\"btc-podcast-page\");\n    if (!page) return;\n\n    var iframe = document.getElementById(\"btc-podbean-iframe\");\n\n    var jumpBtn = document.getElementById(\"btc-jump-to-player\");\n    var copyLinkBtn = document.getElementById(\"btc-copy-link\");\n    var openPodbean = document.getElementById(\"btc-open-podbean\");\n\n    var refreshBtn = document.getElementById(\"btc-refresh-player\");\n    var copyEmbedBtn = document.getElementById(\"btc-copy-embed\");\n    var copyPlayerUrlBtn = document.getElementById(\"btc-copy-player-url\");\n\n    \/\/ State (only what this page actually uses)\n    var state = {\n      theme: \"dark\",\n      limit: 10\n    };\n\n    function buildSrc() {\n      return srcByLimit[state.limit] || srcByLimit[10];\n    }\n\n    function updateIframe() {\n      if (!iframe) return;\n      var newSrc = buildSrc();\n      iframe.setAttribute(\"src\", newSrc);\n      if (openPodbean) openPodbean.href = newSrc;\n    }\n\n    function setTheme(theme) {\n      state.theme = theme || \"dark\";\n      page.setAttribute(\"data-theme\", state.theme);\n    }\n\n    function toast(msg) {\n      var t = document.createElement(\"div\");\n      t.className = \"btc-toast\";\n      t.textContent = msg;\n      t.setAttribute(\"role\", \"status\");\n      t.setAttribute(\"aria-live\", \"polite\");\n      page.appendChild(t);\n\n      setTimeout(function () { t.classList.add(\"show\"); }, 20);\n      setTimeout(function () {\n        t.classList.remove(\"show\");\n        setTimeout(function () { t.remove(); }, 240);\n      }, 1600);\n    }\n\n    \/\/ Inject toast styles once (theme-aware)\n    var toastStyle = document.createElement(\"style\");\n    toastStyle.textContent = `\n      #btc-podcast-page .btc-toast{\n        position: fixed;\n        left: 50%;\n        bottom: 20px;\n        transform: translateX(-50%) translateY(14px);\n        opacity: 0;\n        pointer-events: none;\n        z-index: 999999;\n        padding: 10px 14px;\n        border-radius: 999px;\n        border: 1px solid color-mix(in srgb, var(--btc-border) 75%, transparent);\n        background: color-mix(in srgb, var(--btc-bg) 78%, rgba(0,0,0,0.72));\n        backdrop-filter: blur(10px);\n        color: var(--btc-text);\n        font-weight: 800;\n        transition: opacity 160ms ease, transform 160ms ease;\n        box-shadow: 0 14px 45px rgba(0,0,0,0.35);\n      }\n      #btc-podcast-page[data-theme=\"porcelain\"] .btc-toast,\n      #btc-podcast-page[data-theme=\"sand\"] .btc-toast{\n        background: rgba(15,22,35,0.82);\n        color: rgba(255,255,255,0.96);\n        border: 1px solid rgba(255,255,255,0.18);\n      }\n      #btc-podcast-page[data-theme=\"contrast\"] .btc-toast{\n        background: #000;\n        border: 2px solid rgba(255,255,255,0.9);\n        border-radius: 8px;\n        box-shadow: none;\n      }\n      #btc-podcast-page .btc-toast.show{\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n      }\n    `;\n    document.head.appendChild(toastStyle);\n\n    async function copyToClipboard(text) {\n      try {\n        await navigator.clipboard.writeText(text);\n        toast(\"Copied to clipboard\");\n        return true;\n      } catch (e) {\n        try {\n          var ta = document.createElement(\"textarea\");\n          ta.value = text;\n          ta.style.position = \"fixed\";\n          ta.style.left = \"-9999px\";\n          document.body.appendChild(ta);\n          ta.select();\n          document.execCommand(\"copy\");\n          document.body.removeChild(ta);\n          toast(\"Copied to clipboard\");\n          return true;\n        } catch (err) {\n          toast(\"Copy failed\");\n          return false;\n        }\n      }\n    }\n\n    \/\/ Theme pills\n    var themePills = page.querySelectorAll(\".btc-pill[data-theme]\");\n    themePills.forEach(function (btn) {\n      btn.addEventListener(\"click\", function () {\n        themePills.forEach(function (b) { b.classList.remove(\"is-active\"); });\n        btn.classList.add(\"is-active\");\n        setTheme(btn.getAttribute(\"data-theme\"));\n        toast(\"Appearance updated\");\n      });\n    });\n\n    \/\/ Limit pills\n    var limitPills = page.querySelectorAll(\".btc-pill[data-limit]\");\n    limitPills.forEach(function (btn) {\n      btn.addEventListener(\"click\", function () {\n        limitPills.forEach(function (b) { b.classList.remove(\"is-active\"); });\n        btn.classList.add(\"is-active\");\n        var lim = parseInt(btn.getAttribute(\"data-limit\"), 10);\n        if (!isFinite(lim)) lim = 10;\n        state.limit = lim;\n        updateIframe();\n        toast(\"Episodes per view: \" + lim);\n      });\n    });\n\n    \/\/ Buttons\n    if (jumpBtn) {\n      jumpBtn.addEventListener(\"click\", function () {\n        var target = document.getElementById(\"btc-player-section\");\n        if (target) target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      });\n    }\n\n    if (copyLinkBtn) {\n      copyLinkBtn.addEventListener(\"click\", function () {\n        copyToClipboard(window.location.href);\n      });\n    }\n\n    if (refreshBtn) {\n      refreshBtn.addEventListener(\"click\", function () {\n        updateIframe();\n        toast(\"Player refreshed\");\n      });\n    }\n\n    if (copyEmbedBtn) {\n      copyEmbedBtn.addEventListener(\"click\", function () {\n        var embed =\n          '<iframe title=\"Behind the Citgo\" allowtransparency=\"true\" height=\"315\" width=\"100%\" ' +\n          'style=\"border: none; min-width: min(100%, 430px);height:315px;\" scrolling=\"no\" ' +\n          'data-name=\"pb-iframe-player\" src=\"' + buildSrc() + '\" loading=\"lazy\" allowfullscreen=\"\"><\/iframe>';\n        copyToClipboard(embed);\n      });\n    }\n\n    if (copyPlayerUrlBtn) {\n      copyPlayerUrlBtn.addEventListener(\"click\", function () {\n        copyToClipboard(buildSrc());\n      });\n    }\n\n    \/\/ Initialize\n    setTheme(state.theme);\n    updateIframe();\n    if (openPodbean) openPodbean.href = buildSrc();\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Behind the Citgo The Unseen World of Addiction Listen to the latest episodes, explore the playlist, and share the show! Jump to Player Copy Page Link Open in Podbean Appearance Dark Ember Porcelain Sand High Contrast Episodes per view 5 10 20 Updates the embedded playlist limit. Refresh Player Copy Embed Code Copy Player URL<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":55,"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/behindthecitgo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}