/*
Theme Name: IMPROVET Custom B2B Theme
Author: IMPROVET
Description: Custom B2B medical and veterinary equipment theme, Elementor compatible.
Version: 1.8
*/

/* Reset default browser margins */
body { margin: 0; padding: 0; }

/* ==========================================
Footer Styles
========================================== */
.site-footer, .site-footer p, .site-footer span { font-family: 'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #b0b8c1; font-size: 15px; line-height: 1.8; }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer .elementor-heading-title { font-family: 'Montserrat', sans-serif; color: #ffffff; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 20px; }
.site-footer a { color: #ffffff; text-decoration: none; transition: color 0.3s ease-in-out; }
.site-footer a:hover, .site-footer a:focus { color: #c5a56a; }
.site-footer ul { list-style-type: none; padding: 0; margin: 0; }
.site-footer ul li { margin-bottom: 12px; }
.site-footer .elementor-icon-list-icon i { color: #c5a56a; font-size: 18px; }

.elementor-widget-wp-widget-nav_menu ul, .widget_nav_menu ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.elementor-widget-wp-widget-nav_menu ul li, .widget_nav_menu ul li { margin-bottom: 15px !important; }
.elementor-widget-wp-widget-nav_menu ul li a, .widget_nav_menu ul li a { color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; text-decoration: none !important; box-shadow: none !important; background: transparent !important; display: inline-block !important; transition: color 0.3s ease-in-out !important; }
.elementor-widget-wp-widget-nav_menu ul li a:hover, .widget_nav_menu ul li a:focus { color: #c5a56a !important; }

.footer-bottom-bar { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 25px; margin-top: 50px; text-align: center; width: 100%; }
.footer-bottom-bar p, .footer-bottom-bar a { font-size: 13px; color: #8c98a4; }
.bottom-footer-menu-container { width: 100%; }
.bottom-footer-menu-container ul { display: flex !important; flex-direction: row !important; justify-content: center !important; flex-wrap: wrap !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.bottom-footer-menu-container ul li { margin: 0 15px !important; border-left: 1px solid rgba(255, 255, 255, 0.1) !important; padding-left: 15px !important; }
.bottom-footer-menu-container ul li:first-child { border-left: none !important; padding-left: 0 !important; }
.bottom-footer-menu-container ul li a { color: #8c98a4 !important; font-size: 13px !important; font-family: 'Montserrat', sans-serif !important; text-decoration: none !important; background: transparent !important; transition: color 0.3s ease !important; }
.bottom-footer-menu-container ul li a:hover { color: #c5a56a !important; }

@media (max-width: 768px) {
.bottom-footer-menu-container ul li { border-left: none !important; padding-left: 0 !important; margin: 5px 10px !important; }
.improvet-top-col { border-left: none !important; border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 30px !important; }
}

/* ====================================================================================
2. New Landing Page Styles (IMPROVET LANDING PAGE)
==================================================================================== */
:root {
--primary-blue: #00549A; --dark-navy: #021024; --gold: #C5A028; --text-main: #1E293B; --text-body: #475569; --white: #FFFFFF; --bg-gray: #F8FAFC; --lime-yellow: #cddc29; --badge-blue: #00549A;
}

.improvet-landing * { box-sizing: border-box; font-family: 'Outfit', 'Montserrat', sans-serif; }
.improvet-landing { color: var(--text-body); background-color: var(--white); overflow-x: hidden; width: 100%; margin: 0; padding: 0; display: block; clear: both; }
.improvet-landing a { text-decoration: none; transition: all 0.3s ease; }
.improvet-landing ul { list-style: none; margin: 0; padding: 0; }
.improvet-landing section { display: block; width: 100%; clear: both; }

/* --- TOP MICRO-BAR --- */
.improvet-landing .top-bar { background-color: var(--white); color: var(--text-main); font-size: 13px; padding: 4px 50px; height: 35px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #E2E8F0; position: relative; z-index: 110; width: 100%; }
.improvet-landing .top-bar-dynamic { display: flex; justify-content: center; gap: 40px; margin: 0; padding: 0; list-style: none; }
.improvet-landing .top-bar-dynamic li { display: flex; align-items: center; }
.improvet-landing .top-bar-dynamic li a { color: var(--text-main); font-weight: 500; letter-spacing: 0.3px; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; }
.improvet-landing .top-bar-dynamic li a::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--gold); font-size: 13px; }
.improvet-landing .top-bar-dynamic li a:hover { color: var(--primary-blue); }

/* --- MAIN HEADER --- */
.improvet-landing .main-header { position: absolute; top: 35px; left: 0; width: 100%; background-color: transparent; padding: 0 50px; display: flex; justify-content: space-between; align-items: center; gap: 20px; height: 100px; z-index: 1000; transition: all 0.4s ease; flex-wrap: nowrap; }
.improvet-landing .main-header.sticky { position: fixed; top: 0; height: 80px; background-color: rgba(2, 16, 36, 0.98); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); padding: 0 50px; }
.improvet-landing .logo-area { min-width: 180px; display: flex; align-items: center; }
.improvet-landing .logo-area img, .improvet-landing .logo-area .custom-logo-link img { max-height: 45px; width: auto; object-fit: contain; transition: all 0.4s ease; }
.improvet-landing .logo-area h2 { color: #fff; margin: 0; font-size: 28px; font-weight: 800; letter-spacing: 1px; }
.improvet-landing .logo-area h2 span { color: var(--gold); }
.improvet-landing .main-header.sticky .logo-area img { max-height: 38px; }

/* --- MAIN NAVIGATION --- */
.improvet-landing .nav-menu-capsule { display: flex; align-items: center; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; padding: 6px; backdrop-filter: blur(10px); transition: all 0.4s ease; white-space: nowrap; }
.improvet-landing .main-header.sticky .nav-menu-capsule { border-color: rgba(255,255,255,0.05); background: rgba(255, 255, 255, 0.03); }
.improvet-landing .nav-menu-capsule > ul.dynamic-menu { display: flex; align-items: center; gap: 5px; margin: 0; padding: 0; flex-wrap: nowrap; list-style: none; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li { position: relative; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li > a { color: rgba(255, 255, 255, 0.95); font-weight: 600; font-size: 14px; padding: 10px 20px; border-radius: 8px; display: flex; align-items: center; gap: 6px; transition: all 0.3s ease; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li.menu-item-has-children > a::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 10px; opacity: 0.8; transition: transform 0.3s ease; margin-left: 6px; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li.menu-item-has-children:hover > a::after { transform: rotate(180deg); }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li.current-menu-item > a { background-color: var(--white); color: var(--dark-navy) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li a:hover { color: var(--gold); background-color: rgba(255, 255, 255, 0.05); }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li.current-menu-item:hover > a { background-color: var(--white); }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li .sub-menu { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); background-color: var(--white); border-radius: 10px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); min-width: 240px; padding: 8px 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; border: 1px solid rgba(0, 0, 0, 0.05); z-index: 1000; list-style: none; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li:hover .sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(5px); }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li .sub-menu li { width: 100%; display: block !important; margin: 0; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li .sub-menu li a { color: #1e293b !important; font-size: 13.5px; font-weight: 600; padding: 12px 24px; border-radius: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; background: transparent !important; border-bottom: 1px solid #f1f5f9; width: 100%; box-shadow: none; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li .sub-menu li:last-child a { border-bottom: none; }
.improvet-landing .nav-menu-capsule ul.dynamic-menu li .sub-menu li a:hover { color: var(--primary-blue) !important; padding-left: 28px; background-color: transparent !important; }

/* --- HEADER BUTTONS --- */
.improvet-landing .header-action { display: flex; align-items: center; gap: 20px; flex-wrap: nowrap; }
.improvet-landing .phone-block { display: flex; align-items: center; gap: 12px; color: var(--white); white-space: nowrap; }
.improvet-landing .phone-block .phone-icon { font-size: 26px; color: var(--white); transform: rotate(-15deg); }
.improvet-landing .phone-block .phone-text { display: flex; flex-direction: column; line-height: 1.2; }
.improvet-landing .phone-block .phone-label { font-size: 11px; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; }
.improvet-landing .phone-block .phone-number { font-size: 16px; font-weight: 700; letter-spacing: 0.5px; }
.improvet-landing .btn-mednix { display: inline-flex; align-items: center; background-color: var(--primary-blue); color: var(--white); padding: 6px 6px 6px 22px; border-radius: 8px; font-weight: 700; font-size: 14px; border: none; cursor: pointer; transition: all 0.3s ease; gap: 15px; box-shadow: 0 4px 20px rgba(0, 84, 154, 0.25); white-space: nowrap; }
.improvet-landing .btn-mednix:hover { background-color: #00427a; transform: translateY(-2px); }
.improvet-landing .btn-mednix .arrow-box { background-color: var(--white); color: var(--primary-blue); width: 38px; height: 38px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all 0.3s ease; }
.improvet-landing .btn-mednix:hover .arrow-box { background-color: var(--gold); color: var(--white); }
.improvet-landing .mobile-toggle { display: none; background-color: var(--white); border: none; width: 46px; height: 46px; border-radius: 10px; align-items: center; justify-content: center; color: var(--primary-blue); font-size: 20px; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }

/* --- HERO SECTION --- */
.improvet-landing .hero-section { position: relative; height: 95vh; min-height: 750px; overflow: hidden; background-color: var(--dark-navy); display: block; width: 100%; clear: both; }
.improvet-landing .hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; padding-top: 110px; opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out; z-index: 1; }
.improvet-landing .hero-slide.active { opacity: 1; visibility: visible; z-index: 2; }
.improvet-landing .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(2,16,36,0.95) 0%, rgba(0,84,154,0.3) 100%); z-index: 1; }
.improvet-landing .hero-content { position: relative; z-index: 2; padding: 0 50px; max-width: 850px; opacity: 0; }
.improvet-landing .hero-slide.active .hero-content { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 0.2s; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.improvet-landing .hero-badge { display: inline-block; background-color: rgba(197, 160, 40, 0.15); color: var(--gold); padding: 8px 18px; border-radius: 30px; font-weight: 700; font-size: 13px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; border: 1px solid rgba(197, 160, 40, 0.3); }
.improvet-landing .hero-content h1 { font-size: 68px; color: var(--white); line-height: 1.1; margin-top: 0; margin-bottom: 25px; font-weight: 800; }
.improvet-landing .hero-content h1 span { color: var(--gold) !important; font-family: 'Outfit', sans-serif !important; font-weight: 800 !important; text-shadow: none !important; letter-spacing: normal !important; }
.improvet-landing .hero-content > p, .improvet-landing .hero-desc p { font-size: 19px; color: #cbd5e1; line-height: 1.7; margin-bottom: 45px; max-width: 650px; font-weight: 300; }
.improvet-landing .hero-buttons { display: flex; gap: 20px; align-items: center; }
.improvet-landing .btn-outline { background-color: transparent; border: 2px solid var(--white); color: var(--white); padding: 13px 30px; border-radius: 6px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; }
.improvet-landing .btn-outline:hover { background-color: var(--white); color: var(--primary-blue); }
.improvet-landing .slider-controls { position: absolute; right: 50px; top: 55%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 99; pointer-events: auto; }
.improvet-landing .slider-btn { background: var(--white); border: none; width: 48px; height: 48px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); cursor: pointer; color: #64748B; font-size: 14px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; }
.improvet-landing .slider-btn:hover { background: var(--primary-blue); color: var(--white); transform: scale(1.05); }

/* --- QUICK CATEGORIES --- */
.improvet-landing .quick-categories-section { padding: 60px 50px 20px 50px; background-color: var(--white); position: relative; z-index: 10; display: block; width: 100%; clear: both; }
.improvet-landing .container-wrapper { max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; width: 100%; }
.improvet-landing .quick-cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.improvet-landing .quick-cat-item { display: flex; align-items: center; background-color: #F8FAFC; padding: 18px 20px; border-radius: 10px; text-decoration: none; transition: all 0.3s ease; border: 1px solid #e2e8f0; }
.improvet-landing .quick-cat-item:hover { background-color: var(--white); border-color: var(--gold); box-shadow: 0 10px 20px rgba(0,0,0,0.04); transform: translateY(-2px); }
.improvet-landing .quick-cat-icon { font-size: 22px; color: var(--text-main); width: 40px; display: flex; justify-content: flex-start; position: relative; }
.improvet-landing .quick-cat-icon::after { content: ''; position: absolute; bottom: 2px; left: 18px; width: 5px; height: 5px; background-color: var(--gold); border-radius: 50%; }
.improvet-landing .quick-cat-item:hover .quick-cat-icon { color: var(--primary-blue); }
.improvet-landing .quick-cat-name { flex-grow: 1; font-weight: 700; font-size: 15px; color: var(--text-main); }
.improvet-landing .quick-cat-arrow { font-size: 12px; color: #94A3B8; transition: transform 0.3s ease; }
.improvet-landing .quick-cat-item:hover .quick-cat-arrow { color: var(--gold); transform: translateX(4px); }

/* --- FEATURED PRODUCTS SECTION --- */
.improvet-landing .featured-products-section { padding: 80px 50px; background-color: var(--white); position: relative; overflow: hidden; display: block; width: 100%; clear: both; }
.improvet-landing .fp-header { text-align: center; margin-bottom: 50px; position: relative; z-index: 1; }
.improvet-landing .fp-header h2 { font-size: 38px; color: var(--text-main); font-weight: 800; margin: 0; }
.improvet-landing .fp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; z-index: 1; align-items: stretch; }
.improvet-landing .fp-card { background: var(--white); border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: all 0.3s ease; text-decoration: none; }
.improvet-landing .fp-card:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.08); transform: translateY(-5px); border-color: rgba(0, 84, 154, 0.2); }
.improvet-landing .fp-img-container { position: relative; flex: 0 0 250px; height: 250px; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #f8fafc; overflow: hidden; border-bottom: 1px solid #f1f5f9; }
.improvet-landing .fp-img-container img { width: 100%; height: 100%; object-fit: contain; padding: 25px; transition: transform 0.5s ease; }
.improvet-landing .fp-card:hover .fp-img-container img { transform: scale(1.08); }
.improvet-landing .fp-img-container i.placeholder-icon { font-size: 80px; color: #cbd5e1; transition: transform 0.3s ease; }
.improvet-landing .fp-card:hover .fp-img-container i.placeholder-icon { transform: scale(1.1); color: var(--primary-blue); }
.improvet-landing .fp-badge { position: absolute; top: 15px; right: 15px; background-color: var(--badge-blue); color: var(--white); font-size: 11px; font-weight: 800; padding: 6px 12px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.improvet-landing .fp-animals { position: absolute; bottom: 15px; left: 15px; display: flex; gap: 6px; z-index: 2; flex-wrap: wrap; max-width: 80%; }
.improvet-landing .fp-animal-icon { width: 24px; height: 24px; background-color: var(--lime-yellow); color: var(--dark-navy); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.improvet-landing .fp-content { background-color: var(--white); padding: 25px 20px; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; }
.improvet-landing .fp-title { font-size: 17px; font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.improvet-landing .fp-desc { font-size: 13px; color: #64748b; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* --- SERVICES SECTION --- */
.improvet-landing .services-section { padding: 60px 50px 100px 50px; background-color: var(--white); position: relative; z-index: 2; display: block; width: 100%; clear: both; }
.improvet-landing .section-header { text-align: center; margin-bottom: 60px; }
.improvet-landing .section-header .sec-badge { display: inline-block; background: rgba(197, 160, 40, 0.1); color: var(--gold); padding: 8px 20px; border-radius: 30px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; }
.improvet-landing .section-header h2 { font-size: 42px; color: var(--dark-navy); margin: 0; font-weight: 800; }
.improvet-landing .section-header h2 span { color: var(--gold); }
.improvet-landing .categories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.improvet-landing .category-card { background: var(--white); padding: 45px 35px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); transition: all 0.4s ease; border: 1px solid #f1f5f9; position: relative; overflow: hidden; text-align: center; }
.improvet-landing .category-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }
.improvet-landing .category-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 84, 154, 0.08); }
.improvet-landing .category-card:hover::before { transform: scaleX(1); }
.improvet-landing .category-card .card-icon { width: 80px; height: 80px; background: rgba(197, 160, 40, 0.1); color: var(--gold); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 35px; margin: 0 auto 25px auto; transition: all 0.4s ease; }
.improvet-landing .category-card:hover .card-icon { background: var(--gold); color: var(--white); transform: rotateY(180deg); }
.improvet-landing .category-card h3 { font-size: 24px; color: var(--dark-navy); margin: 0 0 15px 0; font-weight: 700; }
.improvet-landing .category-card p { color: var(--text-body); line-height: 1.7; margin-bottom: 25px; font-size: 15px; }

/* --- NEWS / EVENTS SECTION --- */
.improvet-landing .news-section { padding: 80px 50px; background-color: var(--bg-gray); display: block; width: 100%; clear: both; }
.improvet-landing .news-header-flex { display: flex !important; align-items: center !important; gap: 35px !important; margin-bottom: 50px !important; flex-wrap: wrap !important; }
.improvet-landing .news-header-flex h2 { font-size: 46px !important; color: #021024 !important; font-weight: 900 !important; margin: 0 !important; font-family: 'Montserrat', sans-serif !important; letter-spacing: -1px !important; }
.improvet-landing .news-header-flex h2 span { color: #00549A !important; }
.improvet-landing .news-tabs { display: flex !important; gap: 20px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; align-items: center !important; }
.improvet-landing .news-tabs li a { color: #94A3B8 !important; font-weight: 800 !important; font-size: 15px !important; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; gap: 8px !important; letter-spacing: 0.5px !important; }
.improvet-landing .news-tabs li a:hover, .improvet-landing .news-tabs li.active a { color: #021024 !important; }
.improvet-landing .news-tabs li a i { font-size: 14px !important; color: #cbd5e1 !important; transition: all 0.3s ease !important; font-weight: 900 !important; }
.improvet-landing .news-tabs li a:hover i, .improvet-landing .news-tabs li.active a i { color: #00549A !important; }
.improvet-landing .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.improvet-landing .news-card { background: var(--white); border-radius: 0px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.02); border: 1px solid #e2e8f0; transition: all 0.3s ease; display: flex; flex-direction: column; text-decoration: none; }
.improvet-landing .news-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 84, 154, 0.06); }
.improvet-landing .news-img-wrapper { height: 240px; position: relative; overflow: visible; }
.improvet-landing .news-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.improvet-landing .news-card:hover .news-img-wrapper img { transform: scale(1.05); }
.improvet-landing .news-date-badge { position: absolute; bottom: -22px; left: 25px; background-color: #00549A !important; color: var(--white); padding: 10px 15px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 65px; z-index: 5; box-shadow: 0 4px 15px rgba(0, 84, 154, 0.25); }
.improvet-landing .news-date-day { font-size: 24px; font-weight: 900; line-height: 1; color: #ffffff; margin: 0; display: flex; align-items: center; gap: 4px; }
.improvet-landing .news-date-day i { font-size: 16px; margin-top: 2px; }
.improvet-landing .news-date-month { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #ffffff; margin-top: 5px; }
.improvet-landing .news-date-year { font-size: 11px; font-weight: 700; color: #ffffff; margin-top: 2px; }
.improvet-landing .news-content { padding: 40px 25px 25px 25px; display: flex; flex-direction: column; flex-grow: 1; position: relative; z-index: 1; background: var(--white); }
.improvet-landing .news-category { font-size: 14px; color: #00549A; font-weight: 600; margin-bottom: 8px; text-transform: capitalize; }
.improvet-landing .news-title { font-size: 18px; color: #021024; font-weight: 800; margin: 0 0 10px 0; line-height: 1.4; transition: color 0.3s ease; font-family: 'Outfit', sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.improvet-landing .news-card:hover .news-title { color: #00549A; }
.improvet-landing .news-excerpt { font-size: 14px; color: #64748b; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* --- BRANDS SECTION --- */
.improvet-landing .brands-section { padding: 60px 50px 30px 50px; background-color: var(--white); text-align: center; overflow: hidden; display: block; width: 100%; clear: both; }
.improvet-landing .brands-section h2 { font-size: 36px; color: var(--text-main); font-weight: 800; margin-bottom: 50px; }
.improvet-landing .brands-section h2 span { color: var(--gold); }
.improvet-landing .brands-grid { display: flex; justify-content: center; align-items: center; gap: 80px; flex-wrap: wrap; }
.improvet-landing .brand-item-logo { display: flex; align-items: center; justify-content: center; filter: grayscale(0%) !important; opacity: 1 !important; transition: all 0.3s ease; padding: 0 20px; text-decoration: none; }
.improvet-landing .brand-item-logo:hover { transform: scale(1.1); }
.improvet-landing .brand-item-logo img { max-height: 50px !important; width: auto !important; display: block; object-fit: contain; }

/* --- CTA BANNER SECTION --- */
.improvet-landing .cta-banner { background-color: var(--primary-blue); padding: 70px 50px; text-align: center; position: relative; overflow: hidden; display: block; width: 100%; clear: both; }
.improvet-landing .cta-banner::before { content: 'IMPROVET'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 250px; font-weight: 800; color: rgba(255,255,255,0.03); line-height: 1; pointer-events: none; z-index: 0; font-family: 'Outfit', sans-serif; }
.improvet-landing .cta-banner-content { position: relative; z-index: 1; }
.improvet-landing .cta-banner h3 { font-size: 24px; color: rgba(255,255,255,0.9); font-weight: 600; margin: 0 0 10px 0; }
.improvet-landing .cta-banner h2 { font-size: 46px; color: var(--white); font-weight: 800; margin: 0 0 25px 0; }
.improvet-landing .cta-banner p { font-size: 18px; color: rgba(255,255,255,0.8); margin: 0 auto 35px auto; max-width: 700px; line-height: 1.6; }
.improvet-landing .btn-cta { display: inline-flex; align-items: center; background-color: var(--gold); color: var(--white); padding: 16px 40px; border-radius: 8px; font-weight: 800; font-size: 18px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 10px 25px rgba(197, 160, 40, 0.3); }
.improvet-landing .btn-cta:hover { background-color: var(--white); color: var(--primary-blue); transform: translateY(-3px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); }

/* MOBILE MENU OVERLAY */
.improvet-landing .mobile-menu-overlay { position: fixed; top: 0; left: -100%; width: 85%; max-width: 320px; height: 100%; background-color: var(--dark-navy); z-index: 10000; padding: 40px 30px; box-shadow: 5px 0 25px rgba(0,0,0,0.5); transition: left 0.4s ease; display: flex; flex-direction: column; gap: 30px; overflow-y: auto; }
.improvet-landing .mobile-menu-overlay::-webkit-scrollbar { width: 4px; }
.improvet-landing .mobile-menu-overlay::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }
.improvet-landing .mobile-menu-overlay.active { left: 0; }
.improvet-landing .mobile-menu-overlay .close-btn { align-self: flex-end; background: none; border: none; color: var(--white); font-size: 28px; cursor: pointer; padding: 0; margin-bottom: -10px; transition: color 0.3s; }
.improvet-landing .mobile-menu-overlay .close-btn:hover { color: var(--gold); }
.improvet-landing .mobile-menu-overlay > ul { display: flex; flex-direction: column; gap: 15px; list-style: none; padding:0; margin:0; }
.improvet-landing .mobile-menu-overlay ul li a { color: var(--white); font-size: 17px; font-weight: 600; display: block; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.improvet-landing .mobile-menu-overlay ul li:last-child > a { border-bottom: none; }
.improvet-landing .mobile-menu-overlay ul li a:hover { color: var(--gold); padding-left: 5px; }

/* Sub-Menu (Dropdown) Mobile */
.improvet-landing .mobile-menu-overlay ul li.menu-item-has-children > a { display: flex; justify-content: space-between; align-items: center; }
.improvet-landing .mobile-menu-overlay ul li.menu-item-has-children > a::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px; color: #64748b; transition: transform 0.3s ease; }
.improvet-landing .mobile-menu-overlay ul li.menu-item-has-children.open-sub > a::after { transform: rotate(180deg); color: var(--gold); }
.improvet-landing .mobile-menu-overlay ul li .sub-menu { display: none; padding-left: 15px; margin-top: 5px; margin-bottom: 10px; flex-direction: column; gap: 5px; border-left: 2px solid rgba(255,255,255,0.1); margin-left: 5px; }
.improvet-landing .mobile-menu-overlay ul li .sub-menu li a { font-size: 15px; color: #cbd5e1; font-weight: 500; border-bottom: none; padding: 8px 0; }
.improvet-landing .mobile-menu-overlay ul li .sub-menu li a:hover { color: var(--gold); padding-left: 8px; }

.improvet-landing .menu-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; display: none; backdrop-filter: blur(4px); }
.improvet-landing .menu-backdrop.active { display: block; }

/* ==========================================
3. RESPONSIVE MEDIA QUERIES
========================================== */
@media (max-width: 1200px) {
.improvet-landing .nav-menu-capsule { display: none; }
.improvet-landing .mobile-toggle { display: flex; }
.improvet-landing .phone-block { display: none; }
.improvet-landing .quick-cat-grid, .improvet-landing .fp-grid, .improvet-landing .news-grid { grid-template-columns: repeat(3, 1fr); }
.improvet-landing .brands-grid { gap: 40px; }
}

@media (max-width: 992px) {
.improvet-landing .quick-cat-grid, .improvet-landing .fp-grid, .improvet-landing .categories-grid, .improvet-landing .news-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) { .improvet-landing .top-bar { display: none; } .improvet-landing .main-header, .improvet-landing .main-header.sticky { height: 70px; padding: 0 20px; gap: 10px; } .improvet-landing .logo-area { min-width: auto; } .improvet-landing .hero-section { height: 85vh; padding-top: 100px; } .improvet-landing .hero-content h1 { font-size: 40px; } .improvet-landing .hero-content p { font-size: 16px; } .improvet-landing .btn-mednix { display: none; } .improvet-landing .slider-controls { right: 20px; } .improvet-landing .quick-cat-grid, .improvet-landing .fp-grid, .improvet-landing .categories-grid, .improvet-landing .news-grid { grid-template-columns: 1fr; } .improvet-landing .quick-categories-section, .improvet-landing .featured-products-section, .improvet-landing .services-section, .improvet-landing .news-section, .improvet-landing .brands-section, .improvet-landing .cta-banner { padding: 40px 20px; } .improvet-landing .section-header h2, .improvet-landing .fp-header h2, .improvet-landing .news-header-flex h2 { font-size: 32px; } .improvet-landing .news-header-flex { flex-direction: column; align-items: flex-start; gap: 15px; } .improvet-landing .news-tabs { flex-wrap: wrap; gap: 15px; } .improvet-landing .cta-banner h2 { font-size: 32px; } }

/* --- دمج الفكرتين: تصميم البطاقة والشريط المائل --- */
.fp-card-slide { border: none !important; box-shadow: none !important; }
.fp-card-slide:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.06) !important; transform: translateY(-5px); }
.fp-card-slide .fp-img-container { background-color: #f4f5f8 !important; border-radius: 12px !important; overflow: hidden; }
.fp-card-slide .fp-content { background-color: #ffffff !important; border: none !important; padding-top: 15px !important; }
.fp-badge-ribbon { position: absolute; top: 0; left: 0; width: 110px; height: 110px; overflow: hidden; z-index: 10; }
.fp-badge-ribbon span { position: absolute; display: block; width: 160px; padding: 8px 0; background-color: var(--primary-blue); color: #fff; text-align: center; font-weight: 800; font-size: 11px; text-transform: uppercase; transform: rotate(-45deg); top: 22px; left: -40px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }

/* ==========================================
   MISSING LAYOUT FIXES (Sliders & Services)
========================================== */
.improvet-slider-track { display: flex !important; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding-bottom: 20px; -ms-overflow-style: none; scrollbar-width: none; }
.improvet-slider-track::-webkit-scrollbar { display: none; }
.fp-card-slide { flex: 0 0 calc(25% - 15px) !important; scroll-snap-align: start; display: flex; flex-direction: column; }
.improvet-slider-btn { position: absolute; top: 55%; transform: translateY(-50%); width: 45px; height: 45px; border-radius: 50%; background-color: var(--white); border: 1px solid #e2e8f0; color: var(--primary-blue); font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; z-index: 10; }
.improvet-slider-btn:hover { background-color: var(--primary-blue); color: var(--white); border-color: var(--primary-blue); transform: translateY(-50%) scale(1.1); }
.prev-btn { left: -20px; }
.next-btn { right: -20px; }
.improvet-landing .slider-controls { z-index: 99 !important; }

.services-parallax-section { background-image: linear-gradient(rgba(2, 16, 36, 0.8), rgba(2, 16, 36, 0.8)), url('https://images.unsplash.com/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=1920&q=80'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 50px; position: relative; }
.services-white-block { background: #ffffff; max-width: 1200px; margin: 0 auto; padding: 60px 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.2); border-radius: 8px; }
.services-flex-container { display: flex !important; justify-content: space-between; align-items: center; }
.service-feature { flex: 1; text-align: center; padding: 0 40px; border-right: 1px solid #e2e8f0; }
.service-feature:last-child { border-right: none; }
.service-feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border: 2px solid var(--primary-blue); border-radius: 50%; color: var(--primary-blue); font-size: 32px; margin-bottom: 25px; transition: all 0.3s ease; }
.service-feature:hover .service-feature-icon { background-color: var(--primary-blue); color: #ffffff; transform: translateY(-5px); }
.service-feature h3 { font-size: 16px; font-weight: 700; color: var(--text-main); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 15px; }
.service-feature p { font-size: 15px; color: #64748b; font-style: italic; line-height: 1.6; margin: 0; }

@media (max-width: 992px) {
    .fp-card-slide { flex: 0 0 calc(50% - 10px) !important; }
    .services-flex-container { flex-direction: column; gap: 40px; }
    .service-feature { border-right: none; border-bottom: 1px solid #e2e8f0; padding: 0 20px 40px 20px; }
    .service-feature:last-child { border-bottom: none; padding-bottom: 0; }
}
@media (max-width: 768px) {
    .fp-card-slide { flex: 0 0 100% !important; }
    .prev-btn { left: 0; }
    .next-btn { right: 0; }
    .services-parallax-section { padding: 60px 20px; }
}

/* ==========================================
   SCROLL TO TOP BUTTON
========================================== */
.scroll-to-top-btn { position: fixed; bottom: 40px; right: 40px; width: 50px; height: 50px; background-color: var(--primary-blue) !important; color: #ffffff; border: none; border-radius: 50%; font-size: 20px; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 84, 154, 0.4) !important; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; z-index: 9999; }
.scroll-to-top-btn.show-btn { opacity: 1; visibility: visible; transform: translateY(0); }
.scroll-to-top-btn:hover { background-color: var(--gold) !important; transform: translateY(-5px); box-shadow: 0 8px 20px rgba(197, 160, 40, 0.3) !important; }

@media (max-width: 768px) {
    .scroll-to-top-btn { bottom: 20px; right: 20px; width: 45px; height: 45px; font-size: 18px; }
}

/* ==========================================
   CONTACT PAGE STYLES
========================================== */
.contact-page-header { background-color: var(--dark-navy); background-image: linear-gradient(rgba(2, 16, 36, 0.85), rgba(2, 16, 36, 0.95)), url('https://images.unsplash.com/photo-1581594693702-fbdc51b2763b?auto=format&fit=crop&w=1920&q=80'); background-size: cover; background-position: center; padding: 200px 50px 100px 50px; text-align: center; }
.contact-page-header h1 { font-size: 52px; color: var(--white); font-weight: 900; margin-bottom: 20px; font-family: 'Outfit', sans-serif; }
.contact-page-header h1 span { color: var(--gold); }
.contact-page-header p { color: #cbd5e1; font-size: 18px; max-width: 600px; margin: 0 auto; line-height: 1.6; }
.contact-main-section { padding: 80px 50px; background-color: var(--bg-gray); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; }
.contact-info-col h2 { font-size: 36px; color: var(--dark-navy); font-weight: 800; margin-bottom: 15px; font-family: 'Outfit', sans-serif; }
.contact-intro { font-size: 16px; color: var(--text-body); margin-bottom: 40px; line-height: 1.7; }
.info-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 30px; }
.info-icon { width: 50px; height: 50px; background-color: var(--white); color: var(--gold); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); flex-shrink: 0; transition: all 0.3s ease; }
.info-item:hover .info-icon { background-color: var(--primary-blue); color: var(--white); transform: translateY(-3px); }
.info-content h4 { font-size: 18px; color: var(--dark-navy); font-weight: 700; margin: 0 0 8px 0; }
.info-content p { margin: 0; font-size: 15px; color: var(--text-body); line-height: 1.6; }
.contact-form-col .form-wrapper { background-color: var(--white); padding: 50px 40px; border-radius: 16px; box-shadow: 0 15px 40px rgba(0, 84, 154, 0.08); }
.form-wrapper h3 { font-size: 24px; color: var(--dark-navy); font-weight: 800; margin-bottom: 30px; text-align: center; }
.improvet-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.improvet-form .form-group { margin-bottom: 20px; }
.improvet-form label { display: block; font-size: 14px; font-weight: 600; color: var(--dark-navy); margin-bottom: 8px; }
.improvet-form input, .improvet-form select, .improvet-form textarea { width: 100%; padding: 14px 18px; border: 1px solid #e2e8f0; border-radius: 8px; background-color: #f8fafc; font-size: 15px; color: var(--text-main); font-family: 'Montserrat', sans-serif; transition: all 0.3s ease; }
.improvet-form input:focus, .improvet-form select:focus, .improvet-form textarea:focus { outline: none; border-color: var(--primary-blue); background-color: var(--white); box-shadow: 0 0 0 4px rgba(0, 84, 154, 0.1); }
.btn-submit { width: 100%; padding: 16px; background-color: var(--primary-blue); color: var(--white); border: none; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 10px; }
.btn-submit:hover { background-color: var(--gold); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(197, 160, 40, 0.3); }
.map-section { display: block; line-height: 0; }

@media (max-width: 992px) { .contact-grid { grid-template-columns: 1fr; gap: 50px; } }
@media (max-width: 768px) {
    .contact-page-header { padding: 150px 20px 80px 20px; }
    .contact-page-header h1 { font-size: 38px; }
    .contact-main-section { padding: 50px 20px; }
    .improvet-form .form-row { grid-template-columns: 1fr; }
    .contact-form-col .form-wrapper { padding: 30px 20px; }
}

/* ==========================================
   إصلاح مشكلة شريط التمرير المزدوج (Double Scrollbar Fix)
========================================== */
html { overflow-y: auto !important; }
body { overflow-y: visible !important; overflow-x: hidden !important; }
.improvet-landing { overflow-y: visible !important; overflow-x: clip !important; }


/* ==========================================
 * إصلاح الفراغات الكبيرة بين الوصف والمنتجات ذات الصلة
 * ========================================== */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs {
    margin-bottom: 0 !important;
}
#improvet-woo-override .improvet-single-product-page .related.products {
    margin-top: 0 !important;
}
#improvet-woo-override .improvet-single-product-page .up-sells,
#improvet-woo-override .improvet-single-product-page .woocommerce-notices-wrapper:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================
 * التحسينات الجديدة لوصف المنتج (مظهر احترافي وفك التلاصق)
 * ========================================== */

/* 1. إعدادات القائمة (العمودين) والخط الفاصل */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 30px 0 40px 0 !important;
    column-count: 2 !important; 
    column-gap: 60px !important; 
    column-rule: 1px solid #e2e8f0 !important; 
}

/* في شاشات الهواتف، نجعلها عمود واحد ونلغي الخط الفاصل */
@media (max-width: 768px) {
    #improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel ul {
        column-count: 1 !important; 
        column-rule: none !important;
    }
}

/* 2. تحسين تباعد الأسطر والنقاط (فك التلاصق العمودي) */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel ul li {
    position: relative !important;
    padding-left: 25px !important;
    padding-right: 15px !important; 
    margin-bottom: 18px !important; 
    line-height: 1.8 !important;
    break-inside: avoid;
}

/* السهم الملون */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel ul li::before {
    content: '>' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #cddc29 !important; 
    font-weight: 900 !important;
    font-size: 16px !important;
    font-family: 'Outfit', sans-serif !important;
}

#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel ul li a {
    color: #00549A !important;
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel ul li a:hover {
    color: #C5A028 !important;
}

/* 3. تحسين العناوين (Bold) لتصبح كعناوين رئيسية بارزة */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel strong {
    color: #00549A !important; 
    font-size: 18px !important; 
    font-weight: 900 !important;
    font-family: 'Outfit', sans-serif !important;
    display: block !important;
    margin-top: 40px !important; 
    margin-bottom: 20px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px dashed #f1f5f9 !important; 
}

/* إزالة المسافة العلوية إذا كان العنوان هو أول عنصر في الوصف */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel strong:first-child {
    margin-top: 0 !important;
}

/* تحسين تباعد الفقرات العادية (النص) */
#improvet-woo-override .improvet-single-product-page .woocommerce-tabs .panel p {
    margin-bottom: 25px !important;
    line-height: 1.9 !important;
    color: #475569 !important;
}

/* ==========================================================
   ARTICLE / PAGE CONTENT
========================================================== */
/*==================================================
  IMPROVET CONTENT STYLING
==================================================*/

.the-content-area{
    max-width:100%;
    font-size:18px;
    line-height:1.9;
    color:#4b5563;
}

.the-content-area p{
    margin:0 0 25px;
    font-size:18px;
    color:#5b6675;
    line-height:1.9;
}

/* ---------------- H2 ---------------- */

.the-content-area h2{

    font-size:34px;
    font-weight:800;

    color:#00549A;

    margin:55px 0 25px;

    padding-bottom:18px;

    border-bottom:2px dashed #dbe7f3;
}

/* ---------------- H3 ---------------- */

.the-content-area h3{

    font-size:28px;

    color:#00549A;

    margin:45px 0 20px;

    padding-left:18px;

    border-left:5px solid #cddc29;
}

/* ---------------- H4 ---------------- */

.the-content-area h4{

    font-size:22px;

    color:#00549A;

    margin-top:35px;
}

/*==================================================
LISTS
==================================================*/

.the-content-area ul{

    display:grid;

    grid-template-columns:repeat(2,minmax(250px,1fr));

    gap:18px 35px;

    list-style:none;

    padding:0;

    margin:35px 0;
}

.the-content-area ul li{

    position:relative;

    padding-left:28px;

    font-size:18px;

    color:#455468;

    line-height:1.8;
}

.the-content-area ul li::before{

    content:"➜";

    position:absolute;

    left:0;

    color:#cddc29;

    font-weight:bold;

    font-size:20px;
}

/*==================================================
IMAGES
==================================================*/

.the-content-area img{

    width:100%;

    height:auto;

    border-radius:14px;

    margin:40px 0;

    box-shadow:0 20px 40px rgba(0,0,0,.08);

    transition:.35s;
}

.the-content-area img:hover{

    transform:scale(1.02);
}

/*==================================================
TABLES
==================================================*/

.the-content-area table{

    width:100%;

    border-collapse:collapse;

    margin:40px 0;

    overflow:hidden;

    border-radius:12px;
}

.the-content-area th{

    background:#00549A;

    color:#fff;

    padding:15px;
}

.the-content-area td{

    padding:15px;

    border:1px solid #edf2f7;
}

.the-content-area tr:nth-child(even){

    background:#f8fafc;
}

/*==================================================
BLOCKQUOTE
==================================================*/

.the-content-area blockquote{

    background:#f8fbff;

    border-left:5px solid #00549A;

    padding:25px;

    border-radius:8px;

    font-style:italic;
}

/*==================================================
LINKS
==================================================*/

.the-content-area a{

    color:#00549A;

    font-weight:600;

    text-decoration:none;
}

.the-content-area a:hover{

    color:#c5a028;
}

/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.the-content-area{

font-size:16px;

}

.the-content-area h2{

font-size:28px;

}

.the-content-area h3{

font-size:24px;

}

.the-content-area ul{

grid-template-columns:1fr;

}

}

/* ==========================================
   CUSTOM HARDCODED FOOTER (100% PERFECT MATCH - FINAL)
========================================== */
.custom-improvet-footer {
    /* 1. التدرج اللوني المطابق للفوتر الأصلي */
    background: linear-gradient(180deg, #071931 0%, #020a14 100%);
    font-family: 'Outfit', 'Montserrat', sans-serif;
    padding-top: 55px;
    position: relative;
    z-index: 10;
    border-top: none;
}

.custom-improvet-footer .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* توزيع مساحات الأعمدة بدقة */
.custom-improvet-footer .footer-grid {
    display: grid;
    grid-template-columns: 3.2fr 1.6fr 2.4fr 2.8fr; 
    gap: 0; 
    padding-bottom: 45px;
}

/* الفواصل العمودية الشفافة */
.custom-improvet-footer .footer-col {
    padding: 0 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.08); 
}
.custom-improvet-footer .footer-col:first-child {
    padding-left: 0;
}
.custom-improvet-footer .footer-col:last-child {
    padding-right: 0;
    border-right: none;
}

/* العناوين (Sans-serif) */
.custom-improvet-footer h3 {
    color: #ffffff;
    font-size: 15px; 
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: 'Outfit', 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    white-space: nowrap; 
}

/* 2. العمود الأول (الشعار والنص) */
.improvet-about-col {
    display: flex;
    flex-direction: column;
    align-items: center; /* توسيط جميع العناصر بداخل العمود */
     
}

.improvet-about-col .footer-logo img {
    width: 100%;
    max-width: 250px; 
    height: auto;
    margin-bottom: 25px;
}

.improvet-about-col .footer-desc p {
    font-family: 'Montserrat', sans-serif; /* تغيير الخط ليصبح عصرياً ومتناسقاً */
    font-size: 14px;
    line-height: 1.8;
    color: #cbd5e1;
    margin-bottom: 30px;
    padding-right: 0; /* إزالة الفراغ الجانبي لضمان التوسيط المثالي */
}

/* 3. الأيقونات الاجتماعية */
.footer-socials {
    display: flex;
    justify-content: center; 
    gap: 25px; 
    width: 100%;
}

.footer-socials a {
    color: #c5a028 !important; 
    font-size: 20px !important; 
    transition: color 0.3s ease;
}

.footer-socials a:hover {
    color: #ffffff !important;
}

/* 4. العمود الثاني: القائمة (تقريب المسافات) */
.footer-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu-list li {
    margin-bottom: 12px; /* مسافة متقاربة بين الروابط */
}
.footer-menu-list li a {
    color: #f1f5f9;
    font-size: 14px;
    font-family: 'Outfit', 'Montserrat', sans-serif;
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-menu-list li a:hover {
    color: #c5a028;
}

/* العمود الثالث: الاتصال (خط Serif وتكبير الأيقونات) */
.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
    font-family: "Times New Roman", Times, serif; /* فرض خط Serif */
    font-size: 15px;
    color: #f1f5f9;
    line-height: 1.5;
}
.footer-contact-list li i {
    color: #c5a028 !important; 
    font-size: 18px !important; /* تكبير أيقونات الاتصال */
    margin-top: 3px;
    width: 20px;
    text-align: center;
}
.footer-contact-list li a, .footer-contact-list li span {
    color: #f1f5f9;
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-contact-list li a:hover {
    color: #c5a028;
}

/* 5. العمود الرابع: الخريطة (زيادة الارتفاع) */
.footer-map-wrapper iframe {
    border-radius: 6px;
    height: 240px; /* تم تكبير الارتفاع هنا */
    width: 100%;
    border: none;
}

/* 6. الشريط السفلي لحقوق الملكية */
.custom-improvet-footer-bottom {
    background-color: #030911; /* لون أغمق ومستقل عن الفوتر */
    padding: 22px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.custom-improvet-footer-bottom p {
    margin: 0;
    color: #8c98a4;
    font-size: 14px; /* خط أوضح وأكبر قليلاً */
    font-weight: 500;
    font-family: 'Outfit', 'Montserrat', sans-serif;
}

/* التجاوب مع الهواتف والأجهزة اللوحية */
@media (max-width: 1024px) {
    .custom-improvet-footer .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 20px;
    }
    .custom-improvet-footer .footer-col {
        border-right: none;
        padding: 0 15px;
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .custom-improvet-footer .footer-grid {
        grid-template-columns: 1fr;
    }
}