/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/* 기본 스타일 */
article.result a:focus-visible {
    border: 3px solid #0078d7; /* 파란색 테두리 */
    box-shadow: 0 4px 8px rgba(255, 153, 0, 0.6); /* 부드러운 그림자 */
}

/* 스크린 리더 사용자를 위한 시각적 강조 */
article.result:focus-visible {
    outline: 3px dashed #ff4500; /* 대시된 테두리 */
    border-radius: 8px;
}


/* 스크린 리더 사용자를 위한 시각적 강조 */
.nectar-post-grid-item:focus-visible {
    outline: 3px dashed #ff4500; /* 대시된 테두리 */
    border-radius: 8px;
}

/* 네비게이션 링크 초점 스타일 */
.focusable-link:focus-visible {
    border: 3px solid #0078d7; /* 파란색 테두리 */
    box-shadow: 0 0 10px rgba(0, 120, 215, 0.5); /* 부드러운 그림자 */
    border-radius: 8px; /* 테두리 모서리 둥글게 */
}

/* nectar-post-grid-item 내 a 태그 초점 스타일 */
.nectar-post-grid-item a:focus-visible {
    border:#ff4500 3px solid;
    border-radius: 8px; /* 둥근 모서리 */
    z-index: 1; /* 초점 요소가 다른 요소 위로 올라오도록 설정 */
    position: relative; /* z-index 활성화 */
}

/* a 태그가 초점 받을 때 (기본 스타일) */
a:focus-visible {
    box-shadow: 0 0 0 3px #ff4500; /* 빨간색 테두리처럼 보이는 그림자 */
    border-radius: 6px; /* 둥근 모서리 */
   position: relative; /* z-index 활성화 */
    z-index: 1; /* 다른 요소 위로 표시 */
}

/* 추가적인 스타일: nectar-post-grid-item 내에서만 적용되는 초점 스타일 */
.nectar-post-grid-item a:focus-visible {
    box-shadow: 0 0 10px rgba(0, 120, 215, 0.5); /* 부드러운 그림자 효과 */
    border-radius: 8px; /* 둥근 모서리 */
}

/* 포커스 가능한 링크 (focusable-link) 스타일 */
.focusable-link:focus-visible {
    box-shadow: 0 0 0 3px #0078d7; /* 파란색 테두리 */
    border-radius: 8px; /* 테두리 모서리 둥글게 */
    position: relative; /* 초점 스타일을 올바르게 표시하기 위해 필요 */
    z-index: 1; /* 다른 요소 위로 표시 */
}

/* 이전/다음 포스트 초점 상태 */
.previous-post:focus-visible,
.next-post:focus-visible {
    border: 3px dashed #0078d7; /* 대시된 파란 테두리 */
    border-radius: 8px; /* 테두리 모서리 둥글게 */
    box-shadow: 0 0 10px rgba(0, 120, 215, 0.5); /* 파란색 부드러운 그림자 */
}

/* 검색결과 아티클 최소 높이 */
#search-results article.result {
    min-height: 350px;
}

#search-results article.result .inner-wrap {
    min-height: 350px;
}