/*
Theme Name: El Misria Engineering
Theme URI: https://elmisriaeng.com/
Author: El Misria Engineering
Description: Responsive industrial Fire & Gas Detection WordPress theme with dynamic Products, Services, Projects, Resources and Blog sections.
Version: 1.1.0
License: GPL-2.0-or-later
Text Domain: elmisria
*/

:root{
  --bg-dark:#0a0e14;--bg-deep:#06090f;--bg-card:rgba(18,24,38,.74);
  --primary:#e74c3c;--primary-dark:#c0392b;--text:#fff;--muted:#b0c4de;
  --border:rgba(231,76,60,.38);--container:1320px;--radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg-dark);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}.container{width:min(var(--container),92%);margin-inline:auto}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(10,14,20,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.navbar{min-height:82px;display:flex;align-items:center;gap:25px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}
.brand img{height:54px;width:auto}.brand strong,.nav-links a:hover,.nav-links .current-menu-item>a{color:var(--primary)}
.nav-links{display:flex;align-items:center;gap:23px;list-style:none;margin-left:auto}
.nav-links a{color:var(--muted);font-size:.9rem;font-weight:600;transition:.25s}
.quote-btn,.btn-primary,.submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 5px 20px rgba(231,76,60,.32)}
.quote-btn{padding:10px 19px;border-radius:6px;font-weight:700;font-size:.85rem}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.35rem}
.hero{min-height:760px;height:88vh;position:relative;overflow:hidden;margin-top:82px}
.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{display:flex;align-items:center;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .8s,transform 5.8s,visibility .8s}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,20,.95),rgba(10,14,20,.76) 45%,rgba(10,14,20,.9))}
.hero-content{position:relative;z-index:2;max-width:980px;padding-block:80px}
.eyebrow{display:inline-block;color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:2px;margin-bottom:14px}
.hero h1{font-size:clamp(2.6rem,5.2vw,5.1rem);line-height:1.04;letter-spacing:-2px;font-weight:800}
.hero h1 span{color:var(--primary);text-shadow:0 0 28px rgba(231,76,60,.4)}
.hero p{max-width:720px;color:var(--muted);font-size:1.1rem;margin:25px 0 34px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:6px;font-weight:700}
.btn-secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}
.hero-control{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(10,14,20,.55);color:#fff;cursor:pointer}
.hero-control:hover{background:var(--primary);border-color:var(--primary)}.hero-prev{left:28px}.hero-next{right:28px}
.hero-dots{position:absolute;z-index:6;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:8px}
.hero-dot{width:30px;height:4px;border:0;border-radius:10px;background:rgba(255,255,255,.35);cursor:pointer}
.hero-dot.active{width:48px;background:var(--primary)}
.section{padding:96px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 52px}
.section-heading h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.2;margin-bottom:13px}.section-heading p{color:var(--muted)}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.glass-card{background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(13px);border-radius:var(--radius);padding:29px;box-shadow:0 12px 40px rgba(0,0,0,.35);transition:.3s}
.glass-card:hover{transform:translateY(-6px);border-color:var(--primary)}
.icon-box{width:52px;height:52px;display:grid;place-items:center;color:var(--primary);background:rgba(231,76,60,.12);border:1px solid var(--primary);border-radius:9px;margin-bottom:22px}
.glass-card h3{font-size:1.2rem;margin-bottom:12px}.glass-card p,.feature-item p{color:var(--muted);font-size:.91rem}
.card-link{display:inline-flex;gap:8px;color:var(--primary);font-size:.84rem;font-weight:700;margin-top:20px}
.industries-section{background:linear-gradient(180deg,#0a0e14,rgba(20,28,42,.65))}
.industries-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.industry-card{text-align:center;padding:28px 15px;border-radius:10px;background:rgba(25,33,48,.58);border:1px solid rgba(255,255,255,.08);transition:.3s}
.industry-card i{display:block;color:var(--primary);font-size:2rem;margin-bottom:12px}.industry-card:hover{border-color:var(--primary);transform:translateY(-4px)}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-item{display:flex;gap:18px;padding:27px;border-radius:10px;background:rgba(20,26,38,.72);border:1px solid rgba(255,255,255,.07)}
.feature-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:var(--primary);background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.55);border-radius:9px}
.products-section{background:linear-gradient(180deg,rgba(10,14,20,.2),rgba(10,14,20,.85))}
.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.table-card,.gallery-card,.contact-panel,.quotation-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:25px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.08)}th{color:var(--primary);font-size:.88rem}td{color:var(--muted);font-size:.88rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.gallery-grid img{width:100%;height:150px;object-fit:cover;border-radius:8px}
.resources-bar{padding:38px 0;background:linear-gradient(90deg,#121826,#1a2333,#121826);border-block:1px solid rgba(255,255,255,.06)}
.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.resource-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(10,14,20,.55)}
.resource-card i{color:var(--primary);font-size:1.65rem}.resource-card span{display:flex;flex-direction:column}.resource-card small{color:var(--muted);font-size:.76rem}
.contact-section{background:linear-gradient(180deg,rgba(10,14,20,.4),#0a0e14)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.contact-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--primary);background:rgba(231,76,60,.12);border:1px solid var(--primary);border-radius:10px;font-size:1.45rem;margin-bottom:20px}
.contact-panel p{color:var(--muted)}.contact-details{display:grid;gap:12px;margin-top:25px}.contact-details a{color:var(--muted);font-size:.9rem}.contact-details i{color:var(--primary);width:22px}
.quotation-form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quotation-form label{display:grid;gap:7px;color:#dce7f3;font-size:.83rem;font-weight:600}
.quotation-form input,.quotation-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(10,14,20,.72);color:#fff;padding:12px 14px;outline:none}
.submit-btn{border:0;color:#fff;padding:13px 18px;border-radius:6px;font-weight:700;cursor:pointer}
.footer{background:var(--bg-deep);border-top:1px solid rgba(255,255,255,.08);padding:25px 0;color:var(--muted);font-size:.82rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:var(--primary)}
@media(max-width:1100px){.nav-links{gap:14px}.cards-grid{grid-template-columns:repeat(2,1fr)}.industries-grid{grid-template-columns:repeat(3,1fr)}.product-layout,.contact-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.navbar{min-height:72px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;order:5;width:100%;flex-direction:column;gap:0;margin:0;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.nav-links.open{display:flex}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:8px}.quote-btn{order:4}.hero{margin-top:72px;min-height:650px}.hero-content{padding:100px 0 90px}.hero-control{width:40px;height:40px}.hero-prev{left:12px}.hero-next{right:12px}.features-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:92%}.brand img{height:40px}.brand span{font-size:.88rem}.quote-btn{padding:8px 11px;font-size:.73rem}.hero{min-height:600px}.hero h1{font-size:2.05rem;letter-spacing:-1px}.hero p{font-size:.91rem}.hero-buttons{flex-direction:column;max-width:340px}.btn{width:100%}.hero-dots{bottom:16px}.cards-grid,.industries-grid,.resources-grid{grid-template-columns:1fr}.section{padding:60px 0}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:105px}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.product-archive-hero,.product-hero{margin-top:82px;padding:115px 0 70px;background:linear-gradient(90deg,rgba(10,14,20,.97),rgba(10,14,20,.82)),url('https://elmisriaeng.com/en/wp-content/uploads/2026/08/index-1.png') center/cover;border-bottom:1px solid rgba(255,255,255,.08)}
.product-archive-hero h1,.product-hero h1{font-size:clamp(2.3rem,4.5vw,4rem);line-height:1.1;margin:0 0 15px}.product-archive-hero h1 span{color:var(--primary)}.product-archive-hero p{color:var(--muted);max-width:680px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:45px}.breadcrumbs a:hover{color:var(--primary)}.product-badge{display:inline-block;padding:6px 11px;border-radius:20px;background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.45);color:var(--primary);font-size:.78rem}
.product-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{padding:0;overflow:hidden}.product-card-image{height:250px;background:#111722;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-card-image img{transform:scale(1.04)}.product-card-body{padding:25px}.product-card-body h2{font-size:1.3rem;margin-bottom:9px}.product-card-body p{color:var(--muted);font-size:.88rem;margin-bottom:14px}
.product-main-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start}.product-media{position:sticky;top:105px}.product-main-image{background:#111722;border:1px solid rgba(231,76,60,.25);border-radius:12px;overflow:hidden;min-height:450px;display:grid;place-items:center}.product-featured-image{width:100%;height:450px;object-fit:contain;background:#111722}.product-image-placeholder{min-height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:var(--primary);font-size:3rem}.product-image-placeholder span{font-size:.9rem;color:var(--muted)}.product-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.product-thumb{width:100%;height:80px;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:6px}.product-summary{padding:15px 0}.product-summary h2{font-size:2rem;margin-bottom:15px}.product-excerpt{color:var(--muted);margin-bottom:25px}.product-quote-btn{margin-bottom:25px}.product-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-facts div{padding:15px;background:rgba(18,24,38,.65);border:1px solid rgba(255,255,255,.07);border-radius:8px}.product-facts span,.spec-item span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.7px}.product-facts strong,.spec-item strong{display:block;margin-top:4px;font-size:.88rem}.product-content-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;margin-top:55px}.product-content{padding:0;overflow:hidden}.product-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);overflow:auto}.product-tabs a{padding:18px 23px;color:var(--muted);font-size:.85rem;font-weight:700;white-space:nowrap}.product-tabs a.active,.product-tabs a:hover{color:var(--primary);border-bottom:2px solid var(--primary)}.product-content-section{padding:30px}.product-content-section+.product-content-section{border-top:1px solid rgba(255,255,255,.07)}.product-content-section h2{font-size:1.35rem;margin-bottom:18px}.entry-content{color:var(--muted)}.entry-content p{margin-bottom:15px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spec-item{padding:15px;background:rgba(10,14,20,.45);border:1px solid rgba(255,255,255,.07);border-radius:7px}.product-sidebar{display:grid;gap:20px}.product-sidebar h3{font-size:1.2rem;margin-bottom:9px}.product-sidebar p{color:var(--muted);font-size:.88rem;margin-bottom:18px}
@media(max-width:1100px){.product-archive-grid{grid-template-columns:repeat(2,1fr)}.product-main-grid{grid-template-columns:1fr}.product-media{position:static}.product-content-grid{grid-template-columns:1fr}}
@media(max-width:560px){.product-archive-hero,.product-hero{margin-top:72px;padding:85px 0 55px}.product-archive-grid{grid-template-columns:1fr}.product-main-image,.product-featured-image{height:330px;min-height:330px}.product-facts,.spec-grid{grid-template-columns:1fr}.product-content-section{padding:22px}.product-tabs a{padding:15px 14px}.product-thumbnails{grid-template-columns:repeat(4,1fr)}.product-thumb{height:65px}}

.quote-message {
    padding: 15px 18px;
    border-radius: 7px;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.quote-success {
    background: rgba(46, 204, 113, 0.12);
    border: 1px solid rgba(46, 204, 113, 0.4);
    color: #7bed9f;
}

.quote-error {
    background: rgba(231, 76, 60, 0.12);
    border: 1px solid rgba(231, 76, 60, 0.4);
    color: #ff8a80;
}
/* SEO / accessibility */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-title{font-size:2rem;line-height:1.2;margin:0 0 18px}.hero h2{font-size:clamp(2.2rem,4.8vw,4.5rem);line-height:1.04;letter-spacing:-2px;font-weight:800}.hero h2 span{color:var(--primary);text-shadow:0 0 28px rgba(231,76,60,.4)}