/*
Theme Name: PokaTheme Child
Template: pokatheme
Theme URI: https://pokatheme.com
Description: Premium Affiliate WordPress Theme
Author: PokaTheme
Author URI: https://pokatheme.com
Version: 1.0.0
License: Licensed theme
Tags: black, blue, white, two-columns
Text Domain:  poka
*/

/*
    Add your custom styles here
*/
/* ==================================================
   RankInfoHub 대표 3개 카드
   구분선·평점·버튼 하단 위치 통일
================================================== */

/* 3개 카드의 높이를 같은 기준으로 확장 */
.rih-featured-grid {
    align-items: stretch !important;
}

/* 각 카드를 세로 Flex 구조로 변경 */
.rih-featured-card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
}

/*
 * 설명과 특징의 글자 수가 달라도
 * 평점 영역을 카드 하단으로 밀어냄
 *
 * 구분선은 이 요소의 border-top이므로
 * 구분선 위치까지 동일하게 맞춰짐
 */
.rih-featured-card__rating {
    flex: 0 0 auto !important;

    margin-top: auto !important;
    margin-right: 0 !important;
    margin-bottom: 14px !important;
    margin-left: 0 !important;
}

/* 버튼 영역이 줄어들거나 위로 올라가지 않게 고정 */
.rih-featured-card__actions {
    flex: 0 0 auto !important;
}

/* 두 버튼의 높이와 너비를 동일하게 유지 */
.rih-featured-card__actions .rih-button {
    width: 100% !important;
    min-height: 46px !important;
}

/* 외부 링크가 없는 카드에서 버튼이 하나만 나오면 전체 폭 사용 */
.rih-featured-card__actions > :only-child {
    grid-column: 1 / -1 !important;
}
/* ==================================================
   RankInfoHub Review 상세보기 박스
================================================== */

/*
 * Poka Style 1 부모 열의 높이·잘림 해제
 */
.col-relative:has(.rih-review-overview-box),
.row:has(.rih-review-overview-box) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    align-items: flex-start !important;
}


/* 상세보기 전체 박스 */
.rih-review-overview-box {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 24px 30px 26px !important;

    color: #172033 !important;
    background: #e9eef5 !important;

    border: 0 !important;
    border-radius: 0 8px 8px 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/* 상세보기 제목 */
.rih-review-overview-title {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #263b55 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}


/* 제목 아래 구분선 */
.rih-review-overview-rule {
    display: block !important;

    width: 100% !important;
    height: 1px !important;

    margin: 16px 0 5px !important;

    background: #cfd8e4 !important;
}


/* 상세정보 목록 */
.rih-review-overview-list {
    display: grid !important;
    grid-template-columns: 1fr !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    overflow: visible !important;
}


/* 각 상세정보 행 */
.rih-review-overview-item {
    display: grid !important;

    grid-template-columns:
        minmax(110px, 42%)
        minmax(0, 58%) !important;

    align-items: center !important;

    column-gap: 14px !important;

    width: 100% !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 10px 0 !important;

    border: 0 !important;
    border-bottom: 1px solid #d2dae5 !important;

    background: transparent !important;
}


/* 마지막 행의 하단선 제거 */
.rih-review-overview-item:last-child {
    border-bottom: 0 !important;
}


/* 왼쪽 항목명 */
.rih-review-overview-label {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #64748b !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    text-indent: 0 !important;
}


/* 오른쪽 항목값 */
.rih-review-overview-value {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #172033 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;

    text-align: right !important;

    word-break: keep-all !important;
    overflow-wrap: break-word !important;
}


/* Poka 장식 기호 차단 */
.rih-review-overview-item::before,
.rih-review-overview-item::after,
.rih-review-overview-label::before,
.rih-review-overview-label::after,
.rih-review-overview-value::before,
.rih-review-overview-value::after {
    content: none !important;
    display: none !important;
}


/* 모바일 */
@media screen and (max-width: 767px) {

    .rih-review-overview-box {
        padding: 21px 19px 23px !important;

        border-radius: 8px !important;
    }

    .rih-review-overview-item {
        grid-template-columns: 1fr !important;

        row-gap: 3px !important;
    }

    .rih-review-overview-value {
        text-align: left !important;
    }
}
/* ==================================================
   RankInfoHub Review Style 1
   상세보기 왼쪽의 빈 Poka 기본 정보 영역 제거
================================================== */

/*
 * 상세보기 박스를 직접 자식으로 가진 내부 row만 선택
 * 로고가 들어 있는 바깥쪽 row는 건드리지 않음
 */
.row:has(> .col-relative > .rih-review-overview-box)
> :not(.col-relative:has(> .rih-review-overview-box)) {
    display: none !important;
}


/* 상세보기 컬럼을 내부 row 전체 폭으로 확장 */
.row:has(> .col-relative > .rih-review-overview-box)
> .col-relative:has(> .rih-review-overview-box) {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* 내부 row 자체의 높이와 잘림 해제 */
.row:has(> .col-relative > .rih-review-overview-box) {
    display: flex !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    overflow: visible !important;
}


/* 오른쪽 전용 모서리였던 값을 전체 박스용으로 변경 */
.rih-review-overview-box {
    border-radius: 8px !important;
}
/* ==================================================
   Poka Review Style 1
   메인 업체 로고 크게 표시
================================================== */

/*
 * poka_affiliate_thumb()가 생성하는 로고 래퍼
 * div 또는 a 태그 모두 대응
 */
body.single-affiliates .review-logo {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 130px !important;

    margin: 0 auto !important;
    padding: 15px 10px !important;

    overflow: visible !important;
}


/*
 * 실제 대표 이미지
 */
body.single-affiliates .review-logo img {
    display: block !important;

    width: 90% !important;
    max-width: 280px !important;

    height: auto !important;
    max-height: 100px !important;

    margin: 0 auto !important;

    object-fit: contain !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/*
 * Poka가 centered / boxed 클래스를 붙인 경우도 초기화
 */
body.single-affiliates .review-logo--centered,
body.single-affiliates .review-logo--boxed {
    width: 100% !important;
    max-width: none !important;
}


/*
 * 모바일
 */
@media screen and (max-width: 767px) {

    body.single-affiliates .review-logo {
        min-height: 110px !important;

        padding: 12px !important;
    }

    body.single-affiliates .review-logo img {
        width: 85% !important;
        max-width: 260px !important;
        max-height: 85px !important;
    }
}
/* ==================================================
   Poka 일반 포스팅 하단
   소셜 공유 버튼 + 작성자 카드 제거
================================================== */

/* 우측 Facebook / X / 이메일 공유 버튼 제거 */
body.single-post .single-post-bottom .social-icons {
    display: none !important;
}

/* 하단 작성자 카드 제거 */
body.single-post .single-post-bottom .author-card,
body.single-post .author-card.author-card--top,
body.single-post .author-card.author-card--bottom {
    display: none !important;
}

/* 요소를 제거한 뒤 남는 구분선과 빈 여백 정리 */
body.single-post .single-post-bottom {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}