/*
================================================================================
header.css 
================================================================================
Version 1.0 - Header CSS for Educational Website
Auteur : Emile SNYERS 
Date : 2025-06-10
/* LICENCE ET CONDITIONS D'UTILISATION
----------------------------------------

Emile SNYERS - Tous droits réservés - 2025

📢Toute utilisation nécessite une autorisation préalable du propriétaire (Emile SNYERS).
🚨Usage non commercial uniquement.

Type d'utilisation autorisée: 
- Utilisation pour des projets éducatifs ou associatifs.
- Ne pas redistribuer sans autorisation.

Critères d'attribution d'une autorisation: 
- Contribution à des projets éducatifs ou associatifs.
- L'entraide et le partage du savoir.
- Contribue à la promotion de l'éducation et de la culture.
----------------------------------------
 */

/*
================================================================================
UNIFIED CSS SYSTEM FOR HISTORY-GEOGRAPHY EDUCATIONAL WEBSITE
================================================================================
Version 2.0 - Complete and optimized interface
Author: Emile SNYERS
Date: 2025-06-10
/* LICENSE AND TERMS OF USE
----------------------------------------

Emile SNYERS - All rights reserved - 2025

📢Any use requires prior authorization from the owner (Emile SNYERS).
🚨Non-commercial use only.

Type of authorized use:
- Use for educational or associative projects.
- Do not redistribute without authorization.

Authorization attribution criteria:
- Contribution to educational or associative projects.
- Mutual aid and knowledge sharing.
---------------------------------------- */

/*
================================================================================
バージョン 2.0 - 完全かつ最適化されたインターフェース
作者：Emile SNYERS 
日付：2025-06-10
/* ライセンスと利用規約
----------------------------------------

Emile SNYERS - 全著作権所有 - 2025

📢いかなる使用も所有者（Emile SNYERS）の事前許可が必要です。
🚨非営利目的での使用に限ります。

許可されている使用タイプ：
- 教育またはアソシエイティブプロジェクトでの使用。
- 許可なく再配布しないでください。

許可付与基準：
- 教育またはアソシエイティブプロジェクトへの貢献。
- 相互援助と知識の共有。
---------------------------------------- */

/*
================================================================================

================================================================================

מחבר: Emile SNYERS / עוזר בינה מלאכותית
תאריך: 2025-06-10
/* רישיון ותנאי שימוש
----------------------------------------

Emile SNYERS - כל הזכויות שמורות - 2025

📢כל שימוש דורש אישור מראש מהבעלים (Emile SNYERS).
🚨לשימוש לא מסחרי בלבד.

סוג השימוש המורשה:
- שימוש לפרויקטים חינוכיים או חברתיים.
- אין להפיץ מחדש ללא אישור.

קריטריונים להענקת אישור:
- תרומה לפרויקטים חינוכיים או חברתיים.
- עזרה הדדית ושיתוף ידע.
---------------------------------------- */

/*
Description : CSS unifié intégrant tous les composants éducatifs nécessaires
Compatibilité : Multi-écrans, système de thèmes dynamiques, IA-friendly
================================================================================
*/

/* Main footer container - uses flexbox for content distribution */
.footer-container {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    background: var(--theme-secondary);
    color: var(--theme-text);
    font-family: 'Georgia', serif;
}

/* Individual footer column styling - equal width columns with spacing */
.footer-column {
    flex: 1;
    margin: 0 1rem;
    padding: 1rem;
    background: var(--theme-primary);
    border-radius: 8px;
    transition: transform 0.3s ease;
}

/* Hover effect animation for footer columns - slight elevation */
.footer-column:hover {
    transform: translateY(-7px);
}

/* Header styling for column titles */
.footer-column h3 {
    color: var(--theme-background);
    border-bottom: 2px solid var(--theme-background);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

/* Paragraph text styling within columns */
.footer-column p {
    color: var(--theme-background);
}

/* Remove default list styling for footer lists */
.footer-column ul {
    list-style: none;
    padding: 0;
}

/* Spacing between list items */
.footer-column ul li {
    margin-bottom: 0.5rem;
}

/* Link styling with button-like appearance */
.footer-column a {
    text-decoration: none;
    transition: color 0.3s ease;
    background-color: var(--theme-primary);
    color: var(--theme-background);
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover state for links */
.footer-column a:hover {
    color: var(--theme-accent);
}

/* Active/clicked state for links */
.footer-column a:active {
    background-color: var(--theme-accent);
    color: var(--theme-background);
}