body { 
            background-color: #0d0d0d; 
            color: #fff; 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
        }

        /* ഹെഡർ ലേഔട്ട് */
        header {
            background: #1a1a1a;
            border-bottom: 2px solid #00f3ff;
            box-shadow: 0 0 15px #00f3ff;
            padding: 15px 0;
        }

       .header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

        /* 1. ഇടതുവശത്ത് ലോഗോ */
        .logo-section {
            text-align: left;
        }
   .neon-logo { 
    width: 150px; /* വലിപ്പം 60-ൽ നിന്ന് 150-ലേക്ക് കൂട്ടി */
    height: auto;
    filter: drop-shadow(0 0 8px #00f3ff); /* തിളക്കവും അല്പം കൂട്ടി */
    transition: 0.3s; /* മൗസ് വെക്കുമ്പോൾ മാറാൻ */
}

        /* 2. മധ്യഭാഗത്ത് സഭയുടെ പേര് */
        .church-name-section {
            text-align: center;
        }
      h1 { 
    color: #ffcc00; /* വാം ഗോൾഡൻ കളർ */
    text-shadow: 0 0 10px #ffcc00, 0 0 20px #ff8800; 
    margin: 0; 
    font-size: 35px; 
    font-weight: 900;
}
        /* 3. വലതുവശത്ത് പാസ്റ്റർ (ബോക്സ് ഒഴിവാക്കി ലോഗോ പോലെ ക്ലീൻ ആക്കിയത്) */
        .pastor-section {
            text-align: center;
            justify-self: end;
        }

        .pastor-photo {
            width: 70px;
            height: 70px;
            border-radius: 4px; 
            object-fit: cover;
            display: block;
            margin: 0 auto 5px;
            
        }

        .pastor-name-label {
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            display: block;
            text-shadow: 0 0 5px #bc13fe;
        }

        .pastor-title-label {
            color: #bc13fe;
            font-size: 10px;
            text-transform: uppercase;
            display: block;
        }

        /* മെനു ബാർ */
        nav {
            background: #0d0d0d;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            padding: 10px;
            position: sticky;
            top: 0;
            z-index: 1000;
            border-bottom: 1px solid #bc13fe;
        }

        nav a {
            padding: 6px 15px; 
            min-width: 110px;
            font-size: 12px;
            text-align: center;
            color: #00f3ff;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            background: #1a1a1a;
            border: 1px solid #00f3ff;
            border-radius: 6px;
            transition: 0.3s;
        }

        nav a:hover { border-color: #bc13fe; color: #bc13fe; box-shadow: 0 0 15px #bc13fe; }

        /* മെയിൻ ബോഡി */
        .wrapper {
            display: flex;
            flex-wrap: wrap;
            max-width: 1300px;
            margin: 0 auto;
            gap: 20px;
            padding: 20px;
        }

        .column { 
            background: #1a1a1a; 
            padding: 25px; 
            border-radius: 12px; 
            border: 1px solid #bc13fe; 
            box-shadow: 0 0 10px #bc13fe;
        }

        .left-sidebar { flex: 1; min-width: 250px; }
        .main-content { flex: 2.5; min-width: 350px; border-color: #00f3ff; box-shadow: 0 0 10px #00f3ff; }
        .right-sidebar { flex: 1; min-width: 250px; }

        .side-link {
            display: block; padding: 12px; margin-bottom: 8px; color: #00f3ff;
            text-decoration: none; border-bottom: 1px solid #333; transition: 0.3s;
        }
       

        h3 { color: #bc13fe; text-shadow: 0 0 5px #bc13fe; border-bottom: 1px solid #bc13fe; padding-bottom: 8px; margin-bottom: 15px; }

        @media (max-width: 900px) {
            .header-container { display: flex; flex-direction: column; text-align: center; gap: 15px; }
            .logo-section, .pastor-section { justify-self: center; margin: 0 auto; }
            .wrapper { flex-direction: column; }
        }
.tagline { 
    color: #ffd700; /* ഇളം സ്വർണ്ണനിറം */
    font-size: 14px; 
    margin-top: 5px; 
    font-style: normal;
    opacity: 0.9;
}
/* 1. പുതിയ അംഗം - സിയാൻ (Cyan) */
.left-sidebar a:nth-of-type(1):hover {
    color: #00f3ff;
    padding-left: 20px;
    border-bottom-color: #00f3ff;
    text-shadow: 0 0 10px #00f3ff;
}

/* 2. അംഗങ്ങളുടെ പട്ടിക - പച്ച (Green) */
.left-sidebar a:nth-of-type(2):hover {
    color: #00ff00;
    padding-left: 20px;
    border-bottom-color: #00ff00;
    text-shadow: 0 0 10px #00ff00;
}

/* 3. സഭാ കലണ്ടർ - മഞ്ഞ (Yellow) */
.left-sidebar a:nth-of-type(3):hover {
    color: #ffff00;
    padding-left: 20px;
    border-bottom-color: #ffff00;
    text-shadow: 0 0 10px #ffff00;
}

/* 4. ബന്ധപ്പെടുക - ചുവപ്പ് (Red) */
.left-sidebar a:nth-of-type(4):hover {
    color: #ff4444;
    padding-left: 20px;
    border-bottom-color: #ff4444;
    text-shadow: 0 0 10px #ff4444;
}
/* 1. ഐഫ്രെയിമിലെ ഫയലുകൾ സുതാര്യമാക്കാൻ */
body.iframe-body {
    background: transparent !important;
    background-color: rgba(0,0,0,0) !important;
    color: #ffffff;
    padding: 20px;
}

/* 2. ടേബിൾ വിവരങ്ങൾ വ്യക്തമായി കാണാൻ */
.neon-table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0.4); /* നേരിയ സുതാര്യമായ കറുപ്പ് */
    border: 1px solid #00f3ff;
    color: #fff;
}