html {
    scroll-behavior: smooth;
}

.filter-grayscale {
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}
.filter-grayscale80 {
    filter: grayscale(80%);
    opacity: 0.5;
    transition: all 0.3s ease;
}
.filter-grayscale30 {
    filter: grayscale(90%);
    opacity: 0.4;
    transition: all 0.3s ease;
}
.filter-grayscale:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.portfolio-img {
    height: 400px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.card:hover .portfolio-img {
    transform: scale(1.05);
}
/* אפקט מעבר עכבר לעבודות הגרפיקה הלחיצות */
[data-bs-toggle="modal"] {
    transition: opacity 0.2s ease-in-out;
}

[data-bs-toggle="modal"]:hover {
    opacity: 0.9;
}

/* התאמת כפתור הסגירה של המודל לעברית ואנגלית */
.modal-content .btn-close {
    outline: none;
    box-shadow: none;
}
/* עיצוב קישורים עדין בתוך פסקאות אודות */
#about_rivky a {
    color: #d4a373; /* צבע זהב/חום עדין ויוקרתי שמשתלב יפה */
    text-decoration: none; /* הסרת הקו התחתי כברירת מחדל */
    font-weight: 600; /* הדגשה קלה של הטקסט הלחיץ */
    border-bottom: 1px dashed transparent; /* הכנת תשתית לקו תחתון מרוסק עדין */
    transition: all 0.3s ease-in-out; /* אפקט מעבר חלק של 0.3 שניות */
}

/* אפקט עדין במעבר עכבר (Hover) */
#about_rivky a:hover {
    color: #b7b7a4; /* שינוי גוון עדין במעבר עכבר */
    border-bottom: 1px dashed #b7b7a4; /* הופעת קו תחתון נקודתי/מרוסק מעוצב */
    opacity: 0.85; /* שקיפות קלה לחוויית לחיצה נעימה */
}

/* התאמה קלה לטקסטים רספונסיביים */
@media (max-width: 768px) {
    .display-5 {
        font-size: 2rem;
    }
}