/* איפוס בסיסי */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000000; /* טקסט כהה למקסימום ניגודיות */
    background-color: #ffffff; /* רקע לבן אחיד */
}

/* קישורים */
a {
    color: #003366; /* כחול כהה */
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #003366; /* לא משנה */
    background-color: #ffff99; /* רקע צהוב לניגודיות גבוהה */
    text-decoration: underline;
    outline: 2px solid #003366;
    outline-offset: 2px;
}

/* כפתור נגישות */
.accessibility-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important; /* טקסט לבן */
    background-color: #1a1a1a !important; /* רקע כהה */
    border: none;
    padding: 12px 20px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}

.accessibility-button svg,
.accessibility-button svg path {
    fill: #ffffff !important; /* אייקון לבן */
}

.accessibility-button:hover,
.accessibility-button:focus {
    color: #ffffff !important;
    background-color: #34495e !important; /* רקע כהה בהאובר */
    text-decoration: none;
}

.accessibility-button:hover svg path,
.accessibility-button:focus svg path {
    fill: #ffffff !important;
}

/* כותרות */
h3,
div.highlight-box h3,
div.highlight-box p,
h4#areas-heading {
    color: #000000 !important; /* שחור למקסימום ניגודיות */
    background-color: #ffffff !important; /* רקע לבן */
}

/* Highlight box */
div.highlight-box {
    background-color: #ffffff !important;
    padding: 10px;
    border: 1px solid #003366; /* גבול כהה */
}

/* אזורי שירות, צור קשר וכו' */
#areas-heading {
    padding: 10px;
    border: 1px solid #003366;
}

/* תפריטים */
#menu, #menu ul li a, .nav-links, .nav-area a {
    color: #003366;
}

#menu ul li a:hover,
.nav-links a:hover,
.nav-area a:hover {
    color: #003366;
    background-color: #ffff99;
    text-decoration: underline;
    outline: 2px solid #003366;
    outline-offset: 2px;
}

/* footer */
#footer {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 11px;
    padding: 10px 0;
}

/* מובייל */
@media screen and (max-width: 768px) {
    #wrap {
        width: 95%;
        margin: 20px auto;
    }
    .nav-links, .nav-area {
        padding: 10px;
        font-size: 0.8rem;
    }
}