/**
 * WeFix Feet Custom Styles
 *
 * Site-specific customizations for WeFix Feet implementation
 */

/* Default background (no featured article) */
.wp-block-group.lc-plugin-main-content.lc-margin-top-2rem-mobile {
    background-color: var(--lc-background) !important;
}

/* Custom background when featured article exists */
.wp-block-group.lc-plugin-main-content.lc-term-has-featured {
    background-color: var(--lc-featured-article-bg) !important;
}

/* Explicit default for no featured (for clarity) */
.wp-block-group.lc-plugin-main-content.lc-term-no-featured {
    background-color: var(--lc-background) !important;
}
tax-lc_content_type .jet-listing-grid.jet-listing {
  margin:0 auto;
}
.lc-edit-archive-toolbar {
    display: none;
}
/* ========================================
   WPR Mega Menu Hover Bridge Fix
   ======================================== */

/* Desktop only - extend mega panel upward to cover gap */
@media (min-width: 1025px) {
    .wpr-nav-menu-container.wpr-mega-menu-container .wpr-sub-mega-menu {
        margin-top: -15px !important;
        padding-top: 15px !important;
    }
}
@media (max-width: 921px) {
    .ast-separate-container #primary, .ast-separate-container #secondary {
        padding: 0 !important;
    }
}

/*ARTICLE STYLING*/
/* ============================================
   TYPOGRAPHY SYSTEM
   Montserrat (Headings) + Open Sans (Body)
   Scoped to .lc-article & .lc-featured-article-content
   ============================================ */

/* BASE FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');

/* ============================================
   HEADINGS - MONTSERRAT
   ============================================ */

.lc-article h1,
.lc-featured-article-content h1 {
    font-family: "Montserrat", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 0.5em;
}

.lc-article h2,
.lc-featured-article-content h2 {
    font-family: "Montserrat", Sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -0.01em;
    color: #000;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.lc-article h3,
.lc-featured-article-content h3 {
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25em;
    letter-spacing: -0.01em;
    color: #000;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.lc-article h4,
.lc-featured-article-content h4 {
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #000;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
}

.lc-article h5,
.lc-featured-article-content h5 {
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #000;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
}

.lc-article h6,
.lc-featured-article-content h6 {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #000;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
}

/* ============================================
   BODY TEXT - OPEN SANS
   ============================================ */

.lc-article p,
.lc-featured-article-content p {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 1em;
}

.lc-article strong,
.lc-article b,
.lc-featured-article-content strong,
.lc-featured-article-content b {
    font-family: "Open Sans", Sans-serif;
    font-weight: 600;
}

.lc-article em,
.lc-article i,
.lc-featured-article-content em,
.lc-featured-article-content i {
    font-family: "Open Sans", Sans-serif;
    font-style: italic;
}

/* ============================================
   LISTS
   ============================================ */

.lc-article ul,
.lc-article ol,
.lc-featured-article-content ul,
.lc-featured-article-content ol {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 1em;
    padding-left: 1.5em;
}

.lc-article li,
.lc-featured-article-content li {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.lc-article li::marker,
.lc-featured-article-content li::marker {
    color: #000;
}

/* ============================================
   LINKS
   ============================================ */

.lc-article a,
.lc-featured-article-content a {
    font-family: "Open Sans", Sans-serif;
    font-weight: 400;
    color: var(--e-global-color-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.lc-article a:hover,
.lc-featured-article-content a:hover {
    color: var(--e-global-color-secondary);
}

/* ============================================
   BLOCKQUOTES
   ============================================ */

.lc-article blockquote,
.lc-featured-article-content blockquote {
    font-family: "Open Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.6em;
    color: #000;
    border-left: 4px solid var(--e-global-color-primary);
    padding-left: 1.5em;
    margin: 1.5em 0;
}

/* ============================================
   CAPTIONS & SMALL TEXT
   ============================================ */

.lc-article figcaption,
.lc-article .caption,
.lc-article small,
.lc-featured-article-content figcaption,
.lc-featured-article-content .caption,
.lc-featured-article-content small {
    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    color: #000;
    opacity: 0.8;
}

/* ============================================
   TABLET RESPONSIVE (≤1024px)
   ============================================ */

@media screen and (max-width: 1024px) {
    .lc-article h1,
    .lc-featured-article-content h1 {
        font-size: 40px;
    }
    
    .lc-article h2,
    .lc-featured-article-content h2 {
        font-size: 32px;
    }
    
    .lc-article h3,
    .lc-featured-article-content h3 {
        font-size: 26px;
    }
    
    .lc-article h4,
    .lc-featured-article-content h4 {
        font-size: 22px;
    }
    
    .lc-article h5,
    .lc-featured-article-content h5 {
        font-size: 18px;
    }
    
    .lc-article h6,
    .lc-featured-article-content h6 {
        font-size: 16px;
    }
    
    .lc-article p,
    .lc-article li,
    .lc-article ul,
    .lc-article ol,
    .lc-featured-article-content p,
    .lc-featured-article-content li,
    .lc-featured-article-content ul,
    .lc-featured-article-content ol {
        font-size: 17px;
        line-height: 1.55em;
    }
    
    .lc-article blockquote,
    .lc-featured-article-content blockquote {
        font-size: 18px;
        line-height: 1.55em;
    }
}

/* ============================================
   MOBILE RESPONSIVE (≤767px)
   ============================================ */

@media screen and (max-width: 767px) {
    .lc-article h1,
    .lc-featured-article-content h1 {
        font-size: 32px;
    }
    
    .lc-article h2,
    .lc-featured-article-content h2 {
        font-size: 26px;
    }
    
    .lc-article h3,
    .lc-featured-article-content h3 {
        font-size: 22px;
    }
    
    .lc-article h4,
    .lc-featured-article-content h4 {
        font-size: 20px;
    }
    
    .lc-article h5,
    .lc-featured-article-content h5 {
        font-size: 17px;
    }
    
    .lc-article h6,
    .lc-featured-article-content h6 {
        font-size: 16px;
    }
    
    .lc-article p,
    .lc-article li,
    .lc-article ul,
    .lc-article ol,
    .lc-featured-article-content p,
    .lc-featured-article-content li,
    .lc-featured-article-content ul,
    .lc-featured-article-content ol {
        font-size: 16px;
        line-height: 1.5em;
    }
    
    .lc-article blockquote,
    .lc-featured-article-content blockquote {
        font-size: 17px;
        line-height: 1.5em;
    }
    
    .lc-article figcaption,
    .lc-article .caption,
    .lc-article small,
    .lc-featured-article-content figcaption,
    .lc-featured-article-content .caption,
    .lc-featured-article-content small {
        font-size: 13px;
    }
}