/*
Theme Name: Hizdamnut Eilat
Theme URI: https://hizdamnut-eilat.org.il
Author: Maor
Author URI: https://hizdamnut-eilat.org.il
Description: Custom Tailwind CSS theme for Hizdamnut Eilat with SaaS-like portal and deep integration with eilat-jobs plugin.
Version: 1.0.0
Text Domain: hizdamnut-eilat
*/

/* --- עיצוב גלובלי מעודן לכל תיבות הבחירה והקלט באתר --- */

/* שדות קלט כלליים, תיבות טקסט ותיבות בחירה */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    transition: all 0.2s ease-in-out !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

/* פלייסהולדר עדין */
input::placeholder,
textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* מצב מעבר עכבר (Hover) */
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
    border-color: #cbd5e1 !important;
    background-color: #fcfdfd !important;
}

/* מצב פוקוס (Focus) */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    background-color: #ffffff !important;
    border-color: #3b66f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 102, 246, 0.08) !important;
    outline: none !important;
}

/* עיצוב מותאם אישית לתיבות הבחירה (Select Input) */
select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 14px center !important; /* מיקום החץ בצד שמאל עבור RTL */
    background-size: 14px !important;
    padding-left: 40px !important; /* מרווח עבור החץ בצד שמאל */
    padding-right: 16px !important;
    cursor: pointer !important;
}

/* כיוון החץ ב-select במצבי כתיבה שונים */
[dir="rtl"] select,
body.rtl select {
    background-position: left 14px center !important;
}

/* עיצוב האופציות בתוך ה-select */
select option {
    background-color: #ffffff !important;
    color: #0f172a !important;
    padding: 10px !important;
}