/*
Theme Name: Luminex UAE
Theme URI: https://example.com/
Author: Luminex Trading And Services FZE LLC
Description: Custom WordPress theme converted from the Luminex Lovable website.
Version: 1.5.0
Text Domain: luminex-uae
*/
:root{--bg:#f7f5f0;--fg:#24211e;--ink:#2b2926;--ink2:#3b3834;--bronze:#aa8550;--bronze2:#c6a875;--muted:#77716a;--border:#dfdbd3;--secondary:#eeece6;--white:#fff;--dark:#2b2926}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.05}p{margin:0 0 1rem}.container-x{width:100%;max-width:1280px;margin:auto;padding-left:20px;padding-right:20px}.section-y{padding-top:72px;padding-bottom:72px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--bronze)}.display-1{font-size:clamp(40px,7vw,80px)}.display-2{font-size:clamp(32px,4.4vw,52px)}.display-3{font-size:clamp(24px,2.6vw,32px)}.lead{font-size:clamp(16px,1.15vw,18px);line-height:1.75;color:var(--muted)}.section-dark{background:var(--dark);color:#f4f0e8}.section-dark .lead{color:#bdb7ae}.bg-secondary{background:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 24px;border:1px solid transparent;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.22s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--bronze);color:#191613}.btn-primary:hover{background:var(--bronze2)}.btn-ink{background:var(--ink);color:#f7f5f0}.btn-ink:hover{background:var(--ink2)}.btn-outline{border-color:currentColor;color:inherit}.btn-outline:hover{background:var(--bronze);border-color:var(--bronze);color:#191613}.card-flat{background:var(--white);border:1px solid var(--border)}.media-zoom{overflow:hidden}.media-zoom img{transition:transform .9s cubic-bezier(.16,1,.3,1);width:100%;height:100%;object-fit:cover}.media-zoom:hover img{transform:scale(1.05)}.grid{display:grid}.gap-6{gap:24px}.gap-10{gap:40px}.gap-12{gap:48px}.gap-14{gap:56px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}.mt-14{margin-top:56px}.mt-20{margin-top:80px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.py-16{padding-top:64px;padding-bottom:64px}.border-b{border-bottom:1px solid var(--border)}.border{border:1px solid var(--border)}.text-muted{color:var(--muted)}.text-bronze{color:var(--bronze)}.text-center{text-align:center}.uppercase{text-transform:uppercase}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.w-full{width:100%}.h-full{height:100%}.aspect-4-3{aspect-ratio:4/3}.aspect-3-4{aspect-ratio:3/4}.hero{min-height:88vh;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,41,38,.98),rgba(43,41,38,.72),rgba(43,41,38,.12))}.page-hero{position:relative;overflow:hidden;padding:80px 0 96px}.page-hero .hero-bg{opacity:.3}.page-hero .hero-overlay{background:linear-gradient(90deg,rgba(43,41,38,.98),rgba(43,41,38,.82),rgba(43,41,38,.35))}.page-hero-content{position:relative;z-index:2}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,245,240,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(223,219,211,.8)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:24px;font-weight:900;letter-spacing:.18em}.wordmark span{color:var(--bronze)}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav a{font-size:13px;font-weight:600;color:var(--muted);position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--fg)}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--bronze);transition:.3s}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:12px}.phone-link{font-size:13px;font-weight:700}.mobile-actions{display:none;gap:8px}.mobile-toggle{border:0;background:var(--ink);color:#fff;min-width:44px;height:44px}.mobile-menu{display:none;background:var(--bg);border-top:1px solid var(--border)}.mobile-menu.open{display:block}.mobile-menu nav{display:flex;flex-direction:column;padding:20px}.mobile-menu a{padding:14px 0;border-bottom:1px solid var(--border);font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);overflow:hidden}.service-image{aspect-ratio:4/3;position:relative}.service-number{position:absolute;left:16px;top:16px;background:rgba(247,245,240,.92);padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--bronze)}.service-body{padding:28px;display:flex;flex-direction:column;flex:1}.service-body p{color:var(--muted);font-size:14px}.service-link{margin-top:auto;padding-top:20px;color:var(--bronze);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.12)}.four-col>div{background:var(--dark);padding:32px}.five-col{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.five-col>div{background:var(--bg);padding:24px}.considerations{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.considerations>div{background:var(--bg);padding:24px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.app-card{aspect-ratio:3/4;position:relative;overflow:hidden}.app-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.app-card-content{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.project-card .project-image{aspect-ratio:4/3;overflow:hidden;background:#ddd}.project-card h3{font-size:18px;margin-top:8px}.project-card p{font-size:14px;color:var(--muted)}.cta{padding:96px 0}.cta-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:8px;padding:16px 0}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--border);padding:6px 12px;font-size:12px;color:var(--muted)}.prose{max-width:760px;color:var(--muted);font-size:15px;line-height:1.8}.prose h2{margin-top:48px;color:var(--fg);font-size:22px}.prose h3{margin-top:32px;color:var(--fg);font-size:17px}.prose ul{padding-left:22px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-form{padding:32px;background:#fff;border:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group.full{grid-column:1/-1}.form-group label{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{width:100%;margin-top:8px;border:1px solid var(--border);background:var(--bg);padding:13px 14px;font:inherit;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--bronze)}.footer{background:var(--dark);color:#f4f0e8}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:48px;padding:72px 0}.footer h2{font-size:12px;letter-spacing:.22em;text-transform:uppercase}.footer p,.footer a,.footer address{color:#aaa49c;font-size:14px}.footer a:hover{color:#f4f0e8}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:24px 0;font-size:12px;color:#aaa49c;display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}.notice{padding:14px 18px;background:#eee7d8;border-left:3px solid var(--bronze);margin-bottom:24px;font-size:14px}.logo-fallback{display:flex;align-items:center;gap:10px}.logo-mark{width:28px;height:28px;border:2px solid var(--bronze);transform:rotate(45deg);position:relative}.logo-mark:after{content:"";position:absolute;inset:6px;border:1px solid var(--bronze)}
@media(min-width:768px){.container-x{padding-left:32px;padding-right:32px}.section-y{padding-top:104px;padding-bottom:104px}}
@media(min-width:1280px){.container-x{padding-left:40px;padding-right:40px}.section-y{padding-top:128px;padding-bottom:128px}}
@media(max-width:1100px){.desktop-nav{gap:16px}.header-actions .phone-link{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.four-col{grid-template-columns:repeat(2,1fr)}.five-col{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav,.header-actions{display:none}.mobile-actions{display:flex}.two-col,.contact-grid,.cta-inner{grid-template-columns:1fr;gap:48px}.project-grid,.three-col{grid-template-columns:1fr 1fr}.cta-actions{justify-content:flex-start}}
@media(max-width:640px){.container-x{padding-left:18px;padding-right:18px}.header-inner{min-height:72px}.wordmark{font-size:20px}.service-grid,.project-grid,.three-col,.considerations,.form-grid,.footer-grid{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}.five-col{grid-template-columns:1fr}.four-col{grid-template-columns:1fr}.page-hero{padding:64px 0 72px}.hero{min-height:78vh}.cta{padding:72px 0}.footer-bottom{flex-direction:column}.contact-form{padding:22px}}

/* Official Luminex logo */
.site-logo{display:flex;align-items:center;flex:0 0 auto;line-height:0}.site-logo-image{display:block;width:145px;height:auto;max-height:56px;object-fit:contain}.logo-fallback{display:none!important}@media (max-width:900px){.site-logo-image{width:145px;max-height:58px}}@media (max-width:640px){.site-logo-image{width:135px;max-height:54px}}

/* Elementor compatibility */
.elementor-page-wrap{width:100%;}
.site-logo .custom-logo-link{display:flex;align-items:center;line-height:0;}
.site-logo .custom-logo{display:block;width:145px;height:auto;max-height:56px;object-fit:contain;}
@media(max-width:900px){.site-logo .custom-logo{width:145px;max-height:58px;}}
@media(max-width:640px){.site-logo .custom-logo{width:135px;max-height:54px;}}
/* Keep Elementor sections from inheriting unwanted theme spacing. */
.elementor-page-wrap .container-x{box-sizing:border-box;}

/* v1.3 header logo refinement */
.site-logo-image,.site-logo .custom-logo{width:150px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
@media(max-width:900px){.site-logo-image,.site-logo .custom-logo{width:140px!important;max-height:56px!important}}
@media(max-width:640px){.site-logo-image,.site-logo .custom-logo{width:128px!important;max-height:52px!important}}

/* v1.4 Elementor-native editing and full-width support */
body.elementor-page .site-main, body.elementor-editor-active .site-main { width:100%; max-width:none; margin:0; padding:0; }
.elementor-page .site-main.elementor-page-wrap { width:100%; max-width:none; }
.elementor-section.elementor-section-full_width > .elementor-container { max-width:none; width:100%; }
.elementor-section.elementor-section-boxed > .elementor-container { max-width:1280px; }
.elementor .elementor-section-stretched { width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
.elementor .elementor-widget-image img { max-width:100%; height:auto; }
.elementor .luminex-native-image img { width:100%; display:block; }
.site-logo-image,.site-logo .custom-logo { width:145px !important; max-height:50px !important; height:auto !important; object-fit:contain !important; }
@media(max-width:900px){.site-logo-image,.site-logo .custom-logo{width:140px !important;max-height:48px !important}}
@media(max-width:640px){.site-logo-image,.site-logo .custom-logo{width:128px !important;max-height:46px !important}}


/* v1.5.0 fixes: supplied Luminex logo + Elementor full-width editing */
.site-logo-image,.site-logo .custom-logo{width:180px!important;height:auto!important;max-height:46px!important;object-fit:contain!important}
@media(max-width:900px){.site-logo-image,.site-logo .custom-logo{width:165px!important;max-height:44px!important}}
@media(max-width:640px){.site-logo-image,.site-logo .custom-logo{width:145px!important;max-height:40px!important}}
body.elementor-page .elementor-page-wrap,body.elementor-editor-active .elementor-page-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.elementor-page .elementor-page-wrap>.elementor,body.elementor-editor-active .elementor-page-wrap>.elementor{width:100%!important;max-width:100%!important}
.elementor-page-wrap .elementor-section{max-width:none}
.elementor-page-wrap .elementor-section.elementor-section-stretched{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
