/*
 Theme Name:     ICAEPA by Megaone
 Theme URI:      http://Megaone.geeaig.com
 Description:    ICAEPA Child Theme for Hello Elementor
 Author:         iBraheem Gbadegesin
 Author URI:     http://Megaone.geeaig.com
 Template:       hello-elementor
 Version:        2.3.0
 License:        GNU General Public License v2 or later
 License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    icaepa-megaone
*/

/* =========================================
   ICAEPA Custom Variables
   ========================================= */
:root {
    --icaepa-primary: #007BFF !important;       /* Blue */
    --icaepa-secondary: #1F2937 !important;     /* Dark Grey/Navy */
    --icaepa-accent: #FFFFFF !important;        /* White */
    --icaepa-light-blue: #F0F7FF !important;    /* Very Light Blue */
    --icaepa-text-main: #000000 !important;     /* Black */
    --icaepa-text-muted: #4B5563 !important;    /* Grey text */
    --icaepa-font-sans: 'Inter', sans-serif !important;
    --icaepa-font-serif: 'Playfair Display', serif !important;
}

/* =========================================
   Isolation Wrapper 
   ========================================= */
#icaepa-home-wrapper {
    background-color: var(--icaepa-accent) !important;
    color: var(--icaepa-text-main) !important;
    font-family: var(--icaepa-font-sans) !important;
    line-height: 1.6 !important;
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#icaepa-home-wrapper * {
    box-sizing: border-box !important;
}

#icaepa-home-wrapper a {
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

#icaepa-home-wrapper img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* =========================================
   Utilities & Layout
   ========================================= */
#icaepa-home-wrapper .container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

#icaepa-home-wrapper .section-padding {
    padding: 100px 0 !important;
}

#icaepa-home-wrapper .pt-0 {
    padding-top: 0 !important;
}

#icaepa-home-wrapper .pb-0 {
    padding-bottom: 0 !important;
}

#icaepa-home-wrapper .text-center { text-align: center !important; }
#icaepa-home-wrapper .text-left { text-align: left !important; }
#icaepa-home-wrapper .flex { display: flex !important; }
#icaepa-home-wrapper .grid { display: grid !important; }
#icaepa-home-wrapper .items-center { align-items: center !important; }
#icaepa-home-wrapper .justify-between { justify-content: space-between !important; }
#icaepa-home-wrapper .justify-center { justify-content: center !important; }
#icaepa-home-wrapper .gap-4 { gap: 1rem !important; }
#icaepa-home-wrapper .gap-8 { gap: 2rem !important; }

/* GSAP Initial State */
#icaepa-home-wrapper .gsap-reveal {
    opacity: 0; 
    transform: translateY(30px);
}

/* =========================================
   Header & Navigation
   ========================================= */
#icaepa-home-wrapper header#navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid #eee !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important; 
}

#icaepa-home-wrapper .nav-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Logo Area (Text Based) */
#icaepa-home-wrapper .logo-area {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

#icaepa-home-wrapper .logo-icon {
    width: 40px !important;
    height: 40px !important;
    background-color: var(--icaepa-secondary) !important;
    color: #fff !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-family: var(--icaepa-font-serif) !important;
    font-size: 22px !important;
}

#icaepa-home-wrapper .logo-text {
    display: flex !important;
    flex-direction: column !important;
}

#icaepa-home-wrapper .logo-title {
    color: var(--icaepa-secondary) !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
}

#icaepa-home-wrapper .logo-subtitle {
    font-size: 11px !important;
    color: var(--icaepa-text-muted) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 2px !important;
}

/* WP Menu Styles */
#icaepa-home-wrapper nav ul,
#icaepa-home-wrapper nav .menu {
    display: flex !important;
    gap: 30px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#icaepa-home-wrapper nav li {
    margin: 0 !important;
    padding: 0 !important;
}

#icaepa-home-wrapper nav a {
    color: var(--icaepa-text-muted) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

#icaepa-home-wrapper nav a:hover {
    color: var(--icaepa-primary) !important;
}

#icaepa-home-wrapper .mobile-toggle {
    display: none !important;
    background: none !important;
    border: none !important;
    color: var(--icaepa-secondary) !important;
    cursor: pointer !important;
    padding: 10px !important;
}

/* =========================================
   Hero Section (Homepage)
   ========================================= */
#icaepa-home-wrapper .hero {
    min-height: 100vh !important;
    background-color: var(--icaepa-secondary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding-top: 80px !important;
    overflow: hidden !important;
}

#icaepa-home-wrapper .hero-bg-overlay {
    position: absolute !important;
    inset: 0 !important;
    background-image: url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80') !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0.15 !important;
    mix-blend-mode: overlay !important;
}

#icaepa-home-wrapper .hero-content {
    position: relative !important;
    z-index: 10 !important;
    text-align: center !important;
    max-width: 900px !important;
    padding: 0 20px !important;
}

#icaepa-home-wrapper .badge {
    display: inline-block !important;
    padding: 6px 16px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50px !important;
    color: var(--icaepa-light-blue) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 24px !important;
    backdrop-filter: blur(5px) !important;
}

#icaepa-home-wrapper .hero h1 {
    font-family: var(--icaepa-font-serif) !important;
    font-size: 3.5rem !important;
    line-height: 1.2 !important;
    color: #fff !important;
    margin-bottom: 30px !important;
}

#icaepa-home-wrapper .hero h1 span {
    color: var(--icaepa-primary) !important;
    background: -webkit-linear-gradient(45deg, var(--icaepa-light-blue), var(--icaepa-primary)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

#icaepa-home-wrapper .hero p {
    color: #cbd5e1 !important;
    font-size: 1.25rem !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#icaepa-home-wrapper .hero-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

#icaepa-home-wrapper .btn-primary {
    background: #fff !important;
    color: var(--icaepa-secondary) !important;
    padding: 16px 32px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

#icaepa-home-wrapper .btn-outline {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    padding: 16px 32px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

#icaepa-home-wrapper .btn-outline:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #fff !important;
}

/* =========================================
   About & History Section
   ========================================= */
#icaepa-home-wrapper .about-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
}

#icaepa-home-wrapper .section-label {
    color: var(--icaepa-primary) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.875rem !important;
    letter-spacing: 1px !important;
    display: block !important;
    margin-bottom: 15px !important;
}

#icaepa-home-wrapper h2, 
#icaepa-home-wrapper h3 {
    font-family: var(--icaepa-font-serif) !important;
    color: var(--icaepa-text-main) !important;
}

#icaepa-home-wrapper .about-content h3 {
    font-size: 2.5rem !important;
    line-height: 1.3 !important;
    margin-bottom: 25px !important;
}

#icaepa-home-wrapper .text-justify {
    color: var(--icaepa-text-muted) !important;
    font-size: 1.1rem !important;
    text-align: justify !important;
}

#icaepa-home-wrapper .about-image-wrapper {
    position: relative !important;
}

#icaepa-home-wrapper .about-image-wrapper img {
    border-radius: 16px !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    filter: grayscale(100%) !important;
    transition: filter 0.5s ease !important;
}

#icaepa-home-wrapper .about-image-wrapper img:hover {
    filter: grayscale(0%) !important;
}

/* =========================================
   Values Section
   ========================================= */
#icaepa-home-wrapper .values-section {
    background-color: var(--icaepa-light-blue) !important;
}

#icaepa-home-wrapper .values-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    margin-top: 40px !important;
}

#icaepa-home-wrapper .value-card {
    background: #fff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease !important;
}

#icaepa-home-wrapper .value-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

#icaepa-home-wrapper .icon-box {
    width: 60px !important;
    height: 60px !important;
    background: var(--icaepa-light-blue) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--icaepa-primary) !important;
    margin-bottom: 25px !important;
}

#icaepa-home-wrapper .value-card h3 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

/* =========================================
   Team Section (Board of Directors)
   ========================================= */
#icaepa-home-wrapper .team-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 30px !important;
}

#icaepa-home-wrapper .team-member {
    text-align: center !important;
    background: #fff !important;
    padding: 40px 25px !important;
    border: 1px solid #f3f4f6 !important;
    border-radius: 8px !important; /* Cleaner radius */
    transition: all 0.3s ease !important;
}

#icaepa-home-wrapper .team-member:hover {
    transform: translateY(-5px) !important;
    border-color: var(--icaepa-primary) !important; /* Highlight on hover */
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.08) !important;
}

#icaepa-home-wrapper .team-member img {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 50% !important;
    margin: 0 auto 20px !important;
    border: 3px solid #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    transition: border-color 0.3s ease !important;
}

#icaepa-home-wrapper .team-member:hover img {
    border-color: var(--icaepa-light-blue) !important;
}

#icaepa-home-wrapper .team-member h4 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--icaepa-secondary) !important;
    margin-bottom: 8px !important;
    font-family: var(--icaepa-font-serif) !important;
}

#icaepa-home-wrapper .team-member .role {
    font-size: 0.8rem !important;
    color: var(--icaepa-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* =========================================
   Events Section
   ========================================= */
#icaepa-home-wrapper .events-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
}

#icaepa-home-wrapper .featured-event {
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #f3f4f6 !important;
    display: flex !important;
    flex-direction: column !important;
}

#icaepa-home-wrapper .event-img {
    height: 250px !important;
    background-size: cover !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

#icaepa-home-wrapper .event-body {
    padding: 30px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

#icaepa-home-wrapper .event-body h3 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    margin: 10px 0 !important;
    font-family: var(--icaepa-font-serif) !important;
}

#icaepa-home-wrapper .event-body h3 a {
    color: var(--icaepa-secondary) !important;
}

#icaepa-home-wrapper .event-body h3 a:hover {
    color: var(--icaepa-primary) !important;
}

#icaepa-home-wrapper .date-badge {
    color: var(--icaepa-primary) !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 5px !important;
    text-transform: uppercase !important;
}

#icaepa-home-wrapper .event-meta-row {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 0.9rem !important;
    color: var(--icaepa-text-muted) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#icaepa-home-wrapper .events-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

#icaepa-home-wrapper .small-event-card {
    display: flex !important;
    gap: 20px !important;
    padding: 25px !important;
    background: #fff !important;
    border-radius: 12px !important;
    border: 1px solid #f3f4f6 !important;
    transition: all 0.3s ease !important;
    align-items: center !important;
}

#icaepa-home-wrapper .small-event-card:hover {
    border-color: var(--icaepa-primary) !important;
    transform: translateX(5px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

#icaepa-home-wrapper .date-box {
    background: var(--icaepa-light-blue) !important;
    padding: 10px !important;
    border-radius: 8px !important;
    text-align: center !important;
    min-width: 70px !important;
    height: fit-content !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

#icaepa-home-wrapper .date-day {
    display: block !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: var(--icaepa-primary) !important;
    line-height: 1 !important;
}

#icaepa-home-wrapper .date-box span:last-child {
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

#icaepa-home-wrapper .small-event-card h4 {
    margin: 0 0 5px 0 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

#icaepa-home-wrapper .small-event-card h4 a {
    color: var(--icaepa-secondary) !important;
}

#icaepa-home-wrapper .event-meta-small {
    font-size: 0.85rem !important;
    color: var(--icaepa-text-muted) !important;
    margin: 0 !important;
}

/* =========================================
   Resources Section
   ========================================= */
#icaepa-home-wrapper .resources-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    gap: 30px !important;
    margin-top: 30px !important;
}

#icaepa-home-wrapper .resource-card {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
}

#icaepa-home-wrapper .resource-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
    border-color: var(--icaepa-primary) !important;
}

#icaepa-home-wrapper .resource-cover {
    height: 180px !important;
    background: #f1f5f9 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

#icaepa-home-wrapper .resource-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

#icaepa-home-wrapper .resource-card:hover .resource-cover img {
    transform: scale(1.05) !important;
}

#icaepa-home-wrapper .resource-type {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    background: rgba(0,0,0,0.7) !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    backdrop-filter: blur(2px) !important;
}

#icaepa-home-wrapper .resource-info {
    padding: 20px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

#icaepa-home-wrapper .resource-info h4 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--icaepa-secondary) !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    flex-grow: 1 !important;
}

#icaepa-home-wrapper .resource-meta {
    font-size: 0.85rem !important;
    color: var(--icaepa-primary) !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: auto !important;
}

/* =========================================
   Archive Hero Section (Category/Tags/Date)
   ========================================= */
#icaepa-home-wrapper .archive-hero {
    background-color: var(--icaepa-light-blue) !important;
    padding-top: 160px !important; /* Fixed nav offset - increased to clear header */
    padding-bottom: 80px !important;
    margin-bottom: 60px !important;
}

#icaepa-home-wrapper .archive-title {
    font-family: var(--icaepa-font-serif) !important;
    font-size: 3rem !important;
    color: var(--icaepa-secondary) !important;
    margin: 10px 0 20px !important;
    line-height: 1.2 !important;
}

#icaepa-home-wrapper .archive-description {
    max-width: 700px !important;
    margin: 0 auto !important;
    color: var(--icaepa-text-muted) !important;
    font-size: 1.1rem !important;
}

/* =========================================
   Blog Grid & Cards (Shared)
   ========================================= */
#icaepa-home-wrapper .blog-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 40px !important;
}

#icaepa-home-wrapper .blog-card {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #eee !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

#icaepa-home-wrapper .blog-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    border-color: var(--icaepa-primary) !important;
}

#icaepa-home-wrapper .blog-img-wrap {
    height: 220px !important;
    overflow: hidden !important;
    position: relative !important;
}

#icaepa-home-wrapper .blog-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

#icaepa-home-wrapper .blog-card:hover .blog-img-wrap img {
    transform: scale(1.05) !important;
}

#icaepa-home-wrapper .blog-category {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background: rgba(255,255,255,0.95) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--icaepa-secondary) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

#icaepa-home-wrapper .blog-content {
    padding: 25px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

#icaepa-home-wrapper .meta-small {
    font-size: 0.8rem !important;
    color: var(--icaepa-text-muted) !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

#icaepa-home-wrapper .blog-content h4 {
    font-family: var(--icaepa-font-serif) !important;
    font-size: 1.25rem !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    color: var(--icaepa-secondary) !important;
}

#icaepa-home-wrapper .read-more-link {
    margin-top: auto !important;
    padding-top: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--icaepa-primary) !important;
}

#icaepa-home-wrapper .read-more-link:hover {
    gap: 10px !important;
}

/* =========================================
   Pagination
   ========================================= */
#icaepa-home-wrapper .icaepa-pagination {
    display: flex !important;
    justify-content: center !important;
    margin-top: 60px !important;
}

#icaepa-home-wrapper .icaepa-pagination .nav-links {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

#icaepa-home-wrapper .icaepa-pagination a,
#icaepa-home-wrapper .icaepa-pagination span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    color: var(--icaepa-secondary) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    background: #fff !important;
    min-width: 40px !important;
}

#icaepa-home-wrapper .icaepa-pagination a:hover {
    border-color: var(--icaepa-primary) !important;
    color: var(--icaepa-primary) !important;
    background: var(--icaepa-light-blue) !important;
}

#icaepa-home-wrapper .icaepa-pagination .current {
    background: var(--icaepa-primary) !important;
    border-color: var(--icaepa-primary) !important;
    color: #fff !important;
}

/* =========================================
   Single Post Specific Styles
   ========================================= */

/* Breadcrumbs */
#icaepa-home-wrapper .icaepa-breadcrumb {
    font-size: 0.85rem !important;
    color: var(--icaepa-text-muted) !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#icaepa-home-wrapper .icaepa-breadcrumb a {
    color: var(--icaepa-text-muted) !important;
    font-weight: 500 !important;
}

#icaepa-home-wrapper .icaepa-breadcrumb a:hover {
    color: var(--icaepa-primary) !important;
    text-decoration: underline !important;
}

#icaepa-home-wrapper .icaepa-breadcrumb .sep {
    opacity: 0.5 !important;
}

#icaepa-home-wrapper .icaepa-breadcrumb .current {
    color: var(--icaepa-secondary) !important;
    font-weight: 600 !important;
}

/* Single Header */
#icaepa-home-wrapper .single-hero {
    padding-top: 140px !important; /* Account for fixed nav */
    padding-bottom: 60px !important;
}

#icaepa-home-wrapper .single-header-content {
    max-width: 900px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

#icaepa-home-wrapper .meta-top {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
}

#icaepa-home-wrapper .post-cat-badge {
    background: var(--icaepa-light-blue) !important;
    color: var(--icaepa-primary) !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
}

#icaepa-home-wrapper .entry-title {
    font-family: var(--icaepa-font-serif) !important;
    font-size: 3rem !important;
    line-height: 1.2 !important;
    color: var(--icaepa-secondary) !important;
    margin-bottom: 30px !important;
}

#icaepa-home-wrapper .meta-bottom {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    color: var(--icaepa-text-muted) !important;
    font-size: 0.95rem !important;
}

#icaepa-home-wrapper .author-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#icaepa-home-wrapper .author-box img {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}

#icaepa-home-wrapper .read-time {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Featured Image */
#icaepa-home-wrapper .single-featured-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 600px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1) !important;
}

/* Single Layout */
#icaepa-home-wrapper .single-layout {
    display: grid !important;
    grid-template-columns: 1fr 300px !important; /* Content + Sidebar */
    gap: 60px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Article Content (Typography) */
#icaepa-home-wrapper .entry-content {
    font-size: 1.15rem !important;
    color: #374151 !important; /* Slightly darker for reading */
    line-height: 1.8 !important;
}

#icaepa-home-wrapper .entry-content p {
    margin-bottom: 24px !important;
}

#icaepa-home-wrapper .entry-content h2,
#icaepa-home-wrapper .entry-content h3,
#icaepa-home-wrapper .entry-content h4 {
    font-family: var(--icaepa-font-serif) !important;
    color: var(--icaepa-secondary) !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

#icaepa-home-wrapper .entry-content h2 { font-size: 2rem !important; }
#icaepa-home-wrapper .entry-content h3 { font-size: 1.5rem !important; }

#icaepa-home-wrapper .entry-content blockquote {
    border-left: 4px solid var(--icaepa-primary) !important;
    padding-left: 24px !important;
    margin: 40px 0 !important;
    font-style: italic !important;
    font-size: 1.25rem !important;
    color: var(--icaepa-secondary) !important;
}

#icaepa-home-wrapper .entry-content ul,
#icaepa-home-wrapper .entry-content ol {
    margin-bottom: 24px !important;
    padding-left: 24px !important;
}

#icaepa-home-wrapper .entry-content li {
    margin-bottom: 10px !important;
}

/* Post Tags */
#icaepa-home-wrapper .post-tags {
    margin-top: 60px !important;
    padding-top: 30px !important;
    border-top: 1px solid #eee !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

#icaepa-home-wrapper .tag-label {
    font-weight: 700 !important;
    color: var(--icaepa-secondary) !important;
}

#icaepa-home-wrapper .tag-link {
    background: #f1f5f9 !important;
    color: var(--icaepa-text-muted) !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
}

#icaepa-home-wrapper .tag-link:hover {
    background: var(--icaepa-primary) !important;
    color: #fff !important;
}

/* Post Navigation */
#icaepa-home-wrapper .post-navigation {
    margin-top: 40px !important;
}

#icaepa-home-wrapper .nav-links {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

#icaepa-home-wrapper .nav-prev,
#icaepa-home-wrapper .nav-next {
    flex: 1 !important;
    padding: 20px !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    transition: all 0.3s ease !important;
}

#icaepa-home-wrapper .nav-next {
    text-align: right !important;
    align-items: flex-end !important;
}

#icaepa-home-wrapper .nav-prev:hover,
#icaepa-home-wrapper .nav-next:hover {
    border-color: var(--icaepa-primary) !important;
    background: var(--icaepa-light-blue) !important;
}

#icaepa-home-wrapper .nav-label {
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    color: var(--icaepa-text-muted) !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

#icaepa-home-wrapper .nav-title {
    font-weight: 700 !important;
    color: var(--icaepa-secondary) !important;
}

/* Sidebar */
#icaepa-home-wrapper .sticky-sidebar {
    position: sticky !important;
    top: 120px !important;
}

#icaepa-home-wrapper .share-box {
    background: #fff !important;
    border: 1px solid #eee !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

#icaepa-home-wrapper .share-box h4 {
    font-size: 1rem !important;
    margin-bottom: 15px !important;
    color: var(--icaepa-secondary) !important;
}

#icaepa-home-wrapper .share-links {
    display: flex !important;
    gap: 15px !important;
}

#icaepa-home-wrapper .share-links a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--icaepa-text-muted) !important;
}

#icaepa-home-wrapper .share-links a:hover {
    background: var(--icaepa-primary) !important;
    color: #fff !important;
}

/* Related Posts */
#icaepa-home-wrapper .related-title {
    font-family: var(--icaepa-font-serif) !important;
    font-size: 2rem !important;
    margin-bottom: 40px !important;
    color: var(--icaepa-secondary) !important;
}

/* =========================================
   Event Specific Single Styles
   ========================================= */
#icaepa-home-wrapper .event-details-box {
    background: #fff !important;
    border: 1px solid #eee !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    margin-bottom: 30px !important;
}

#icaepa-home-wrapper .event-info-item {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

#icaepa-home-wrapper .event-info-icon {
    color: var(--icaepa-primary) !important;
    flex-shrink: 0 !important;
}

#icaepa-home-wrapper .event-info-content h5 {
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    color: var(--icaepa-text-muted) !important;
    margin: 0 0 5px 0 !important;
    font-weight: 600 !important;
}

#icaepa-home-wrapper .event-info-content p {
    font-size: 1rem !important;
    color: var(--icaepa-secondary) !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Event Agenda */
#icaepa-home-wrapper .agenda-item {
    display: flex !important;
    gap: 20px !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #eee !important;
}

#icaepa-home-wrapper .agenda-time {
    min-width: 100px !important;
    font-weight: 700 !important;
    color: var(--icaepa-primary) !important;
}

#icaepa-home-wrapper .agenda-details h4 {
    margin: 0 0 5px 0 !important;
    font-size: 1.1rem !important;
}

#icaepa-home-wrapper .agenda-speaker {
    font-size: 0.9rem !important;
    color: var(--icaepa-text-muted) !important;
    font-style: italic !important;
}

/* Event Speakers Grid */
#icaepa-home-wrapper .speakers-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 30px !important;
    margin-top: 30px !important;
}

#icaepa-home-wrapper .speaker-card {
    text-align: center !important;
}

#icaepa-home-wrapper .speaker-card img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 auto 15px !important;
    border: 2px solid var(--icaepa-light-blue) !important;
}

/* Resource Specific Styles */
#icaepa-home-wrapper .resource-header {
    background: var(--icaepa-secondary) !important;
    color: #fff !important;
    padding: 60px 0 !important;
}

#icaepa-home-wrapper .resource-header h1 {
    color: #fff !important;
}

#icaepa-home-wrapper .resource-meta-bar {
    display: flex !important;
    gap: 20px !important;
    opacity: 0.9 !important;
    font-size: 0.9rem !important;
    margin-top: 20px !important;
}

#icaepa-home-wrapper .download-box {
    background: #f8fafc !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    text-align: center !important;
}

#icaepa-home-wrapper .file-info {
    font-size: 0.85rem !important;
    color: var(--icaepa-text-muted) !important;
    margin-top: 10px !important;
    display: block !important;
}

#icaepa-home-wrapper .author-list {
    margin: 20px 0 !important;
}

#icaepa-home-wrapper .author-item {
    display: flex !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px dashed #eee !important;
    font-size: 0.95rem !important;
}

#icaepa-home-wrapper .author-role {
    color: var(--icaepa-text-muted) !important;
    font-size: 0.85rem !important;
}

/* =========================================
   Footer
   ========================================= */
#icaepa-home-wrapper footer {
    background: #0f172a !important;
    color: #94a3b8 !important;
    padding: 80px 0 40px !important;
    border-top: 1px solid #1e293b !important;
}

#icaepa-home-wrapper .footer-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    gap: 60px !important;
}

#icaepa-home-wrapper .footer-bottom {
    border-top: 1px solid #1e293b !important;
    margin-top: 60px !important;
    padding-top: 30px !important;
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12px !important;
}

/* =========================================
   Mobile Responsiveness
   ========================================= */
@media (max-width: 1024px) {
    #icaepa-home-wrapper .hero h1 { font-size: 2.5rem !important; }
    #icaepa-home-wrapper .about-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
    #icaepa-home-wrapper .values-grid { grid-template-columns: 1fr !important; }
    #icaepa-home-wrapper .team-grid { grid-template-columns: repeat(2, 1fr) !important; }
    #icaepa-home-wrapper .events-grid { grid-template-columns: 1fr !important; }
    #icaepa-home-wrapper .resources-grid { grid-template-columns: 1fr !important; }
    #icaepa-home-wrapper .blog-grid { grid-template-columns: 1fr !important; }
    #icaepa-home-wrapper .footer-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
    
    #icaepa-home-wrapper .mobile-toggle {
        display: block !important;
    }

    #icaepa-home-wrapper nav {
        display: none !important;
        position: absolute !important;
        top: 80px !important;
        left: 0 !important;
        width: 100% !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border-bottom: 1px solid #eee !important;
        padding: 20px 0 !important;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
        z-index: 9999 !important;
    }

    #icaepa-home-wrapper nav.is-open {
        display: block !important;
    }

    #icaepa-home-wrapper nav ul,
    #icaepa-home-wrapper nav .menu {
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
    }

    /* Single Post Mobile */
    #icaepa-home-wrapper .single-layout {
        grid-template-columns: 1fr !important;
    }

    #icaepa-home-wrapper .entry-title {
        font-size: 2.2rem !important;
    }

    #icaepa-home-wrapper .meta-bottom {
        flex-direction: column !important;
        gap: 15px !important;
    }
}

@media (max-width: 640px) {
    #icaepa-home-wrapper .team-grid { grid-template-columns: 1fr !important; }
    #icaepa-home-wrapper .archive-title { font-size: 2.2rem !important; }
}