/* ==========================================
   1. FORCE BLACK ROOT & GLOBAL STYLE
   ========================================== */
:root {
    --cassiopeia-color-primary: #000000 !important;
    --cassiopeia-color-hover: #c8a26a !important;
    --cassiopeia-color-link: #c8a26a !important;
}

body, html, .site-wrapper {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ==========================================
   2. HEADER & LOGO CENTER
   ========================================== */
.header, .container-header, .header-content {
    background-color: #000000 !important;
    background-image: none !important; /* מבטל את הגרדיאנט האדום */
    padding: 10px 0 !important;
    border-bottom: 1px solid #1a1a1a !important;
}

/* לוגו במרכז */
.navbar-brand {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.navbar-brand img {
    max-height: 60px !important;
    width: auto !important;
}

/* המבורגר ותפריט */
.navbar-toggler {
    border-color: #c8a26a !important;
    background-color: transparent !important;
    margin-top: 10px !important;
}

/* ==========================================
   3. NEW MAGAZINE BLOG LAYOUT (CLEANED)
   ========================================== */
/* המכולה הראשית - תמיד מוגדרת כגריד של 2 עמודות */
.blog-items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
    width: 100% !important;
    background: #000000 !important;
    padding: 10px 0 !important;
}

/* מאלץ את הארגזים הראשיים לתפוס 100% רוחב של הבלוג */
.blog-items > .items-leading,
.blog-items > .com-content-category-blog__items-leading,
.blog-items > .items-row,
.blog-items > .com-content-category-blog__items-row {
    grid-column: span 2 !important;
    width: 100% !important;
}

/* הופך את ארגז מאמרי ההמשך לגריד פנימי של 2 עמודות */
.items-row, .com-content-category-blog__items-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
    width: 100% !important;
}

/* תופס באופן מוחלט את הילד הראשון בהחלט ומותח אותו ל-100% */
.blog-items > :first-child,
.blog-items > .com-content-category-blog__item:first-child,
.blog-items > .blog-item:first-child {
    grid-column: span 2 !important;
    width: 100% !important;
}

/* התאמה מושלמת למובייל - הכל קורס לטור אחד חלק */
@media (max-width: 768px) {
    .blog-items {
        grid-template-columns: 1fr !important;
    }
    .items-row, .com-content-category-blog__items-row {
        grid-template-columns: 1fr !important;
    }
    .blog-items > :first-child {
        grid-column: span 1 !important;
    }
}

/* עיצוב הקופסאות היוקרתיות (הזהב והשחור שאתה אוהב) */
.com-content-category-blog__item {
    display: flex !important;
    flex-direction: column !important;
    background: #111111 !important;
    border: 1px solid #c8a26a !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 4px 15px rgba(200, 162, 106, 0.05) !important;
}

/* התאמת תמונות */
.com-content-category-blog__item .item-image img,
.com-content-category-blog__item img {
    width: 100% !important;
    height: auto !important;
    max-height: 350px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    margin-bottom: 15px !important;
}

/* כותרות */
.com-content-category-blog__item h2, 
.com-content-category-blog__item h2 a {
    color: #c8a26a !important;
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* יישור טקסט שמאלה לאנגלית */
.item-content, .com-content-category-blog__item .article-body {
    text-align: left !important;
    color: #ffffff !important;
}

/* ==========================================
   4. REMOVE WHITE SIDEBARS - ביטול שטחים לבנים
   ========================================== */
.main-grid {
    display: block !important;
    background-color: #000000 !important;
}

#content, main {
    background-color: #000000 !important;
}

/* ==========================================
   5. GENERAL SYSTEM FOOTER & BACK TO TOP
   ========================================== */
footer, .footer, footer.footer {
    background-color: #000000 !important;
    background-image: none !important;
    position: relative !important;
    padding-top: 40px !important;
}

/* קו הזהב הכללי שנמתח 100% מעל הפוטר */
footer.footer::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background-color: #c8a26a !important;
    z-index: 999 !important;
}

.back-to-top-link {
    background-color: #c8a26a !important;
}

/* ==========================================
   6. HERO SECTION & HOME ADJUSTMENTS
   ========================================== */
.hero-section {
    height: 80vh;
    min-height: 500px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1516108317508-6788f6a160e6?q=80&w=2000') no-repeat center center;
    background-size: cover !important;
    border-bottom: 2px solid #c8a26a;
    width: 100%;
}

.hero-section h1 {
    font-size: clamp(2rem, 8vw, 3.5rem) !important;
    color: #c8a26a !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
}

.hero-section p {
    font-size: 1.2rem;
    color: #ffffff;
    max-width: 800px;
    margin: 0 auto 2rem;
}

.home-section {
    padding: 80px 20px;
    background-color: #000000;
}

.home-section h2 {
    text-align: center;
    color: #c8a26a;
    margin-bottom: 40px;
    font-size: 2.2rem;
}

@media (max-width: 768px) {
    .hero-section {
        height: 40vh !important;
        min-height: 300px !important;
    }
}

.site-wrapper main#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#system-message-container {
    display: none;
}

.com-content-category-blog {
    margin-top: -30px !important;
}

.container-component {
    padding-top: 0 !important;
}

.body-home .container-component, 
.body-home main#content {
    display: none !important;
}

.hero-section + div, 
.hero-section + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .hero-section {
        margin-bottom: -50px !important;
    }
}

/* מחיקת קווי רפאים כלליים של התבנית */
.site-wrapper, .header, footer.footer, main, div[class*="container"], .grid-child {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ==========================================
   7. CONTACT & ABOUT PAGES STYLE
   ========================================== */
.contact-container, .about-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px;
    padding: 60px 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #000000;
    color: #ffffff;
}

.contact-info, .contact-form-wrapper, .about-text-section, .about-values-section {
    flex: 1;
    min-width: 300px;
}

.contact-info h2, .contact-form-wrapper h2, .about-container h2 {
    color: #c8a26a !important;
    font-size: 2rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-info p, .about-text-section p {
    line-height: 1.8;
    color: #cccccc;
    font-size: 1rem;
}

.info-item {
    margin-top: 25px;
    border-left: 2px solid #c8a26a;
    padding-left: 15px;
}

.info-item strong {
    color: #c8a26a;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.luxury-form input, .luxury-form textarea {
    width: 100%;
    padding: 15px;
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    font-size: 1rem;
    transition: 0.3s;
    border-radius: 0;
}

.luxury-form input:focus, .luxury-form textarea:focus {
    border-color: #c8a26a !important;
    outline: none;
}

.contact-submit-btn {
    width: 100%;
    padding: 15px;
    background-color: #c8a26a;
    color: #000000;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s;
}

.contact-submit-btn:hover {
    background-color: #ffffff;
    color: #000000;
}

.about-lead {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #e5e5e5;
    margin-bottom: 20px;
    font-weight: 500;
}

.value-card {
    background-color: #111111;
    border: 1px solid #222222;
    padding: 25px;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.value-card:hover {
    border-color: #c8a26a;
}

.value-card h3 {
    color: #c8a26a !important;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.value-card p {
    font-size: 0.95rem;
    color: #aaaaaa;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .contact-container, .about-container {
        flex-direction: column;
        padding: 40px 15px;
    }
    .contact-info {
        text-align: center;
    }
    .info-item {
        border-left: none;
        border-top: 1px solid #c8a26a;
        padding-left: 0;
        padding-top: 15px;
    }
}

/* ==========================================
   8. HEADER MENU CENTER & MOBILE HAMBURGER
   ========================================== */
div.grid-child.container-nav {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

.header .navbar, .header .navbar-collapse {
    width: 100% !important;
    justify-content: center !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.menu-horizontal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.menu-horizontal > li {
    display: inline-flex !important;
    float: none !important;
}

@media (max-width: 991.98px) {
    .header .navbar { justify-content: flex-end !important; }
    .header .navbar-toggler { margin-left: auto !important; margin-right: 15px !important; margin-top: 0 !important; padding: 4px 8px !important; }
    .header, .container-header, .header-content { padding-top: 5px !important; padding-bottom: 5px !important; }
    .navbar-brand img { max-height: 40px !important; }
    .navbar-brand { margin-bottom: 0 !important; margin-top: 0 !important; }
}

/* ==========================================
   9. HEADER SEARCH STRIP & SINGLE ARTICLE
   ========================================== */
.container-search label.finder { display: none !important; }
.container-search { position: absolute !important; z-index: 9999 !important; width: 45px !important; height: 45px !important; transition: all 0.3s ease-in-out !important; background-color: transparent !important; }
.container-search .form-search, .container-search .awesomplete { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; }
.container-search input.js-finder-search-query.form-control, .awesomplete > input { background-color: transparent !important; border: none !important; color: transparent !important; height: 45px !important; width: 45px !important; padding: 0 !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: all 0.3s ease-in-out !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23c8a26a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; }
.container-search input::placeholder { color: transparent !important; }

@media (min-width: 992px) {
    .container-search { right: 40px !important; top: 60px !important; }
    .container-search:focus-within { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background-color: #000000 !important; padding: 0 10% !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    .container-search:focus-within input.js-finder-search-query.form-control, .container-search:focus-within .awesomplete > input { width: 100% !important; max-width: 600px !important; color: #ffffff !important; border-bottom: 1px solid #c8a26a !important; padding-left: 45px !important; padding-right: 45px !important; background-position: left 10px center !important; cursor: text !important; }
    .container-search:focus-within input::placeholder { color: #666666 !important; }
}

@media (max-width: 991.98px) {
    .container-search { right: 70px !important; top: 12px !important; }
    .container-search:focus-within { position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; width: 100vw !important; height: 60px !important; background-color: #000000 !important; padding: 0 20px !important; display: flex !important; align-items: center !important; }
    .container-search:focus-within input.js-finder-search-query.form-control, .container-search:focus-within .awesomplete > input { width: 100% !important; color: #ffffff !important; border-bottom: 1px solid #c8a26a !important; padding-left: 40px !important; background-position: left 10px center !important; cursor: text !important; }
    .container-search:focus-within input::placeholder { color: #666666 !important; }
}

.container-search::after { content: "\00d7" !important; color: #c8a26a !important; font-size: 32px !important; position: absolute !important; right: 40px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10001 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.3s ease !important; }
@media (max-width: 991.98px) { .container-search::after { right: 20px !important; font-size: 26px !important; } }
.container-search:focus-within::after { opacity: 1 !important; }
.awesomplete > ul[hidden] { display: none !important; }

/* SINGLE ARTICLE STYLE */
.com-content-article .item-image, .com-content-article .full-image { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 40px auto !important; text-align: center !important; }
.com-content-article .item-image img, .com-content-article .full-image img { width: 100% !important; max-width: 1100px !important; height: auto !important; border-radius: 8px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; }
.com-content-article .article-body { max-width: 800px !important; margin: 0 auto !important; padding: 0 20px 60px 20px !important; font-size: 1.15rem !important; line-height: 1.85 !important; color: #e5e5e5 !important; text-align: left !important; }
.com-content-article .article-body h3, .com-content-article .article-body h4 { color: #c8a26a !important; margin-top: 35px !important; margin-bottom: 15px !important; text-align: left !important; }

/* IPHONE HERO FIX */
.hero-section { background-attachment: scroll, scroll !important; background-size: cover, cover !important; -webkit-background-size: cover, cover !important; }
@media (max-width: 991.98px) {
    .hero-section { height: 350px !important; min-height: 350px !important; background-position: center center, center center !important; background-size: cover, cover !important; -webkit-background-size: cover, cover !important; background-attachment: scroll, scroll !important; }
    .hero-section h1 { text-shadow: 0 3px 12px rgba(0, 0, 0, 0.85) !important; }
    .hero-section p { padding: 0 20px !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85) !important; }
}

/* מאמר שער מוביל */
.blog-items .item-leading { grid-column: span 2 !important; width: 100% !important; }
@media (max-width: 768px) { .blog-items .item-leading { grid-column: span 1 !important; } }

/* ==========================================
   10. BULLETPROOF CUSTOM HTML FOOTER LAYOUT
   ========================================== */
/* שחרור מוחלט של כל החסימות של ג'ומלה על מודול הפוטר */
footer.footer .grid-child,
footer.footer .footer-inner,
footer.footer .mod-custom,
footer.footer .card,
footer.footer .card-body,
footer.footer div[class*="mod-"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* מטרגט ישירות את ה-Container האישי שלך ומסדר ב-4 עמודות זהב */
.footer-container, div.footer-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; /* 4 עמודות סימטריות במחשב */
    gap: 45px !important; /* המרווח (האוויר) המושלם בין הטורים */
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important; /* ממרכז את כל הבלוק למרכז המסך */
    padding: 40px 20px 60px 20px !important;
    box-sizing: border-box !important;
}

/* הטורים עצמם */
.footer-column, div.footer-column {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
}

/* כותרות h4 של העמודות */
.footer-column h4, div.footer-column h4 {
    color: #c8a26a !important; /* זהב מנצח */
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* פסקאות הטקסט בפוטר */
.footer-column p {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important;
}

/* ניקוי רשימות הקישורים (הסרת נקודות הרפאים והבולטים) */
.footer-links, ul.footer-links {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-links li {
    margin-bottom: 12px !important;
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
}

/* הקישורים עצמם */
.footer-links a {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease, padding 0.2s ease !important;
}

/* מעבר עכבר יוקרתי לזהב */
.footer-links a:hover {
    color: #c8a26a !important;
    padding-left: 5px !important;
}

/* התאמה למובייל - הכל קורס לטור אחד חלק וממורכז לחלוטין */
@media (max-width: 768px) {
    .footer-container, div.footer-container {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 35px !important;
        padding-top: 20px !important;
    }
    .footer-column, div.footer-column {
        align-items: center !important;
    }
}