/*
Theme Name: MIRRA GLOBAL FZE
Theme URI: https://www.mirraglobal.com/
Author: MIRRA GLOBAL FZE
Description: Six distinct native Elementor pages for construction materials, building engineering and import/export, with editable header/footer and a guided free-plugin setup.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mirra-global
*/
:root{--mirra-navy:#08294e;--mirra-gold:#edb522;--mirra-ink:#122c46}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--mirra-ink);background:#fff}img{max-width:100%;vertical-align:middle}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}p{margin:0 0 14px}p:last-child{margin-bottom:0}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6a00e;outline-offset:4px}
.mirra-site-header{position:relative;z-index:20;background:#fff}.mirra-site-footer{background:var(--mirra-navy)}.mirra-site-footer a{color:inherit}.mirra-site-footer a:hover{color:var(--mirra-gold)}
.mirra-menu{display:flex;gap:22px;align-items:center;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.mirra-menu>li{position:relative}.mirra-menu a{font-size:13px;line-height:1.5;font-weight:700;text-decoration:none;color:var(--mirra-navy);white-space:nowrap}.mirra-menu a:hover,.mirra-menu .current-menu-item>a{color:#a77300}.mirra-menu .sub-menu{position:absolute;left:0;top:100%;padding:18px;min-width:200px;background:#fff;box-shadow:0 10px 30px #08294e22;list-style:none;display:none}.mirra-menu li:hover>.sub-menu,.mirra-menu li:focus-within>.sub-menu{display:block}.mirra-menu-toggle{display:none;border:1px solid #dbe3ea;background:#fff;color:var(--mirra-navy);padding:12px 18px;font-weight:700;border-radius:3px;width:100%}.mirra-menu-toggle span{float:right}
.mirra-whatsapp{position:fixed;right:24px;bottom:24px;background:var(--mirra-navy);color:white;border:2px solid var(--mirra-gold);padding:14px 20px;border-radius:30px;text-decoration:none;font-size:13px;font-weight:bold;z-index:40;box-shadow:0 6px 24px #08294e33}.mirra-whatsapp:hover{background:#114272}.mirra-skip-link{position:fixed;top:-100px;left:15px;background:white;padding:12px;z-index:1000}.mirra-skip-link:focus{top:15px}
.mirra-filters{display:flex;gap:10px;flex-wrap:wrap}.mirra-filters button{border:1px solid #d1dbe3;background:white;color:var(--mirra-navy);padding:12px 17px;border-radius:30px;font-size:13px;font-weight:700;cursor:pointer}.mirra-filters button[aria-pressed=true]{background:var(--mirra-navy);color:white;border-color:var(--mirra-navy)}.mirra-filter-status{font-size:13px;color:#596c7d;margin:14px 0 0}.mirra-product[hidden],.mirra-product-row-empty{display:none!important}.mirra-product{transition:box-shadow .2s}.mirra-product:hover{box-shadow:0 12px 30px #08294e10}
.mirra-enquiry{display:grid;gap:18px}.mirra-enquiry label{font-weight:600;font-size:14px;display:grid;gap:9px}.mirra-enquiry input,.mirra-enquiry select,.mirra-enquiry textarea{width:100%;padding:14px;border:1px solid #ccd8e1;border-radius:3px;background:#fff;color:var(--mirra-ink)}.mirra-enquiry button,.fluentform .ff-btn-submit{background:var(--mirra-gold);color:var(--mirra-navy);border:0;padding:16px 24px;border-radius:2px;font-weight:700;cursor:pointer}.mirra-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mirra-form-result{padding:18px;border-left:4px solid var(--mirra-gold);background:white;margin-bottom:25px}.fluentform .ff-el-form-control{padding:14px!important;border-color:#ccd8e1!important;border-radius:3px!important}.fluentform .ff-el-input--label{color:var(--mirra-ink);font-size:14px}.mirra-photo-credits{padding:12px 28px 20px;max-width:1236px;margin:auto;color:#afc1d2;font-size:11px}.mirra-photo-credits summary{cursor:pointer}.mirra-photo-credits p{padding-top:12px;line-height:1.6}
.mirra-fallback-inner{width:100%;max-width:1180px;margin:auto;display:flex;flex-direction:column;gap:20px}.mirra-fallback-container{min-width:0;flex-shrink:1}.mirra-fallback-section{width:100%}.mirra-button{display:inline-block;padding:17px 25px;border-radius:2px;font-size:14px;font-weight:700;text-decoration:none;line-height:1.3}.mirra-fallback-image{display:block}.mirra-generic{max-width:1180px;margin:60px auto;padding:0 25px}
@media(max-width:1024px){.mirra-menu{gap:12px}.mirra-menu a{font-size:12px}}
@media(max-width:767px){.mirra-menu-toggle{display:block}.mirra-navigation{position:relative}.mirra-menu{display:none;position:absolute;right:0;top:100%;width:270px;max-width:85vw;flex-direction:column;align-items:stretch;gap:0;background:white;border:1px solid #dbe3ea;padding:6px 16px;margin-top:8px;box-shadow:0 8px 30px #08294e22;z-index:50}.mirra-menu.is-open{display:flex}.mirra-menu a{display:block;padding:12px;font-size:14px}.mirra-menu .sub-menu{position:static;box-shadow:none;padding:0 10px}.mirra-whatsapp{right:14px;bottom:14px;font-size:12px;padding:11px 16px}.mirra-filters button{font-size:12px;padding:10px 14px}.mirra-photo-credits{padding:12px 20px 60px}.mirra-site-footer{overflow-wrap:anywhere}.hidden-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}