/* ריסט בסיסי ושימוש ב-border-box */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* מבטיח ש-padding ו-border לא יגדילו את גודל האלמנט */
}

/* הגדרות כלליות לעמוד */
body {
    background-color: #f0f0f0; /* רקע בהיר כלשהו */
    direction: rtl;
    font-family: Arial, sans-serif; /* גופן ברירת מחדל */
}

.site-container {
    width: 910px; /* רוחב קבוע כמו בקוד המקורי */
    margin: 0 auto; /* ממקם את המיכל במרכז */
    border: 1px solid #ACF6F6; /* מסגרת מהסגנון הישן */
}

/* ---------------------------------
   פריסת כותרת עליונה (Header)
   --------------------------------- */
.main-header {
    display: flex; /* שימוש ב-Flexbox לפריסה בשורה אחת */
    justify-content: space-between; /* מרחק שווה בין האלמנטים */
    align-items: flex-start; /* יישור למעלה */
    padding: 5px;
}

.logo-area {
    border: 2px solid #00FFFF; /* מסגרת מהסגנון הישן */
}

.logo-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.timer-area {
    border: 2px solid #00FFFF; /* מסגרת מהסגנון הישן */
}

/* ---------------------------------
   תוכן ראשי וקישורים
   --------------------------------- */
.main-content {
    background-color: #FFFF99; /* הרקע הצהוב המקורי */
    padding: 10px;
}

.welcome-heading {
    text-align: center;
    font-family: Narkisim, Arial, sans-serif;
    font-size: 2rem; /* גודל גופן מודרני (x-large) */
    color: #000;
    padding: 10px 0;
}

/* ---------------------------------
   פריסת רשת לקישורים (Grid)
   --------------------------------- */
.links-grid {
    display: grid;
    /* 3 עמודות בגודל שווה */
    grid-template-columns: repeat(3, 1fr); 
    gap: 5px; /* מרווח קטן בין התיבות */
    margin-top: 10px;
    text-align: center;
}

.link-box {
    padding: 10px 5px;
    border: 2px solid #00FFFF; /* ברירת מחדל של מסגרת */
    font-family: Narkisim, Arial, sans-serif;
    font-size: 1.25rem; /* גודל גופן מודרני (large) */
}

/* סגנונות מיוחדים לתיבות */
.box-blue {
    background-color: #f0f8ff; /* בהיר מ-00FFFF */
    border-color: #00FFFF;
}

.box-yellow {
    background-color: #FFFFCC; /* רקע צהוב מהסגנון המקורי */
    border-color: #CCFFFF;
}

.box-plain {
    background-color: #FFFF99;
    border-color: #FFFF99;
}

/* ---------------------------------
   סגנון קישורים
   --------------------------------- */
.plain-link {
    text-decoration: none;
    color: #00002A;
    font-weight: bold;
    display: block; /* ממלא את כל שטח התיבה ללחיצה נוחה */
    padding: 5px; 
}

.plain-link:hover {
    color: #0000FF; /* צבע כחול בריחוף */
}

/* סגנון לקישור הטקסט הגדול */
.large-text {
    font-size: 1.5rem; 
    font-family: David, Arial, sans-serif;
}