/*****************************************************
 *  ① 헤더 메뉴 — 당고알 라디오 버튼 스타일
 *****************************************************/

/* 메뉴 삼각형(▼) 제거 */
.main-header-menu > li > a:after {
    display: none !important;
}

/* 헤더 마지막 메뉴(당고알 라디오) 버튼 모양 */
.main-header-menu > li:last-child > a {
    background-color: #0eac03 !important;    /* 기본 초록색 */
    color: #ffffff !important;               /* 글자 = 흰색 */
    padding: 2px 10px !important;            /* 버튼 크기 (작고 단정) */
    border-radius: 18px !important;          /* 둥근 버튼 */
    font-weight: 600 !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;                     /* 아이콘 여백 */
    text-decoration: none !important;
    transition: all 0.2s ease;
}

/* Hover 시 색 변화 */
.main-header-menu > li:last-child > a:hover {
    background-color: #fff9d5 !important;    /* Hover → 크림색 */
    color: #0eac03 !important;               /* 글자 = 초록색 */
}


/*****************************************************
 *  ② 라디오 방송 페이지 — 텍스트 안에 들어가는 "방송 듣기" 버튼
 *****************************************************/

.당고알-버튼 {
    background-color: #0eac03;               /* 버튼 초록색 */
    color: #ffffff !important;               /* 글씨 흰색 */
    padding: 4px 12px;
    border-radius: 18px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 8px;                        /* EP 제목과 버튼 사이 여백 */
    display: inline-block;
    font-size: 14px;
    transition: 0.2s ease-in-out;
}

/* Hover 효과 */
.당고알-버튼:hover {
    background-color: #fff9d5;               /* Hover → 크림색 */
    color: #0eac03 !important;               /* 글씨 초록색 */
}


/*****************************************************
 * ③ 라디오 방송 카드(원한다면 사용)
 *   지금은 리스트 형태 선택하셨으므로 필요 없지만
 *   추후 카드 스타일 원하실 때 그대로 사용 가능
 *****************************************************/

.danggoal-card {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    margin-bottom: 16px;
}

.danggoal-card h2, 
.danggoal-card h3, 
.danggoal-card h4 {
    margin-top: 0;
    margin-bottom: 8px;
}

.danggoal-card p {
    margin-bottom: 8px;
    line-height: 1.5;
}

.danggoal-card audio {
    width: 100%;
}