/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*******************************************/
/*캐싱 후 live part 만 다시 표시하는 과정에서, 최초 캐싱 데이터 중 숨길 부분을 지정함.
/*******************************************/
/*헤더 상단 로그인 정보 표시 부분, 숨김 후 로그인 상태에 따라 표시 여부 결정*/
#linkboo_auth_1, #linkboo_auth_2, #linkboo_auth_3, #linkboo_auth_4, #linkboo_auth_5  {
  display: none;
}
/*로그인 여부에 따른 Dynamic visibility 설정, 숨김 후 로그인 상태에 따라 표시 여부 결정*/
#linkboo_logged_in, #linkboo_logged_out,#linkboo_logged_in_1, #linkboo_logged_out_1, #linkboo_logged_in_2, #linkboo_logged_out_2, #linkboo_logged_in_3, #linkboo_logged_out_3, #linkboo_ing_1, #linkboo_ing_2, #linkboo_ing_3 {
  display: none;
}
#linkboo_point, #linkboo_count_1, #linkboo_count_2, #reward_point {
  display: none;
}
.linkboo_refresh_hide {
  display: none;
}
/*crocoblock 에서 리스팅 표시 전에 숨김처리 하는 부분*/
body:not(.elementor-editor-active) .hide-listing {
    /*visibility: hidden;*/
    display: none; /* display: none; 사용 시, 요소가 완전히 제거되어 레이아웃에 영향을 줄 수 있음 => 참고로 기록해둠*/
    /*position: absolute;*/ /* 요소를 화면에서 보이지 않게 하지만, 공간은 차지 않도록 함 ==> 참고로 기록해둠*/
    height: 0;
}

/*******************************************/
/*ai-blog 에서 제목에 대한 스타일을 지정하는 부분*/
/*******************************************/
/* =========================================================
   LINKBOO AI-Blog Content Style (recommended update)
   Target: .linkboo_blog_content
   Goals:
   - Text container ~820px readability
   - Clean headings (less “boxy”), better spacing
   - Images can “breathe” without weird left padding
   ========================================================= */

/* 1) Content container width + base typography */
.linkboo_blog_content{
    max-width: 820px;          /* ✅ recommended */
    margin: 0 auto;            /* center */
    padding: 0 20px;           /* safe side padding */
    font-size: 17px;           /* slightly calmer than 18 */
    line-height: 1.7;          /* ✅ readability */
    color: #222;
    word-break: keep-all;      /* KR-friendly (safe for EN too) */
    overflow-wrap: anywhere;   /* prevent long URL overflow */
}

/* 2) Paragraphs: remove left-padding and use spacing instead */
.linkboo_blog_content p{
    padding: 0;                /* ❌ remove left/right padding */
    margin: 0 0 1.15em;        /* ✅ consistent paragraph rhythm */
    font-size: 1em;            /* inherit */
    line-height: inherit;
}

/* 3) Headings: modern, consistent spacing */
.linkboo_blog_content h2{
    font-size: 26px;
    line-height: 1.25;
    font-weight: 800;
    color: #8D21AA;
    margin: 64px 0 18px;       /* ✅ less huge but still clear */
    padding: 0 0 10px;         /* ✅ avoid big “box” padding */
    background: none;          /* ✅ remove heavy background */
    border-radius: 0;
    box-shadow: none;
    text-transform: none;      /* ✅ avoid ALL CAPS for readability */
    letter-spacing: 0.2px;
    border-bottom: 1px solid rgba(141,33,170,0.18); /* subtle separator */
}

.linkboo_blog_content h2:hover{
    background: none;          /* no hover background */
}

/* If you still want a “soft highlight” 느낌, use this instead:
.linkboo_blog_content h2{
    background: linear-gradient(180deg, rgba(243,230,247,0.0) 0%, rgba(243,230,247,0.0) 55%, rgba(243,230,247,0.75) 55%, rgba(243,230,247,0.75) 100%);
    display: inline;
    padding: 0 4px 2px;
    border-bottom: none;
}
*/

/* h3: keep your bar idea but tighten spacing */
.linkboo_blog_content h3{
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800 !important;
    color: #8D21AA;
    margin: 44px 0 14px;
    padding: 0;                /* remove padding-based spacing */
}

.linkboo_blog_content h3::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 1.05em;
    background-color: #8D21AA;
    margin-right: 12px;
    vertical-align: -0.1em;
}

/* h4/h5: simplify */
.linkboo_blog_content h4{
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800 !important;
    margin: 28px 0 10px;
    padding: 0;
}

.linkboo_blog_content h5{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin: 18px 0 8px;
    padding: 0;
}

/* 4) Images: center, no forced left padding; cleaner spacing */
.linkboo_blog_content img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 24px auto;         /* ✅ consistent vertical spacing */
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

/* If you want images slightly “larger” than text width without breaking layout,
   you can allow a mild bleed on desktop: */
@media (min-width: 1024px){
    .linkboo_blog_content .lb-wide,
    .linkboo_blog_content figure.lb-wide{
        width: calc(100% + 180px);
        margin-left: -90px;
        margin-right: -90px;
    }
    .linkboo_blog_content .lb-wide img{
        border-radius: 12px;
    }
}

/* 5) Figure + caption: more natural */
.linkboo_blog_content figure{
    margin: 28px 0;
}

.linkboo_blog_content figcaption{
    font-size: 13px;
    line-height: 1.4;
    color: #777;
    margin: 10px 0 0;
    padding: 0;               /* remove left padding */
}

/* 6) Jet Popup: keep your h2 design but calmer */
.jet-popup h2{
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
    color: #8D21AA;
    margin: 24px 0 14px;
    padding: 0 0 10px;
    background: none;
    border-bottom: 1px solid rgba(141,33,170,0.18);
    box-shadow: none;
    text-transform: none;
}

/* 7) Optional: content links */
.linkboo_blog_content a{
    color: #8D21AA;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* 8) Optional: nicer blockquote (if your posts have quotes) */
.linkboo_blog_content blockquote{
    margin: 22px 0;
    padding: 12px 16px;
    border-left: 4px solid rgba(141,33,170,0.55);
    background: #F6F7F9;
    border-radius: 10px;
}

.linkboo-hero-title{
    color: #fff;
    text-shadow:
        0 2px 8px rgba(0,0,0,0.45),
        0 0 1px rgba(0,0,0,0.6);
}
/* Hide unfilled AdSense units so no blank space remains */
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

/* Optional: remove extra spacing around the ad wrapper */
.linkboo-ad,
.linkboo-side-ad {
  margin: 0;      /* or your desired spacing */
  padding: 0;
}

/*******************************************/
/*FAQ 아코디언 스타일.. TAB 내에 TEMPLATE 로 삽입된 경우에만 WIDGET 스타일이 제대로 적용되지 않아 아래에서 강제함*/
/*******************************************/
/* ✅ 기본 아코디언 헤더 */
.jet-tabs__content .eael-adv-accordion .eael-accordion-header {
  background-color: #ffffff !important; /* 기본 배경 */
  color: #222 !important;               /* 기본 글자색 */
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* ✅ hover 시 (글자 + 아이콘) */
.jet-tabs__content .eael-adv-accordion .eael-accordion-header:hover {
  background-color: #f9f9f9 !important;
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header:hover .eael-accordion-tab-title {
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header:hover .fa-accordion-icon svg {
  fill: #BB2649 !important;
  color: #BB2649 !important;
}

/* ✅ 활성(Active) 상태의 제목 + 아이콘도 동일하게 #BB2649 */
.jet-tabs__content .eael-adv-accordion .eael-accordion-header.active {
  background-color: #f9f9f9 !important; /* active 상태 배경 */
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header.active .eael-accordion-tab-title {
  color: #BB2649 !important;
}
.jet-tabs__content .eael-adv-accordion .eael-accordion-header.active .fa-accordion-icon svg {
  fill: #BB2649 !important;
  color: #BB2649 !important;
}

/* ✅ 아코디언 펼쳐진 내용 배경 */
.jet-tabs__content .eael-adv-accordion .eael-accordion-content {
  background-color: #F1F1F1 !important;
  color: #222 !important;
  padding: 15px;
  transition: background-color 0.3s ease;
}

/* ✅ 아이콘 항상 보이도록 */
.jet-tabs__content .eael-adv-accordion .fa-accordion-icon {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: fill 0.3s ease, color 0.3s ease;
}

/* ✅ 열린/닫힌 아이콘 크기統一 */
.jet-tabs__content .eael-adv-accordion .eael-advanced-accordion-icon-opened svg,
.jet-tabs__content .eael-adv-accordion .eael-advanced-accordion-icon-closed svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}