/* ============================================================
   1. עיצוב סרגל הניווט (החלק הכחול העליון)
   ============================================================ */
#top .navbar, 
#top .navbar-inner,
#top .nav-collapse {
    background-color: #0f415c !important;
    background: #0f415c !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ============================================================
   2. נגישות קישורים בתוך התפריט העליון
   ============================================================ */
#top .navbar .nav > li > a,
#top .navbar-inner .nav > li > a,
#top .nav-collapse .nav > li > a {
    color: #ffffff !important;
    text-shadow: none !important;
    text-decoration: underline !important; /* קו תחתון קבוע לנגישות */
    text-underline-offset: 6px !important;
    display: inline-block !important;
}

/* מצב מעבר עכבר בתפריט - הופך לזהב */
#top .navbar .nav > li > a:hover,
#top .navbar-inner .nav > li > a:hover {
    color: #ffd700 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
}

/* ============================================================
   3. נגישות קישורים בתוך המאמרים (תוכן האתר)
   ============================================================ */
.item-page a, 
.category-list a {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    color: #0056b3; 
}

/* ============================================================
   4. הגדרת פוקוס כללית ופוקוס תמונות (מקלדת - Tab)
   ============================================================ */

/* פוקוס כללי לאלמנטים בראש הדף (זהב) */
#top :focus {
    outline: 3px solid #ffd700 !important;
    outline-offset: 4px !important;
}

/* ביטול סימוני ברירת מחדל של הדפדפן על קישורים כדי למנוע כפילויות */
a:focus {
    outline: none !important;
    text-decoration: none !important;
}

/* --- ניווט תמונות בבלוג/דף הבית --- */

/* ביטול הרקע הסגול הידני מה-span (מונע הסתרה של התמונה) */
.blog .items-row a span[style*="background-color"] {
    background-color: transparent !important;
    display: inline-block !important;
}

/* מסגרת פוקוס צהובה עבה לכל תמונה בתוך קישור */
a:focus img, 
a:active img {
    outline: 6px solid #FFFF00 !important; /* צהוב בוהק */
    outline-offset: 4px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8) !important; /* הילה להבלטה */
    opacity: 1 !important;
    filter: brightness(1.1) !important; /* הבהרה קלה */
    transition: all 0.1s ease-in-out !important;
    display: block !important;
}

/* מוודא שהמסגרת לא נחתכת על ידי הקונטיינר של התמונה */
.items-row .span4, .items-row .item {
    overflow: visible !important;
}