/*
 Theme Name: Astra Child
 Theme URI: https://example.com
 Description: Child theme for Astra.
 Author: Your Name
 Author URI: https://example.com
 Template: astra
 Version: 1.0
*/

/* 그룹 컨테이너 스타일 */
.custom-group-container {
    display: flex;
    flex-direction: column; /* 위아래로 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
    align-items: center; /* 수직 가운데 정렬 */
    gap: 20px; /* 내부 요소 간격 */
    margin: 20px auto;
    width: 100%;
}

/* WP ULike 좋아요 버튼 스타일 */
.custom-group-container .wp_ulike_general_class {
    display: inline-flex !important; /* 플렉스 사용 */
    justify-content: center !important; /* 버튼 수평 가운데 정렬 */
    align-items: center !important; /* 버튼 수직 가운데 정렬 */
    margin: 20px auto !important;
    width: 100%;
}

/* 소셜 공유 버튼 그룹 */
.share-buttons {
    display: flex;
    gap: 25px; /* 버튼 간 간격 */
    justify-content: center; /* 버튼 그룹 전체를 가운데 정렬 */
    margin: 20px 0;
}

/* 공유 버튼 기본 스타일 */
.share-buttons a, .share-buttons button {
    all: unset; /* 기본 스타일 초기화 */ 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; /* 버튼 너비 */
    height: 30px; /* 버튼 높이 */
    border-radius: 50%; /* 버튼을 동그랗게 */
    background-color: #ffffff; /* 배경색 */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 버튼 그림자 */
    transition: all 0.1s ease-in-out
    text-decoration: none;
    border: none;
    cursor: pointer;
}

/* 버튼 내부 아이콘 또는 이미지 */
.share-buttons a img, .share-buttons button img {
    width: 100%; /* 버튼 크기 안에서 이미지를 자동 크기 조정 */
    height: 100%;
    object-fit: contain; /* 이미지 비율 유지하며 버튼 크기 맞춤 */
    border-radius: 39%; /* 이미지 원형 유지 */
    padding: 10px; /* 버튼 내부 간격 */
    display: block; /* 레이아웃 문제 방지 */
    margin: auto; /* 버튼 내부 중앙 정렬 */
}

/* 텍스트 버튼(필요 시) */
.share-buttons button {
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

/* 반응형 스타일 추가 */
@media (max-width: 768px) {
    /* 그룹 컨테이너 */
    .custom-group-container {
        gap: 8px; /* 모바일에서는 간격을 줄임 */
    }

    /* 공유 버튼 스타일 */
    .share-buttons a, .share-buttons button {
        width: 30px; /* 모바일에서 버튼 크기 조정 */
        height: 30px;
    }

    /* 버튼 내부 아이콘 */
    .share-buttons a img, .share-buttons button img {
        padding: 5px; /* 아이콘 내부 여백 줄임 */
    }

    /* 좋아요 버튼 */
    .custom-group-container .wp_ulike_general_class {
        width: auto; /* 모바일에서는 고정된 너비 제거 */
        margin: 10px auto; /* 모바일에 맞게 여백 조정 */
    }
}

/* 회원가입 일반고객 선택 숨기기 */
.user-role label.radio:first-of-type {
    display: none !important;
}

.user-role label.radio:first-of-type {
    display: none !important;
}