/*
Theme Name: Mangla Web Boost Full
Theme URI: https://mangla-web-boost.lovable.app/
Author: Beyond Digita
Description: Complete WordPress and Elementor-ready migration of Mangla Rubber Industries, including every main page and 109 bundled blog articles.
Version: 3.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mangla-web-boost-full
*/
html{scroll-behavior:smooth}
body{margin:0}
.mri-page-content{min-height:55vh}
.mri-page-content>div:empty{display:none}
.mri-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.mri-button-link{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 box-sizing:border-box;
 text-decoration:none;
}
.mri-button-link.w-full{width:100%!important}
.mri-button-link.flex-1{flex:1 1 0%!important;min-width:0}
.mri-button-link.mt-5{margin-top:1.25rem!important}

/*
 WordPress, Elementor and managed-host styles are unlayered, while the
 mirrored Tailwind utilities live inside cascade layers. Reassert the small
 set of structural utilities used by the imported pages so third-party global
 .grid/.flex rules cannot collapse or rearrange the Lovable layouts.
*/
.mri-page-content .grid{
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
}
.mri-page-content .grid>*{min-width:0}
.mri-page-content .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mri-page-content .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(min-width:640px){
 .mri-page-content .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mri-page-content .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:768px){
 .mri-page-content .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mri-page-content .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .mri-page-content .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .mri-page-content .md\:items-center{align-items:center!important}
 .mri-page-content .md\:items-end{align-items:flex-end!important}
}
@media(min-width:1024px){
 .mri-page-content .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mri-page-content .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .mri-page-content .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .mri-page-content .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .mri-page-content .lg\:items-center{align-items:center!important}
}
.mri-floating-wa{position:fixed;right:22px;bottom:22px;z-index:9999;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#20ba5a;color:#fff!important;font-weight:900;box-shadow:0 10px 28px #0003;text-decoration:none;transition:.25s}
.mri-floating-wa:hover{transform:translateY(-4px);background:#15984a}
.mri-import-alert{max-width:1180px;margin:20px auto;padding:14px 18px;background:#e9f8ee;border-left:4px solid #20a158;color:#174329}
.mri-import-alert.mri-alert-error{background:#fff0f0;border-left-color:#dc2626;color:#7f1d1d}
.mri-filter-button{cursor:pointer}
.mri-filter-button.mri-filter-active{background:var(--brand-red)!important;color:#fff!important;border-color:var(--brand-red)!important}
.mri-filter-button:not(.mri-filter-active){background:#fff!important;color:var(--brand-navy)!important;border-color:var(--border)!important}
.mri-filter-button:focus-visible,
.mri-lightbox-close:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-red) 45%,transparent);outline-offset:2px}
.mri-filter-status{margin:-1rem 0 1.5rem;color:var(--brand-muted);font-size:.875rem}
.mri-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#eef2f5}
.mri-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,17,33,.9);backdrop-filter:blur(6px)}
.mri-lightbox[hidden]{display:none!important}
.mri-lightbox-figure{position:relative;max-width:min(1100px,94vw);margin:0;text-align:center}
.mri-lightbox-image{display:block;max-width:100%;max-height:82vh;border-radius:12px;box-shadow:0 24px 80px #0008}
.mri-lightbox-caption{margin:12px 52px 0;color:#fff;font-weight:700}
.mri-lightbox-close{position:absolute;right:0;top:-50px;width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;background:#fff;color:#082a4a;font-size:28px;line-height:1;cursor:pointer}
body.mri-menu-open,body.mri-lightbox-open{overflow:hidden}
header nav[aria-label="Main"]>a{color:var(--brand-navy)!important}
header nav[aria-label="Main"]>a>span{display:none}
header nav[aria-label="Main"]>a.mri-nav-current{color:var(--brand-red)!important}
header nav[aria-label="Main"]>a.mri-nav-current:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:-.125rem;height:.125rem;border-radius:999px;background:var(--brand-red)}
header nav[aria-label="Mobile"]>a.mri-nav-current{background:var(--brand-off);color:var(--brand-red)!important}
.mri-submit-loading{opacity:.72;cursor:wait}
.mri-js .mri-observe{opacity:1!important;transform:none}
.mri-js .mri-observe.mri-enter{animation:mri-rise-in .55s cubic-bezier(.22,1,.36,1) both}
@keyframes mri-rise-in{from{transform:translateY(18px)}to{transform:translateY(0)}}
.admin-bar header.sticky{top:32px}
@media(max-width:782px){.admin-bar header.sticky{top:46px}}
@media(max-width:520px){.mri-floating-wa{width:52px;height:52px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .mri-js .mri-observe{opacity:1!important;transform:none;animation:none!important}
}