/*
 Theme Name:   Agency Zita Child
 Theme URI:    https://wpzita.com
 Description:  Agency Zita is a child theme of zita WordPress theme, It provides very unique look and extra post layout. Zita is completely builder based theme, With super fast and highly customizable options. Zita works with any of your favorite page builder like Elementor, Visual Composer, Beaver Builder, SiteOrigin, Divi, Brizy etc. Best Suitable for creating any type of website such a corporate, store, agency, blog, portfolio, restaurant, wedding, construction, hospital, school, interior, car workshop, life coach, wine shop, barber shop, furniture shop, yoga, resume, charity, digital marketing etc. Zita includes 8 unique header layout and 8 footer widget layout which makes it extremely powerful. Some more amazing feature are #Woocommerce ready #RTL Ready #Full Responsive #Edit settings in tablet & mobile #Top header #Bottom header #Top footer #Bottom Footer #Transparent Header. Looking for perfect base theme? Looking for perfect multipurpose theme? No need to Look further! Just go with Zita demos: https://wpzita.com/. Zita is built with best SEO practice and best friend of Woocommerce and Elementor.
 Author:       WpZita Team
 Author URI:   https://wpzita.com/contact-us/
 Template:     zita
 Version:      1.2.1
 License:      GNU General Public License v3 or later
 License URI:   http://www.gnu.org/licenses/gpl-3.0.html
 Tags: two-columns, right-sidebar, custom-menu, custom-background, editor-style, translation-ready, full-width-template, flexible-header, sticky-post, theme-options, one-column, e-commerce, blog, photography, threaded-comments, custom-colors 
 Text Domain:  agency-zita 
*/
#content.site-content{
  display:block;

}
#content .entry-content-outer-wrapper.agc-zta-blog-layout:before{
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
}

#content .entry-content-outer-wrapper.agc-zta-blog-layout{
    display: flex;
    background: transparent;
    padding: 20px;
position:relative;
}
.agc-zta-blog-layout .post-img-wrapper {
    width: 50%;
    float: left;
    margin-bottom: 0;
}
.agc-zta-blog-layout .entry-content-wrapper {
    width: 50%;
    float: left;
    padding-left: 30px;
}
.agc-zta-blog-layout .entry-content-wrapper.no-thumb {
    width: 100%;
    padding: 0;
}
.agc-zta-blog-layout .post-img-wrapper .post-img {
    margin-bottom: 0;
    line-height: 0;
    position: relative;

}
#content .agc-zta-blog-layout article.zita-article .entry-content-outer-wrapper{
    align-items: center;
}

#content .agc-zta-blog-layout .zita-article:first-child {
    width: 100%;
    margin-right: 0;
}
#content .agc-zta-blog-layout .zita-article:first-child .entry-content-outer-wrapper.agc-zta-blog-layout{
display:block;
}

#content .agc-zta-blog-layout .zita-article:first-child .post-img-wrapper{
width:100%;
float:none;
margin-bottom:30px
}

#content .agc-zta-blog-layout .zita-article:first-child .entry-content-wrapper{
    width: 100%;
    float: none;
    padding-left:0;
}

.fullwidthstrechched #content .entry-content-outer-wrapper.agc-zta-blog-layout:before{
background:transparent;
}
.fullwidthstrechched #content .entry-content-outer-wrapper.agc-zta-blog-layout{
padding:0
}

.fullwidthstrechched #content .entry-content-outer-wrapper.agc-zta-blog-layout{
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.fullwidthcontained #content .entry-content-outer-wrapper.agc-zta-blog-layout{
padding:0;
padding-bottom: 25px;
}
@media screen and (max-width: 767px){
#content .agc-zta-blog-layout .zita-article{
    width: 100%;
    margin-right: 0;
}
#content .agc-zta-blog-layout .zita-article .entry-content-outer-wrapper.agc-zta-blog-layout{
display:block;
}

#content .agc-zta-blog-layout .zita-article .post-img-wrapper{
width:100%;
float:none;
margin-bottom:30px
}

#content .agc-zta-blog-layout .zita-article .entry-content-wrapper{
    width: 100%;
    float: none;
    padding-left:0;
}
}

/* =======================================================
   PC용 공통 플로팅 퀵메뉴 스타일 최적화 (1025px 이상)
   ======================================================= */
@media (min-width: 1025px) {
    .quick-menu {
        position: fixed !important;
        right: 24px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 9999 !important;
        background: #fff !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 40px rgba(0,0,0,0.12) !important;
        padding: 16px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        width: 90px !important;
        box-sizing: border-box !important;
    }

    .quick-menu h5 {
        font-size: 10px !important;
        color: #bbb !important;
        font-weight: 500 !important;
        margin: 0 0 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-family: var(--ai-font-paperlogy), sans-serif !important;
        display: block !important;
    }

    .quick-menu-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .quick-menu-list li {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .quick-menu-list li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        transition: background 0.2s !important;
        border: none !important;
        background: transparent !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    .quick-menu-list li a:hover {
        background: #f8f6f3 !important;
    }

    .quick-menu-list li a p {
        font-size: 11px !important;
        color: #9F8156 !important;
        font-weight: 600 !important;
        margin: 0 !important;
        font-family: var(--ai-font-paperlogy), sans-serif !important;
        line-height: 1.1 !important;
    }
    
    .quick-menu-list li a span,
    .quick-menu-list li a svg {
        display: block !important;
    }
}

/* =======================================================
   모바일/태블릿 공통 플로팅 퀵메뉴 노출 및 스타일 최적화
   ======================================================= */
@media (max-width: 1024px) {
    #ai-lawyer-list .quick-menu,
    #ai-lawyer-profile .quick-menu,
    #ai-brand-story .quick-menu,
    #ai-client-review-1 .quick-menu,
    #ai-success-case-1 .quick-menu,
    #ai-law-firm-home .quick-menu,
    .quick-menu {
        display: flex !important; /* 모바일/태블릿 강제 노출 */
        position: fixed !important;
        right: 12px !important;
        bottom: 90px !important; /* 하단 상담바나 여백과 겹치지 않게 우측 하단 배치 */
        top: auto !important;
        transform: none !important;
        padding: 10px 6px !important;
        border-radius: 12px !important;
        box-shadow: 0 6px 24px rgba(0,0,0,0.15) !important;
        width: 62px !important;
        gap: 2px !important;
        background: #ffffff !important;
        border: 1px solid #E4E4E7 !important;
        z-index: 9999 !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    #ai-lawyer-list .quick-menu h5,
    #ai-lawyer-profile .quick-menu h5,
    #ai-brand-story .quick-menu h5,
    #ai-client-review-1 .quick-menu h5,
    #ai-success-case-1 .quick-menu h5,
    #ai-law-firm-home .quick-menu h5,
    .quick-menu h5 {
        display: none !important; /* 모바일에서 QUICK MENU 영문 텍스트는 가독성상 숨김 */
    }

    #ai-lawyer-list .quick-menu-list,
    #ai-lawyer-profile .quick-menu-list,
    #ai-brand-story .quick-menu-list,
    #ai-client-review-1 .quick-menu-list,
    #ai-success-case-1 .quick-menu-list,
    #ai-law-firm-home .quick-menu-list,
    .quick-menu-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #ai-lawyer-list .quick-menu-list li,
    #ai-lawyer-profile .quick-menu-list li,
    #ai-brand-story .quick-menu-list li,
    #ai-client-review-1 .quick-menu-list li,
    #ai-success-case-1 .quick-menu-list li,
    #ai-law-firm-home .quick-menu-list li,
    .quick-menu-list li {
        width: 50px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #ai-lawyer-list .quick-menu-list li a,
    #ai-lawyer-profile .quick-menu-list li a,
    #ai-brand-story .quick-menu-list li a,
    #ai-client-review-1 .quick-menu-list li a,
    #ai-success-case-1 .quick-menu-list li a,
    #ai-law-firm-home .quick-menu-list li a,
    .quick-menu-list li a {
        padding: 6px 2px !important;
        border-radius: 8px !important;
        gap: 2px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        border: none !important;
        background: transparent !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    #ai-lawyer-list .quick-menu-list li a p,
    #ai-lawyer-profile .quick-menu-list li a p,
    #ai-brand-story .quick-menu-list li a p,
    #ai-client-review-1 .quick-menu-list li a p,
    #ai-success-case-1 .quick-menu-list li a p,
    #ai-law-firm-home .quick-menu-list li a p,
    .quick-menu-list li a p {
        font-size: 9.5px !important;
        letter-spacing: -0.5px !important;
        color: #9F8156 !important;
        font-weight: 700 !important;
        margin: 2px 0 0 0 !important;
        text-align: center !important;
        line-height: 1.1 !important;
    }

    #ai-lawyer-list .quick-menu-list li a svg,
    #ai-lawyer-profile .quick-menu-list li a svg,
    #ai-brand-story .quick-menu-list li a svg,
    #ai-client-review-1 .quick-menu-list li a svg,
    #ai-success-case-1 .quick-menu-list li a svg,
    #ai-law-firm-home .quick-menu-list li a svg,
    .quick-menu-list li a svg,
    #ai-lawyer-list .quick-menu-list li a span,
    #ai-lawyer-profile .quick-menu-list li a span,
    #ai-brand-story .quick-menu-list li a span,
    #ai-client-review-1 .quick-menu-list li a span,
    #ai-success-case-1 .quick-menu-list li a span,
    #ai-law-firm-home .quick-menu-list li a span,
    .quick-menu-list li a span {
        width: 20px !important;
        height: 20px !important;
        font-size: 20px !important;
        margin: 0 !important;
        display: block !important;
    }
}