.post-type-archive-albums .archive-album-content {
    max-width: 100%;
    width: 100%;
}

/* סגנון בסיסי לתוכן */
.entry-content {
    position: relative;
    padding: 30px;
    max-width: 100%;
    margin: 1.5em auto;
}

/* סגנון לדפים פנימיים */
.page:not(.home):not(.archive) .entry-content,
.single:not(.archive) .entry-content {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}

/* סגנון לדפי ארכיון אלבומים - גישה פשוטה וחדה */
.post-type-archive-albums .page-header {
    border: none;
    margin-bottom: 2em;
    padding-bottom: 0;
    text-align: left;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.post-type-archive-albums .page-title {
    color: #fff;
    font-size: 2.5em;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

.post-type-archive-albums article.album-archive-item {
    margin-bottom: 2em;
    background: none !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.post-type-archive-albums .archive-album-content {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    align-items: start;
    background: rgba(0, 0, 0, 0.7);
    padding: 30px;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}

.post-type-archive-albums .album-archive-thumbnail {
    margin: 0;
    grid-column: 1;
}

.post-type-archive-albums .album-archive-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
    display: block;
}

.post-type-archive-albums .album-archive-thumbnail a:hover img {
    transform: scale(1.05);
}

.post-type-archive-albums .content-wrapper {
    grid-column: 2;
    color: #fff;
}

.post-type-archive-albums .entry-title {
    margin: 0 0 0.5em;
    font-size: 2em;
}

.post-type-archive-albums .entry-title a {
    color: #fff;
    text-decoration: none;
}

.post-type-archive-albums .entry-content {
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 1em;
}

.post-type-archive-albums .entry-content .btn {
    margin-top: 1em;
    background: #FF8C00 !important;
    color: #ffffff !important;
    border-color: #FF8C00 !important;
    font-size: 0.9em;
    padding: 8px 20px;
    transition: all 0.3s ease;
    float: right;
}

.post-type-archive-albums .entry-content .btn:hover {
    background: #FFA500 !important;
    border-color: #FFA500 !important;
    color: #fff !important;
}

/* תיקון למסכים קטנים */
@media (max-width: 768px) {
    .post-type-archive-albums .archive-album-content {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    
    .post-type-archive-albums .album-archive-thumbnail {
        grid-row: auto;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .post-type-archive-albums .content-wrapper {
        grid-column: 1;
        grid-row: auto;
        text-align: center;
    }

    .post-type-archive-albums .entry-content .btn {
        align-self: center;
    }
}

/* הרחבת התוכן בדף About */
.page-template-default .entry-content,
.page .entry-content,
.page #primary article,
.page #primary .entry-content {
    max-width: 90% !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* הסרת קווים מדפי ארכיון */
.post-type-archive-albums .col-md-8,
.blog .col-md-8,
.archive:not(.post-type-archive-albums) .col-md-8,
.post-type-archive-albums #primary,
.blog #primary,
.archive:not(.post-type-archive-albums) #primary,
.post-type-archive-albums .content-area,
.blog .content-area,
.archive:not(.post-type-archive-albums) .content-area,
.post-type-archive-albums .site-main,
.blog .site-main,
.archive:not(.post-type-archive-albums) .site-main,
.post-type-archive-albums main,
.blog main,
.archive:not(.post-type-archive-albums) main,
.post-type-archive-albums article,
.blog article,
.archive:not(.post-type-archive-albums) article,
.post-type-archive-albums .page-header,
.blog .page-header,
.archive:not(.post-type-archive-albums) .page-header,
.archive-section,
.archive-section .row,
.archive-section .container {
    border: none !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.post-type-archive-albums .page-header,
.blog .page-header,
.archive:not(.post-type-archive-albums) .page-header {
    border: none !important;
    border-bottom: none !important;
    margin-bottom: 2em;
    padding-bottom: 0;
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.post-type-archive-albums .page-title,
.blog .page-title,
.archive:not(.post-type-archive-albums) .page-title {
    color: #fff;
    font-size: 2.5em;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

/* סגנון לפוסטים בדף הארכיון */
.blog article,
.archive:not(.post-type-archive-albums) article {
    margin-bottom: 2em;
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 5px;
    padding: 30px;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.blog .entry-header,
.archive:not(.post-type-archive-albums) .entry-header {
    margin-bottom: 1em;
}

.blog .entry-title,
.archive:not(.post-type-archive-albums) .entry-title {
    font-size: 2em;
    margin: 0 0 0.5em;
}

.blog .entry-title a,
.archive:not(.post-type-archive-albums) .entry-title a {
    color: #fff;
    text-decoration: none;
}

.blog .entry-content,
.archive:not(.post-type-archive-albums) .entry-content {
    color: #fff !important;
    font-size: 1.1em;
    line-height: 1.6;
    display: block !important;  /* שינוי מ-flex ל-block */
}

/* עיצוב גלובלי לכפתורים */
.btn-default,
a.btn-default,
.entry-content .btn-default {
    background: #FF8C00 !important;  /* צבע כתום זהב */
    color: #ffffff !important;
    border-color: #FF8C00 !important;
    margin-top: 1em;
    font-size: 0.9em;
    padding: 8px 20px;
    transition: all 0.3s ease;
    text-decoration: none !important;
    display: inline-block !important;
}

.btn-default:hover,
a.btn-default:hover,
.entry-content .btn-default:hover {
    background: #FFA500 !important;  /* צבע כתום בהיר יותר */
    border-color: #FFA500 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* חוק כללי לכל הכפתורים באתר */
.btn, 
button, 
input[type="submit"], 
input[type="button"],
.button,
a.button {
    background: #FF8C00 !important;
    color: #ffffff !important;
    border-color: #FF8C00 !important;
    transition: all 0.3s ease;
}

.btn:hover, 
button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover,
.button:hover,
a.button:hover {
    background: #FFA500 !important;
    border-color: #FFA500 !important;
    color: #ffffff !important;
}

/* עיצוב ספציפי לכפתורים בפוסטים */
.blog article .entry-content,
.archive:not(.post-type-archive-albums) article .entry-content {
    position: static !important;
    overflow: hidden !important;  /* כדי שה-float יעבוד כראוי */
}

/* תיקון מיקום הכפתור בדף הפוסטים */
.blog article,
.archive:not(.post-type-archive-albums) article {
    position: relative !important;
    padding-bottom: 65px !important; /* מקום לכפתור */
}

.blog article .entry-content,
.archive:not(.post-type-archive-albums) article .entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* תיקון לכפתור Read More בדף פוסטים */
.blog a.btn.btn-default,
.blog a.btn-default,
.archive:not(.post-type-archive-albums) a.btn.btn-default,
.archive:not(.post-type-archive-albums) a.btn-default {
    position: absolute !important;
    bottom: 30px !important;
    right: 30px !important;
    display: inline-block !important;
    background-color: #FF8C00 !important;
    border-color: #FF8C00 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 8px 20px !important;
    font-size: 0.9em !important;
    text-decoration: none !important;
    border-radius: 4px !important;
}

.blog a.btn.btn-default:hover,
.blog a.btn-default:hover,
.archive:not(.post-type-archive-albums) a.btn.btn-default:hover,
.archive:not(.post-type-archive-albums) a.btn-default:hover {
    background-color: #FFA500 !important;
    border-color: #FFA500 !important;
    color: #ffffff !important;
}

/* הסתרת כפתור Read More בדפי פוסט בודדים */
.single .entry-footer .btn,
.single .entry-footer .btn-default,
.single-post .entry-footer .btn,
.single-post .entry-footer .btn-default {
    display: none !important;
}

/* עיצוב דף אלבום יחיד */
.single-albums .single-album-header {
    margin-bottom: 1em; /* הקטנת המרווח מ-2em */
    display: block;
    position: relative;
    width: 100%;
    background-color: transparent;
}

.single-albums .single-album-header .container {
    max-width: 100% !important; /* רוחב מלא */
    padding: 0 15px; /* מעט padding בצדדים */
    margin: 0 auto;
    display: block;
}

.single-albums .album-background {
    position: relative;
    border-radius: 0; /* ללא עיגולים */
    overflow: hidden;
    background: transparent !important;
    height: auto;
    margin-bottom: 20px;
    display: block !important;
    width: 100% !important; /* רוחב מלא */
}

.single-albums .album-background::before {
    display: none; /* ביטול השכבה השחורה */
}

.single-albums .single-album-header-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px; /* מקסימום רוחב */
    margin: 0 auto; /* מרכוז הקונטיינר */
    display: flex;
    flex-direction: row; /* פריסה רגילה */
    align-items: center;
    justify-content: space-between; /* חלוקת המרחב - תמונה שמאלה וטקסט ימינה */
    padding: 20px 15px; /* padding בצדדים */
}

.single-albums .post-thumbnail {
    position: relative;
    display: block;
    margin: 0 40px 0 0; /* מרווח מימין בלבד */
    flex-shrink: 0; /* מונע מהתמונה להתכווץ */
    order: -1; /* מכריח את התמונה להיות ראשונה (שמאלה) */
}

.single-albums .post-thumbnail img {
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 180px;
    height: auto;
}

.single-albums .entry-header {
    color: #fff;
    max-width: 600px;
    position: relative;
    background-color: transparent;
    padding: 0;
    text-align: right; /* יישור לימין */
    flex: 0 0 auto; /* לא יתרחב ויישאר בגודל הטבעי */
    margin-left: auto; /* דוחף את האלמנט לימין */
}

.single-albums .entry-title {
    color: #333;
    font-size: 2.2em;
    margin: 0 0 0.3em;
    text-shadow: none;
    padding: 0;
}

.single-albums .album-purchase-link {
    margin-top: 0.8em;
    text-align: right; /* יישור לימין */
}

.single-albums .album-purchase-link .btn {
    font-size: 0.8em;
    padding: 6px 15px;
    margin: 0 3px 5px;
    display: inline-block;
}

@media (max-width: 768px) {
    .single-albums .single-album-header-wrap {
        padding: 15px;
        flex-direction: column; /* שינוי לסידור אנכי במובייל */
    }
    
    .single-albums .album-background {
        height: auto; /* גובה אוטומטי לפי התוכן */
        min-height: auto;
    }
    
    .single-albums .entry-title {
        font-size: 1.5em;
    }
    
    .single-albums .entry-header {
        text-align: center;
        margin-top: 20px;
    }
    
    .single-albums .post-thumbnail {
        margin: 0;
    }
    
    .single-albums .album-purchase-link {
        text-align: center;
    }
}

/* הקטנת מרווחים בין סקציות בדף אלבום */
.single-albums .single-album-infos {
    margin-top: 0; /* ביטול המרווח מלמעלה */
    margin-bottom: 0; /* ביטול המרווח מלמטה */
    padding-top: 10px !important; /* רק padding קטן */
    padding-bottom: 10px !important;
}

.single-albums .single-album-content {
    margin-top: 0; /* ביטול המרווח מלמעלה */
}

.single-albums .entry-content {
    margin: 0.5em auto; /* הקטנת המרווח של התוכן */
}

/* תיקון מרווחים גלובליים לדף אלבום */
.single-albums .single-album-infos .container,
.single-albums .single-album-content .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.single-albums .single-album-infos .row,
.single-albums .single-album-content .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* עדכון צבע כותרות בעמודים הפנימיים */
.page:not(.home):not(.archive) .entry-content h1,
.page:not(.home):not(.archive) .entry-content h2,
.page:not(.home):not(.archive) .entry-content h3,
.page:not(.home):not(.archive) .entry-content h4,
.page:not(.home):not(.archive) .entry-content h5,
.page:not(.home):not(.archive) .entry-content h6,
.single:not(.archive) .entry-content h1,
.single:not(.archive) .entry-content h2,
.single:not(.archive) .entry-content h3,
.single:not(.archive) .entry-content h4,
.single:not(.archive) .entry-content h5,
.single:not(.archive) .entry-content h6 {
    color: #fff;
}

/* שיפור קריאות של לינקים בדפים פנימיים */
.page:not(.home):not(.archive) .entry-content a,
.single:not(.archive) .entry-content a {
    color: #fff;
    text-decoration: underline !important;
}

.page:not(.home):not(.archive) .entry-content a:hover,
.single:not(.archive) .entry-content a:hover {
    color: #f0f0f0;
}

/* יישור תפריט הניווט לימין - עקיפת העיצובים הקיימים */
.site-header .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

div#navbar-collapse {
    display: flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
    padding: 0 !important;
    width: auto !important;
    flex-shrink: 0 !important;
    margin-right: 30px !important; /* מרווח בין התפריט לסמלים החברתיים */
}

ul.nav.navbar-nav.navbar-center {
    justify-content: flex-end !important;
    margin-left: auto !important;
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    margin-bottom: 0 !important;
}

ul#menu-main {
    margin-left: auto !important;
    justify-content: flex-end !important;
    display: flex !important;
    float: none !important;
    margin-bottom: 0 !important;
}

ul#menu-main li {
    display: inline-block !important;
}

/* עקיפת העיצוב הקיים של הניווט */
nav#site-navigation {
    float: none !important;
    width: auto !important;
    flex-shrink: 0 !important;
}

.search-wrap {
    flex-shrink: 0 !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
}

.header-social {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* חזרה למרכז */
    margin-left: auto !important; /* מרכוז */
    margin-right: auto !important; /* מרכוז */
}

.site-branding {
    flex-shrink: 0 !important;
    margin-right: auto !important;
}

.navbar-center {
    justify-content: flex-end !important;
    text-align: right !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: row !important;
}

.collapse.navbar-collapse {
    justify-content: flex-end !important;
    text-align: right !important;
}

.navbar-collapse {
    display: flex !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
}

/* תיקון תמונת רקע בדף הבית - מיקום התמונה */
.hero-section .image {
    background-size: cover !important; /* חזרה ל-cover */
    background-position: center top !important; /* מיקום התמונה למעלה */
}

/* הקטנת גובה hero-section */
.hero-section {
    height: 50vh !important; /* הקטנה מ-70vh ל-50vh */
    min-height: 400px !important; /* מינימום גובה */
}

/* שינוי רקע album-section בדף הבית לשקוף עם overlay */
.home .album-section.section {
    background-color: rgba(0, 0, 0, 0.7) !important; /* overlay ברוחב מלא על הסקציה עצמה */
    margin-top: -50px !important; /* חזרה למצב הקודם */
    position: relative !important;
    z-index: 2 !important;
    padding: 30px 0 !important; /* padding אנכי בלבד */
}

.home .album-section.section .container {
    background-color: transparent !important; /* ביטול רקע מהקונטיינר */
    border-radius: 0 !important; /* ביטול עיגולים */
    padding: 0 15px !important; /* רק padding צדדי */
}

/* ביטול overlay כפול על אלמנטים פנימיים */
.home .album-section.section .row,
.home .album-section.section article {
    background-color: transparent !important; /* ביטול רקע כפול */
    padding: 0 !important; /* ביטול padding כפול */
}

/* שינוי רקע newsletter-sec בדף הבית לשקוף עם overlay */
.home .newsletter-sec {
    background-color: rgba(0, 0, 0, 0.7) !important; /* overlay ברוחב מלא על הסקציה עצמה */
    position: relative !important;
    z-index: 2 !important;
    padding: 30px 0 !important; /* padding אנכי בלבד */
}

.home .newsletter-sec .container {
    background-color: transparent !important; /* ביטול רקע מהקונטיינר */
    border-radius: 0 !important; /* ביטול עיגולים */
    padding: 0 15px !important; /* רק padding צדדי */
}

/* ביטול overlay כפול על אלמנטים פנימיים של newsletter */
.home .newsletter-sec .row,
.home .newsletter-sec .newsletter-content {
    background-color: transparent !important; /* ביטול רקע כפול */
    padding: 0 !important; /* ביטול padding כפול */
}

/* ================================
   MOBILE HAMBURGER BUTTON FIX
   Force hamburger button to appear and be clickable
   ================================ */

/* Base hamburger button styles - force visibility */
.navbar-toggle,
button.navbar-toggle,
.navbar-header .navbar-toggle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 9999 !important;
    background-color: transparent !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
}

/* Hamburger icon bars */
.navbar-toggle .icon-bar,
.navbar-toggle .sr-only {
    display: block !important;
    background-color: #000 !important;
    height: 2px !important;
    width: 20px !important;
    margin: 3px 0 !important;
    border-radius: 1px !important;
}

/* White hamburger for home page */
.page-template-template-home .navbar-toggle {
    border-color: #fff !important;
    color: #fff !important;
}

.page-template-template-home .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/* If icon bars don't exist, create them with CSS */
.navbar-toggle:before,
.navbar-toggle:after {
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #000 !important;
    margin: 3px 0 !important;
    transition: all 0.3s ease !important;
}

.page-template-template-home .navbar-toggle:before,
.page-template-template-home .navbar-toggle:after {
    background-color: #fff !important;
}

/* Ensure hamburger appears on all screen sizes below 991px */
@media (max-width: 991px) {
    .navbar-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ================================
   COMPREHENSIVE MOBILE RESPONSIVE FIXES
   Fixed all mobile issues: menu positioning, horizontal scrolling, background duplication
   ================================ */

/* General mobile overflow prevention */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

/* Main mobile responsive fixes */
@media (max-width: 991px) {
    /* Prevent horizontal scrolling */
    .container,
    .container-fluid,
    .row,
    [class*="col-"] {
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Header fixes */
    header#masthead {
        width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    .site-header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
    }
    
    /* Site branding positioning - moved to right side */
    .site-branding {
        flex: 0 0 auto !important;
        margin: 0 !important;
        order: 3 !important; /* לוגו בצד ימין */
        margin-left: auto !important; /* דוחף לימין */
    }
    
    /* Hamburger button - properly positioned on left */
    .navbar-toggle {
        display: block !important;
        background-color: transparent !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        padding: 8px 10px !important;
        margin: 0 !important;
        border-radius: 3px !important;
        position: relative !important;
        z-index: 9999 !important;
        order: 1 !important; /* המבורגר בצד שמאל */
        flex: 0 0 auto !important;
        cursor: pointer !important; /* עכבר יד */
    }
    
    /* White hamburger for home page */
    .page-template-template-home .navbar-toggle {
        border-color: #fff !important;
        color: #fff !important;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #000 !important;
        height: 2px !important;
        width: 20px !important;
        display: block !important;
        margin: 3px 0 !important;
    }
    
    .page-template-template-home .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    
    /* Force hamburger button to show on mobile */
    .navbar-toggle:before {
        content: "" !important;
        display: block !important;
    }
    
    /* Ensure hamburger button is visible and clickable */
    .navbar-toggle {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    /* Force show hamburger on all mobile devices */
    @media (max-width: 991px) {
        .navbar-toggle {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        
        /* Hide desktop menu completely */
        nav#site-navigation {
            display: none !important;
        }
        
        div#navbar-collapse {
            display: none !important;
        }
    }
    
    /* Social media icons - properly positioned in center */
    .header-social {
        order: 2 !important;
        flex: 1 1 auto !important; /* יתרחב למרכז */
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .header-social .social-icon {
        margin: 0 5px !important;
    }
    
    .header-social .social-icon a {
        color: #000 !important;
        font-size: 18px !important;
    }
    
    .page-template-template-home .header-social .social-icon a {
        color: #fff !important;
    }
    
    /* Navigation collapse - properly positioned and styled */
    .navbar-collapse,
    #navbar-collapse,
    div#navbar-collapse {
        display: none !important; /* Closed by default */
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        background-color: rgba(0, 0, 0, 0.95) !important;
        margin: 0 !important;
        padding: 20px !important;
        border-radius: 0 0 8px 8px !important;
        z-index: 9998 !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
        width: 100% !important;
        box-sizing: border-box !important;
        order: 4 !important;
    }
    
    /* When menu is open */
    .navbar-collapse.in,
    .navbar-collapse.show,
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapse.show {
        display: block !important;
    }
    
    /* Menu items styling */
    ul#menu-main,
    .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background-color: transparent !important;
        text-align: center !important;
        display: block !important;
    }
    
    ul#menu-main li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        background-color: transparent !important;
    }
    
    ul#menu-main li a {
        display: block !important;
        color: #fff !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        background-color: transparent !important;
        text-decoration: none !important;
        font-size: 16px !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    ul#menu-main li:last-child a {
        border-bottom: none !important;
    }
    
    ul#menu-main li a:hover,
    ul#menu-main li a:focus {
        background-color: rgba(255, 255, 255, 0.1) !important;
        color: #fff !important;
    }
    
    /* Hide dropdown menus on mobile */
    ul#menu-main .dropdown-menu {
        display: none !important;
    }
    
    /* Search wrap */
    .search-wrap {
        display: none !important; /* Hide search on mobile for simplicity */
    }
    
    /* Hero section height adjustment */
    .hero-section {
        height: 40vh !important;
        min-height: 300px !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    
    /* Transparent overlay sections - no background duplication */
    .home .album-section.section,
    .home .newsletter-sec {
        background-color: transparent !important;
        margin-top: 0 !important;
        padding: 40px 0 !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    
    .home .album-section.section .container,
    .home .newsletter-sec .container {
        background-color: transparent !important;
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    /* Album page mobile fixes */
    .single-albums .single-album-header {
        padding: 20px 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .single-albums .single-album-header-wrap {
        flex-direction: column !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .single-albums .post-thumbnail {
        margin: 0 auto 20px auto !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 300px !important;
    }
    
    .single-albums .post-thumbnail img {
        width: 250px !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    .single-albums .entry-header {
        text-align: center !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    .single-albums .entry-title {
        font-size: 1.8em !important;
        text-align: center !important;
        margin: 20px 0 !important;
    }
    
    .single-albums .album-purchase-link {
        text-align: center !important;
        margin: 20px 0 !important;
    }
    
    /* Content area fixes */
    .entry-content {
        padding: 20px 15px !important;
        margin: 1em 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Archive pages fixes */
/* ביטול החוקים שגרמו להרחבה מוגזמת */
    
    .blog article,
    .archive:not(.post-type-archive-albums) article {
        padding: 20px 15px !important;
        margin: 0 0 2em 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Button fixes */
    .btn-default,
    a.btn-default {
        display: inline-block !important;
        margin: 10px auto !important;
        text-align: center !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        width: auto !important;
        min-width: 120px !important;
    }
}

/* Tablet responsive fixes */
@media (max-width: 768px) {
    /* Additional fixes for tablets */
    .navbar-collapse {
        margin: 0 10px !important;
        width: calc(100% - 20px) !important;
    }
    
    .single-albums .post-thumbnail img {
        width: 200px !important;
    }
}

/* Small phone fixes */
@media (max-width: 480px) {
    /* Typography adjustments */
    html, body {
        font-size: 14px !important;
    }
    
    /* Header adjustments */
    header#masthead {
        padding: 8px 0 !important;
    }
    
    .site-branding {
        margin: 10px 0 !important;
    }
    
    .navbar-toggle {
        padding: 6px 8px !important;
    }
    
    /* Menu adjustments */
    .navbar-collapse {
        margin: 0 5px !important;
        width: calc(100% - 10px) !important;
        padding: 15px !important;
    }
    
    ul#menu-main li a {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
    
    /* Hero section */
    .hero-section {
        height: 35vh !important;
        min-height: 250px !important;
    }
    
    /* Album image */
    .single-albums .post-thumbnail img {
        width: 180px !important;
    }
    
    /* Typography */
    .single-albums .entry-title {
        font-size: 1.5em !important;
    }
    
    .post-type-archive-albums .page-title,
    .blog .page-title,
    .archive:not(.post-type-archive-albums) .page-title {
        font-size: 1.8em !important;
        margin-bottom: 30px !important;
    }
    
    /* Content padding */
    .entry-content {
        padding: 15px 10px !important;
        margin: 1em 0 !important;
    }
    
    .home .album-section.section .container,
    .home .newsletter-sec .container {
        padding: 0 10px !important;
    }
    
    /* Button adjustments */
    .btn-default,
    a.btn-default {
        font-size: 12px !important;
        padding: 8px 15px !important;
        min-width: 100px !important;
    }
    
    /* Social media icons */
    .header-social .social-icon a {
        font-size: 16px !important;
    }
}

/* Force override any conflicting mobile styles */
@media (max-width: 991px) {
    /* Override theme's mobile menu styles */
    .navbar-nav {
        display: none !important;
    }
    
    .navbar-collapse {
        border: none !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
    }
    
    /* Ensure no white backgrounds on menu items */
    ul#menu-main li a,
    .navbar-nav li a,
    .nav li a {
        background-color: transparent !important;
        color: #fff !important;
    }
    
    /* Fix any remaining horizontal scroll issues */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    
    [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* ===============================================
       CRITICAL MOBILE LAYOUT FIX - FORCE POSITIONING
       =============================================== */
    
    /* Force header row to be flex container */
    header#masthead .container .row,
    header#masthead .row,
    .site-header .container .row,
    .site-header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
        flex-wrap: nowrap !important;
        position: relative !important;
    }
    
    /* FORCE LOGO TO RIGHT SIDE */
    .site-branding,
    .custom-logo-link,
    .navbar-brand,
    .site-title {
        order: 3 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        flex: 0 0 auto !important;
        position: relative !important;
        float: none !important;
        right: 0 !important;
        left: auto !important;
    }
    
    /* FORCE HAMBURGER TO LEFT SIDE */
    .navbar-toggle,
    button.navbar-toggle,
    .menu-toggle,
    .mobile-menu-toggle {
        order: 1 !important;
        margin-right: auto !important;
        margin-left: 0 !important;
        flex: 0 0 auto !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        float: none !important;
        left: 0 !important;
        right: auto !important;
        background-color: transparent !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        padding: 8px 10px !important;
        border-radius: 3px !important;
        z-index: 9999 !important;
        cursor: pointer !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* White hamburger for home page */
    .page-template-template-home .navbar-toggle,
    .page-template-template-home button.navbar-toggle {
        border-color: #fff !important;
        color: #fff !important;
    }
    
    /* FORCE SOCIAL MEDIA TO CENTER */
    .header-social {
        order: 2 !important;
        flex: 1 1 auto !important;
        margin: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        position: relative !important;
        float: none !important;
    }
    
    /* Hamburger icon styling */
    .navbar-toggle .icon-bar,
    .navbar-toggle:before,
    .navbar-toggle:after {
        display: block !important;
        background-color: #000 !important;
        height: 2px !important;
        width: 20px !important;
        margin: 3px 0 !important;
        border-radius: 1px !important;
        content: "" !important;
    }
    
    .page-template-template-home .navbar-toggle .icon-bar,
    .page-template-template-home .navbar-toggle:before,
    .page-template-template-home .navbar-toggle:after {
        background-color: #fff !important;
    }
}

/* ===============================================
   ULTIMATE MOBILE OVERRIDE - FORCE ALL STYLES
   =============================================== */
@media (max-width: 991px) {
    /* Hide desktop navigation completely */
    nav#site-navigation,
    div#navbar-collapse,
    .navbar-collapse:not(.show):not(.in) {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Force mobile hamburger menu to appear EVERYWHERE */
    .navbar-toggle,
    button.navbar-toggle,
    .menu-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 99999 !important;
        background: transparent !important;
        border: 2px solid #000 !important;
        padding: 8px 10px !important;
        margin: 0 !important;
        cursor: pointer !important;
        order: 1 !important;
        flex: 0 0 auto !important;
        margin-right: auto !important;
        margin-left: 0 !important;
        float: none !important;
        left: 0 !important;
        right: auto !important;
        width: auto !important;
        height: auto !important;
        pointer-events: auto !important;
    }
    
    /* Create hamburger lines if they don't exist */
    .navbar-toggle::before {
        content: "☰" !important;
        font-size: 18px !important;
        color: #000 !important;
        display: block !important;
        line-height: 1 !important;
    }
    
    .page-template-template-home .navbar-toggle {
        border-color: #fff !important;
    }
    
    .page-template-template-home .navbar-toggle::before {
        color: #fff !important;
    }
    
    /* Force header layout */
    header#masthead,
    .site-header {
        width: 100% !important;
        overflow: visible !important;
        position: relative !important;
    }
    
    header#masthead .container,
    header#masthead .container-fluid,
    .site-header .container,
    .site-header .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }
    
    header#masthead .row,
    .site-header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: nowrap !important;
        position: relative !important;
    }
    
    /* Logo positioning - FORCE TO RIGHT */
    .site-branding,
    .custom-logo-link,
    .navbar-brand,
    .site-title,
    .logo {
        order: 3 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        flex: 0 0 auto !important;
        position: relative !important;
        float: none !important;
        right: 0 !important;
        left: auto !important;
        text-align: right !important;
    }
    
    /* Social media - FORCE TO CENTER */
    .header-social {
        order: 2 !important;
        flex: 1 1 auto !important;
        margin: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        position: relative !important;
        float: none !important;
    }
    
    .header-social .social-icon {
        margin: 0 5px !important;
        display: inline-block !important;
    }
    
    .header-social .social-icon a {
        color: #000 !important;
        font-size: 18px !important;
        text-decoration: none !important;
    }
    
    .page-template-template-home .header-social .social-icon a {
        color: #fff !important;
    }
}

/* ===============================================
   FORCE HAMBURGER ICON - FALLBACK METHOD
   =============================================== */
@media (max-width: 991px) {
    /* If hamburger button exists but no icon, create it */
    .navbar-toggle:empty::before {
        content: "☰" !important;
        font-size: 20px !important;
        color: #000 !important;
        display: block !important;
        line-height: 1 !important;
        text-align: center !important;
    }
    
    .page-template-template-home .navbar-toggle:empty::before {
        color: #fff !important;
    }
    
    /* Alternative hamburger styling with bars */
    .navbar-toggle .icon-bar {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background-color: #000 !important;
        border-radius: 1px !important;
        margin: 4px 0 !important;
    }
    
    .page-template-template-home .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
}

/* ===============================================
   NUCLEAR OPTION - MAXIMUM SPECIFICITY OVERRIDE
   =============================================== */

/* Force create hamburger button if it doesn't exist */
@media screen and (max-width: 991px) {
    /* Remove the pseudo-element hamburger - we'll create a real button */
    header#masthead .container .row::before {
        display: none !important;
    }
    
    /* Create real hamburger button with HTML instead of CSS */
    .mobile-hamburger-btn {
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 99999 !important;
        background: transparent !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        font-size: 18px !important;
        padding: 8px 10px !important;
        border-radius: 3px !important;
        cursor: pointer !important;
        line-height: 1 !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
    }
    
    .page-template-template-home .mobile-hamburger-btn {
        border-color: #fff !important;
        color: #fff !important;
    }
}

/* Ultimate header layout override with maximum specificity */
@media screen and (max-width: 991px) and (min-width: 1px) {
    
    /* FORCE HEADER STRUCTURE */
    html body.wp-themes header#masthead.site-header .container .row,
    html body header#masthead .container .row,
    html body .site-header .container .row,
    html body header .container .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
        flex-wrap: nowrap !important;
        position: relative !important;
        min-height: 60px !important;
    }
    
    /* ULTRA SPECIFIC LOGO POSITIONING - FORCE TO LEFT */
    html body.wp-themes header#masthead .site-branding,
    html body header#masthead .site-branding,
    html body .site-header .site-branding,
    html body header .site-branding,
    html body .custom-logo-link,
    html body .navbar-brand,
    html body .site-title {
        order: 1 !important; /* לוגו בצד שמאל */
        margin-left: 0 !important; /* ללא מרווח משמאל */
        margin-right: auto !important; /* דוחף ימינה */
        flex: 0 0 auto !important;
        position: relative !important;
        float: none !important;
        right: auto !important;
        left: 0 !important;
        text-align: left !important;
    }
    
    /* ULTRA SPECIFIC HAMBURGER POSITIONING - FORCE TO RIGHT */
    html body.wp-themes header#masthead .navbar-toggle,
    html body header#masthead .navbar-toggle,
    html body .site-header .navbar-toggle,
    html body header .navbar-toggle,
    html body button.navbar-toggle,
    html body .menu-toggle,
    html body .mobile-menu-toggle {
        order: 3 !important; /* המבורגר בצד ימין */
        margin-right: 0 !important; /* ללא מרווח מימין */
        margin-left: auto !important; /* דוחף שמאלה */
        flex: 0 0 auto !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: 0 !important;
        background: transparent !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        padding: 8px 10px !important;
        border-radius: 3px !important;
        z-index: 99999 !important;
        cursor: pointer !important;
        width: auto !important;
        height: auto !important;
        font-size: 18px !important;
        line-height: 1 !important;
        text-align: center !important;
    }
    
    /* Force hamburger content */
    html body header#masthead .navbar-toggle::before,
    html body .navbar-toggle::before {
        content: "☰" !important;
        display: block !important;
        color: inherit !important;
    }
    
    /* White hamburger for home page */
    html body.page-template-template-home header#masthead .navbar-toggle,
    html body.page-template-template-home .navbar-toggle {
        border-color: #fff !important;
        color: #fff !important;
    }
    
    /* ULTRA SPECIFIC SOCIAL MEDIA POSITIONING - FORCE TO CENTER */
    html body.wp-themes header#masthead .header-social,
    html body header#masthead .header-social,
    html body .site-header .header-social,
    html body header .header-social {
        order: 2 !important;
        flex: 1 1 auto !important;
        margin: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        position: relative !important;
        float: none !important;
    }
    
    /* Hide desktop navigation completely */
    html body nav#site-navigation,
    html body div#navbar-collapse:not(.show):not(.in),
    html body .navbar-collapse:not(.show):not(.in) {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Additional fallback - create hamburger with CSS if nothing else works */
@media screen and (max-width: 991px) {
    /* Remove the MENU button - it's not needed */
    header#masthead .container .row::after {
        display: none !important;
    }
    
    /* Make sure mobile menu works when opened */
    .navbar-collapse.in,
    .navbar-collapse.show,
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapse.show {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.95) !important;
        padding: 20px !important;
        z-index: 9998 !important;
        border-radius: 0 0 8px 8px !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
    }
    
    /* Mobile menu items */
    .navbar-collapse ul#menu-main,
    .navbar-collapse .navbar-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }
    
    .navbar-collapse ul#menu-main li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }
    
    .navbar-collapse ul#menu-main li a {
        display: block !important;
        color: #fff !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        text-decoration: none !important;
        font-size: 16px !important;
        text-align: center !important;
        width: 100% !important;
        background: transparent !important;
    }
    
    .navbar-collapse ul#menu-main li:last-child a {
        border-bottom: none !important;
    }
    
    .navbar-collapse ul#menu-main li a:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
}

/* Nuclear Option: Prevent hamburger button red color */
.mobile-hamburger-btn,
.mobile-hamburger-btn:hover,
.mobile-hamburger-btn:active,
.mobile-hamburger-btn:focus,
.mobile-hamburger-btn:visited {
    background: rgba(0, 0, 0, 0.7) !important; /* רקע כהה לכל הדפים */
    color: #fff !important; /* טקסט לבן */
    border: 2px solid #fff !important; /* מסגרת לבנה */
    outline: none !important;
    box-shadow: none !important;
    backdrop-filter: blur(5px) !important; /* אפקט טשטוש */
}

.mobile-hamburger-btn:hover {
    background: rgba(0, 0, 0, 0.9) !important; /* כהה יותר בהובר */
}

/* Special styling for home page only */
.page-template-template-home .mobile-hamburger-btn,
.page-template-template-home .mobile-hamburger-btn:hover,
.page-template-template-home .mobile-hamburger-btn:active,
.page-template-template-home .mobile-hamburger-btn:focus {
    background: transparent !important; /* שקוף בדף הבית */
    color: #fff !important;
    border-color: #fff !important;
}

.page-template-template-home .mobile-hamburger-btn:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* תיקון קל לצבעי טקסט בטפסים */
.wpforms-field-label {
    color: #fff !important;
}

.wpforms-submit {
    background: #FF8C00 !important;
    color: #ffffff !important;
    border-color: #FF8C00 !important;
    float: right !important;
    margin-left: auto !important;
    display: block !important;
}

.wpforms-submit:hover {
    background: #FFA500 !important;
    border-color: #FFA500 !important;
}

/* תיקון למיכל הכפתור */
.wpforms-submit-container {
    text-align: right !important;
    clear: both !important;
}

/* עיצוב הודעת האישור של WPForms */
.wpforms-confirmation-container-full {
    background: rgba(255, 140, 0, 0.95) !important; /* רקע כתום בהיר יותר עם שקיפות מעט פחותה */
    color: #ffffff !important;
    border: 2px solid #FF8C00 !important; /* מסגרת כתומה בהירה יותר */
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    font-size: 1.1em !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4) !important; /* צל כתום בהיר */
    backdrop-filter: blur(5px) !important;
}

.wpforms-confirmation-container-full p {
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 1.1em !important;
    line-height: 1.4 !important;
}

/* ===============================================
   MOBILE MENU JAVASCRIPT FUNCTIONALITY
   Add this script to make hamburger menu work
   =============================================== */

/* ===============================================
   RTL SUPPORT FOR HEBREW - MENU POSITIONING
   =============================================== */

/* כלל בסיסי לעמודים בעברית - שמירה על התפריט בצד ימין */
[dir="rtl"] .site-header .row {
    direction: ltr !important; /* כוח את הכותרת להיות LTR */
}

[dir="rtl"] .site-header .row > * {
    direction: ltr !important; /* כוח את כל הילדים להיות LTR */
}

/* מיקום התפריט בעברית - הזזה ימינה לכיוון חיפוש וסמלים חברתיים */
[dir="rtl"] ul#menu-main {
    margin-right: 80px !important; /* הזזה ימינה */
    margin-left: 0 !important;
    justify-content: flex-end !important;
    direction: ltr !important;
}

[dir="rtl"] .navbar-center {
    margin-right: 100px !important; /* הזזה נוספת ימינה */
    margin-left: 0 !important;
    justify-content: flex-end !important;
    direction: ltr !important;
}

[dir="rtl"] div#navbar-collapse {
    margin-right: 120px !important; /* הזזה חזקה ימינה */
    margin-left: 0 !important;
    justify-content: flex-end !important;
    direction: ltr !important;
}

/* מיקום האייקונים החברתיים - שמירה על המרכז */
[dir="rtl"] .header-social {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    direction: ltr !important;
}

/* מיקום אזור החיפוש */
[dir="rtl"] .search-wrap {
    margin-left: 20px !important;
    margin-right: 0 !important;
    direction: ltr !important;
}

/* שמירה על הלוגו בצד שמאל */
[dir="rtl"] .site-branding {
    margin-right: auto !important;
    margin-left: 0 !important;
    direction: ltr !important;
}

/* תיקון יישור header במובייל - מרכוז כל התוכן */
@media (max-width: 768px) {
    .without-widgets {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        justify-content: center !important;
    }

    .without-widgets .custom-logo-link {
        margin: 0 auto !important;
        display: block !important;
        text-align: center !important;
    }

    .without-widgets .logo-wrap {
        margin: 10px auto !important;
        text-align: center !important;
        width: 100% !important;
    }

    .without-widgets .logo-wrap .site-title {
        text-align: center !important;
        margin: 0 !important;
    }

    .without-widgets .header-social {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 10px auto 0 auto !important;
        text-align: center !important;
    }

    .without-widgets .header-social .social-icon {
        margin: 0 5px !important;
    }
}