/* =======================================================
   1. MASTER HEADER - ARCHITECTURE (CORPORATE STYLE)
======================================================= */
.artmc-master-header-wrapper { width: 100%; position: relative; z-index: 9999; transition: all 0.3s ease; }
.artmc-master-header { width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.artmc-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; box-sizing: border-box; }
.artmc-flex-row { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: nowrap; }
.artmc-justify-end { justify-content: flex-end; }
.desktop-only { display: block !important; }
.mobile-only { display: none !important; }

/* STICKY HEADER */
.artmc-master-header-wrapper.is-sticky { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99999; box-shadow: 0 5px 20px rgba(0,0,0,0.08); background: #ffffff !important; animation: artmcSlideDown 0.4s ease-out; }
.artmc-master-header-wrapper.is-sticky .artmc-master-header { background: #ffffff !important; }
@keyframes artmcSlideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* TOP BAR */
.artmc-row-topbar { background-color: #232f3e; color: #fff; padding: 6px 0; font-size: 13px; }
.artmc-tb-col { display: flex; align-items: center; gap: 15px; }
.artmc-row-topbar a { color: #fff; text-decoration: none; transition: 0.3s; display: inline-flex; align-items: center; gap: 6px; }
.artmc-row-topbar a:hover { color: #f0c14b; }
.artmc-inline-menu, .artmc-tb-menu > ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: row !important; gap: 15px; align-items: center; }
.artmc-tb-item { display: inline-flex; align-items: center; gap: 6px; }
.artmc-tb-text { display: inline-block; }
.artmc-row-topbar i, .artmc-row-topbar svg { flex-shrink: 0 !important; width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; }

/* MAIN HEADER */
.artmc-row-main { padding: 15px 0; background-color: #fff; }
.artmc-logo { flex-shrink: 0; display: flex; align-items: center; margin-right: 20px; }
[dir="rtl"] .artmc-logo { margin-right: 0; margin-left: 20px; }
.artmc-logo img.artmc-logo-desk { display: block !important; max-width: 100%; height: auto; }
.artmc-logo img.artmc-logo-mob { display: none !important; max-width: 100%; height: auto; }
.artmc-logo h3 { margin: 0; font-size: 24px; color: #333; }

/* MAIN NAV */
.artmc-main-nav { flex: 1 1 auto; display: flex !important; justify-content: center; width: 100%; }
.artmc-main-nav ul, .artmc-main-nav div > ul, .artmc-main-nav .menu { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: row !important; align-items: center; flex-wrap: wrap; justify-content: center; width: auto; }
.artmc-main-nav li, .artmc-main-nav .menu > li { position: relative; display: flex; align-items: center; margin: 0 !important; }
.artmc-main-nav ul > li > a { text-decoration: none; transition: 0.3s; display: block; white-space: nowrap; }
.artmc-main-nav ul > li:last-child::after { display: none !important; }
[dir="rtl"] .artmc-main-nav ul > li:first-child::after { display: none !important; }

/* SUBMENU */
.artmc-main-nav.has-submenu-indicator li.menu-item-has-children > a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; transition: transform 0.3s ease; margin-left: 5px; }
[dir="rtl"] .artmc-main-nav.has-submenu-indicator li.menu-item-has-children > a::after { margin-left: 0; margin-right: 5px; }
.artmc-icon-angle-down li.menu-item-has-children > a::after { content: "\f107"; }
.artmc-main-nav li.menu-item-has-children:hover > a::after { transform: rotate(180deg); }

.artmc-main-nav ul.sub-menu { position: absolute; top: 100%; right: 0; background: #fff; min-width: 220px; display: flex !important; flex-direction: column !important; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 9999; list-style: none !important; padding: 0 !important; margin: 0 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 4px; }
[dir="ltr"] .artmc-main-nav ul.sub-menu { right: auto; left: 0; }
.artmc-main-nav li:hover > ul.sub-menu { opacity: 1; visibility: visible; }
.artmc-main-nav ul.sub-menu li { display: block; width: 100%; }
.artmc-main-nav ul.sub-menu a { display: block; width: 100%; white-space: normal; transition: 0.3s; text-decoration: none; padding: 10px 15px; box-sizing: border-box; }

/* ACTIONS & NATIVE LANG (Fallback) */
.artmc-header-actions { display: flex; align-items: center; gap: 15px; }
.artmc-lang-box { flex-shrink: 0; position: relative; }
.artmc-lang-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: row !important; gap: 10px; align-items: center; }
.artmc-lang-list a { text-decoration: none; font-weight: bold; display: flex; align-items: center; gap: 6px; color: inherit; line-height: 1; }
.artmc-lang-list img { max-width: 24px !important; min-width: 18px !important; height: auto !important; border-radius: 2px; display: block; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }

/* CUSTOM DROPDOWN LANG (Fix for layout distortion) */
.artmc-custom-lang-wrap { position: relative; display: inline-block; z-index: 999; }
.artmc-lang-toggle { cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; padding: 5px; }
.artmc-custom-lang-img { width: 26px !important; height: auto !important; object-fit: contain; border-radius: 2px; display: block; }
.artmc-lang-dropdown { position: absolute; top: 120%; right: 0; background: #fff; list-style: none !important; margin: 0 !important; padding: 10px 0 !important; min-width: 140px; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9999; }
[dir="rtl"] .artmc-lang-dropdown { left: 0; right: auto; text-align: right; }
.artmc-custom-lang-wrap:hover .artmc-lang-dropdown { opacity: 1; visibility: visible; top: 100%; }
.artmc-lang-dropdown li { margin: 0; padding: 0; border: none; }
.artmc-lang-dropdown li a { display: flex; align-items: center; gap: 8px; padding: 8px 15px; text-decoration: none; transition: 0.2s; color: #333; font-size: 14px; }
.artmc-lang-dropdown li a img { width: 20px !important; height: auto !important; border-radius: 2px; }
.artmc-lang-dropdown li a:hover { background: rgba(0,0,0,0.05); }

.artmc-header-cta { display: inline-block; text-decoration: none; font-weight: 600; transition: all 0.3s ease; cursor: pointer; white-space: nowrap; }

/* =======================================================
   2. MOBILE HEADER & OFFCANVAS
======================================================= */
@media (max-width: 991px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: block !important; }
    .artmc-row-main { padding: 10px 0; }
    .artmc-mobile-toggle { font-size: 24px; cursor: pointer; color: #333; padding: 5px; }
    .artmc-logo { margin: 0 auto; }
    .artmc-logo img.artmc-logo-desk { display: none !important; }
    .artmc-logo img.artmc-logo-mob { display: block !important; }
    .artmc-mobile-actions { background-color: #232f3e; padding: 10px 0; }
    .artmc-mobile-actions .artmc-flex-row { gap: 15px; }
    .artmc-mobile-search-inline { flex-grow: 1; position: relative; display: flex; align-items: center; }
    .artmc-inline-search-input { width: 100%; padding: 10px 40px 10px 15px; border-radius: 4px; border: none; outline: none; font-size: 14px; }
    [dir="rtl"] .artmc-inline-search-input { padding: 10px 15px 10px 40px; }
    .artmc-mobile-search-inline i { position: absolute; right: 15px; color: #333; font-size: 16px; pointer-events: none; }
    [dir="rtl"] .artmc-mobile-search-inline i { right: auto; left: 15px; }
}

.artmc-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99998; display: none; }
.artmc-mobile-sidebar { position: fixed; top: 0; left: -320px; width: 300px; height: 100%; background: #fff; z-index: 99999; box-shadow: 5px 0 15px rgba(0,0,0,0.1); transition: 0.4s ease; display: flex; flex-direction: column; overflow-y: auto; }
[dir="rtl"] .artmc-mobile-sidebar { left: auto; right: -320px; box-shadow: -5px 0 15px rgba(0,0,0,0.1); }
.artmc-mobile-sidebar.active { left: 0; }
[dir="rtl"] .artmc-mobile-sidebar.active { right: 0; }
.artmc-sidebar-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: flex-end; }
.artmc-sidebar-close { font-size: 30px; cursor: pointer; line-height: 1; color: inherit; border: none; background: none; }
.artmc-mobile-nav { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; }
.artmc-mobile-nav li { border-bottom: 1px solid rgba(0,0,0,0.05); width: 100%; }
.artmc-mobile-nav a { display: block; padding: 15px 20px; text-decoration: none; color: inherit; width: 100%; box-sizing: border-box; }

/* SEARCH MODAL */
.artmc-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 999999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(5px); }
.artmc-modal-close { position: absolute; top: 25px; right: 25px; background: transparent; border: none; font-size: 40px; cursor: pointer; color: #fff; transition: 0.3s; z-index: 10; line-height: 1; }
[dir="rtl"] .artmc-modal-close { right: auto; left: 25px; }
.artmc-modal-close:hover { color: #f0c14b; transform: scale(1.1); }
.artmc-search-container { width: 90%; max-width: 800px; text-align: center; }
#artmc-ajax-search-input { width: 100%; background: transparent; border: none; border-bottom: 2px solid #fff; font-size: 40px; padding: 15px 0; color: #fff; text-align: center; outline: none; transition: 0.3s; }
#artmc-ajax-search-input:focus { border-bottom-color: #f0c14b; }
.artmc-search-results-box { margin-top: 30px; max-height: 60vh; overflow-y: auto; text-align: left; }
[dir="rtl"] .artmc-search-results-box { text-align: right; }
.artmc-search-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px; }
.artmc-search-item { background: #fff; border-radius: 8px; padding: 15px; display: flex; gap: 15px; align-items: center; text-decoration: none; color: #333; transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.artmc-search-item:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); }

/* =======================================================
   3. SMART FOOTER (CORPORATE)
======================================================= */
.artmc-smart-footer { width: 100%; display: block; position: relative; z-index: 10; background-color: #1a1a1a; color: #fff; }
.artmc-footer-main { padding: 60px 0; }
.artmc-footer-row { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; margin: 0; width: 100%; }
.artmc-footer-col { flex: 1 1 200px; display: flex; flex-direction: column; min-width: 200px; }
.artmc-col-brand { flex: 2 1 300px; }
.artmc-footer-logo { display: inline-block; margin-bottom: 20px; }
.artmc-footer-logo img { max-width: 200px; height: auto; display: block; }
.artmc-footer-title { font-size: 18px; font-weight: 700; margin-top: 0; margin-bottom: 25px; position: relative; padding-bottom: 10px; color: inherit; line-height: 1.2; }
.artmc-footer-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #f0c14b; transition: 0.3s; }
[dir="rtl"] .artmc-footer-title::after { left: auto; right: 0; }
.artmc-brand-desc { font-size: 14px; line-height: 1.6; color: #ccc; margin-bottom: 25px; }
.artmc-footer-socials { display: flex; flex-wrap: wrap; gap: 10px; }
.artmc-foot-soc-icon { width: 36px; height: 36px; border-radius: 4px; background: rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s; }
.artmc-foot-soc-icon:hover { background: #f0c14b; color: #222; transform: translateY(-3px); }

.artmc-footer-menu-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px; }
.artmc-footer-menu-list li { margin: 0 !important; padding: 0 !important; }
.artmc-footer-menu-list a { color: #ccc; text-decoration: none; transition: 0.3s; display: inline-flex; align-items: center; gap: 8px; }
.artmc-footer-menu-list a::before { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 12px; transition: 0.3s; }
[dir="rtl"] .artmc-footer-menu-list a::before { content: '\f104'; }
.artmc-footer-menu-list a:hover { color: #f0c14b; padding-inline-start: 5px; }

.artmc-newsletter-form { width: 100%; }
.artmc-news-desc { font-size: 14px; color: #ccc; margin-bottom: 15px; }
.artmc-form-inputs-stacked { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.artmc-news-input { width: 100%; padding: 12px 15px; border: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.2); color: #fff; border-radius: 4px; outline: none; box-sizing: border-box; transition: 0.3s; }
.artmc-news-input:focus { border-color: #f0c14b; }
.artmc-news-btn { width: 100%; padding: 12px 20px; background: #f0c14b; color: #222; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.artmc-news-btn:hover { background: #fff; }

.artmc-footer-bottom { background: rgba(0,0,0,0.2); padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.05); }
.artmc-footer-bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; font-size: 13px; color: #999; }
.artmc-footer-legal-nav ul, .artmc-legal-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 15px; align-items: center; }
.artmc-legal-list li { position: relative; }
.artmc-legal-list a { color: #999; text-decoration: none; transition: 0.3s; }
.artmc-legal-list a:hover { color: #fff; }
.artmc-footer-developer a { color: #f0c14b; text-decoration: none; }

@media (max-width: 768px) {
    .artmc-footer-bottom-inner { flex-direction: column; text-align: center; justify-content: center; }
    .artmc-footer-legal-nav ul { justify-content: center; }
}

/* =======================================================
   LANGUAGE SWITCHER (CUSTOM DROPDOWN)
======================================================= */
.artmc-custom-lang-wrap { position: relative; display: inline-flex; align-items: center; z-index: 999; }
.artmc-lang-toggle { cursor: pointer; display: flex; align-items: center; transition: 0.3s; padding: 5px; }
.artmc-lang-toggle img { width: 24px; height: auto; border-radius: 2px; display: block; object-fit: cover; }
.artmc-lang-dropdown { position: absolute; top: 100%; right: 0; background: #fff; list-style: none !important; margin: 0 !important; padding: 10px 0 !important; min-width: 140px; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9999; }
[dir="rtl"] .artmc-lang-dropdown { left: 0; right: auto; text-align: right; }
.artmc-custom-lang-wrap:hover .artmc-lang-dropdown { opacity: 1; visibility: visible; top: calc(100% + 5px); }
.artmc-lang-dropdown li { margin: 0; padding: 0; border: none; }
.artmc-lang-dropdown li a { display: flex; align-items: center; gap: 8px; padding: 8px 15px; text-decoration: none; transition: 0.2s; color: #333; font-size: 14px; white-space: nowrap; }
.artmc-lang-dropdown li a img { width: 20px; height: auto; border-radius: 2px; }
.artmc-lang-dropdown li a:hover { background: rgba(0,0,0,0.05); }

/* =======================================================
   FLOATING CONTACT BUTTONS (CHATY STYLE)
======================================================= */
/* الحاوية الأصلية للمنتور لا تأخذ مساحة فيزيائية */
.elementor-widget-artmc_floating_hub { height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }

.artmc-floating-hub-container { position: fixed; z-index: 999999; display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none; }
.artmc-hub-pos-bottom-right { bottom: 30px; right: 30px; }
.artmc-hub-pos-bottom-left { bottom: 30px; left: 30px; }

.artmc-float-btn { width: 55px; height: 55px; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-decoration: none; position: relative; pointer-events: auto !important; font-size: 24px; }
.artmc-float-main { background: linear-gradient(135deg, #8a2be2, #00ffff); z-index: 10; }
.artmc-float-main:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0,0,0,0.25); color: #fff; }

.artmc-float-items { display: flex; flex-direction: column; gap: 10px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none; }
.artmc-floating-hub-container.is-active .artmc-float-items { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.artmc-float-child { transform: scale(0); font-size: 20px; }
.artmc-floating-hub-container.is-active .artmc-float-child { transform: scale(1); }
.artmc-float-child:hover { filter: brightness(1.1); transform: scale(1.1) !important; color: #fff; }

.artmc-hub-tooltip { position: absolute; right: calc(100% + 15px); background: rgba(0,0,0,0.8); color: #fff; padding: 5px 12px; border-radius: 4px; font-size: 13px; font-weight: 600; white-space: nowrap; opacity: 0; visibility: hidden; transition: 0.3s; pointer-events: none; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
[dir="rtl"] .artmc-hub-tooltip { left: calc(100% + 15px); right: auto; }
.artmc-float-child:hover .artmc-hub-tooltip { opacity: 1; visibility: visible; right: calc(100% + 20px); }
[dir="rtl"] .artmc-float-child:hover .artmc-hub-tooltip { left: calc(100% + 20px); right: auto; }

/* MINI CONTACT FORM PANEL */
.artmc-hub-form-panel { position: absolute; bottom: 80px; right: 0; width: 300px; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none; z-index: 99; overflow: hidden; transform-origin: bottom right; }
[dir="rtl"] .artmc-hub-form-panel { right: auto; left: 0; transform-origin: bottom left; }
.artmc-hub-form-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.artmc-hub-form-header { background: linear-gradient(135deg, #8a2be2, #00ffff); color: #fff; padding: 15px; display: flex; justify-content: space-between; align-items: center; }
.artmc-hub-form-header h4 { margin: 0; font-size: 16px; color: #fff; }
.artmc-hub-form-close { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; padding: 0; transition: 0.3s; }
.artmc-hub-form-close:hover { color: #f0c14b; transform: rotate(90deg); }
.artmc-hub-form-body { padding: 15px; }
.artmc-hub-form-body input, .artmc-hub-form-body textarea { width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 10px; margin-bottom: 10px; box-sizing: border-box; font-family: inherit; font-size: 14px; outline: none; transition: 0.3s; }
.artmc-hub-form-body input:focus, .artmc-hub-form-body textarea:focus { border-color: #8a2be2; }
.artmc-hub-form-body button { width: 100%; background: #333; color: #fff; border: none; border-radius: 5px; padding: 10px; cursor: pointer; transition: 0.3s; font-weight: bold; font-size: 14px; }
.artmc-hub-form-body button:hover { background: #555; }
.artmc-hub-msg { margin-top: 10px; font-size: 13px; font-weight: bold; text-align: center; }