/*
Theme Name: Flatsome Child
Description: این قالب نسخه چایلد از قالب فلتسام می باشد. توجه داشته باشید این نسخه از قالب به ندرت آپدیت می شود و بر روی سایت تان تنها کافی است نسخه اصلی قالب را بروزرسانی کنید.
Author: ایران فلتسام
Theme URI: http://flatsomee.ir/
Author URI: http://flatsomee.ir/
Template: flatsome
Version: 3.16.3
*/

/* ************************************************************************** */
/* BEGIN Poppins Local Font Definitions - ADDED BY USER INSTRUCTIONS */
/* ************************************************************************** */

/* Poppins Thin */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Thin.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Poppins Thin Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-ThinItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Poppins ExtraLight */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Poppins ExtraLight Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-ExtraLightItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Poppins Light */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Light.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Poppins Light Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-LightItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Poppins Regular */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Regular.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Poppins Regular Italic (اگر فایل Italic دارید، در غیر اینصورت حذف کنید) */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Italic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Poppins Medium */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Medium.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Poppins Medium Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Poppins SemiBold */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Poppins SemiBold Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Poppins Bold */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Bold.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Poppins Bold Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-BoldItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Poppins ExtraBold */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Poppins ExtraBold Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Poppins Black */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-Black.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Poppins Black Italic */
@font-face {
  font-family: 'Poppins';
  src: url('assets/public/fonts/poppins/Poppins-BlackItalic.woff2') format('woff2'),
       url('assets/public/fonts/poppins/Poppins-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ************************************************************************** */
/* END Poppins Local Font Definitions */
/* ************************************************************************** */


/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE   ***************/


}
/* CLS Fix - Homepage Slider (Image ID 12746 - 1080x540) */
.ux-slider .ux-banner {
    min-height: 500px;
}
@media (max-width: 768px) {
    .ux-slider .ux-banner {
        min-height: 0;
        padding-bottom: 50%;
        position: relative;
    }
}

/* ============================================================
   OMISHAD-CLS-FIX-v1 — رفع CLS (اضافه‌شده؛ بدون تغییر قوانین قبلی)
   ۱) آیکون‌فونت fl-icons: swap به‌جای block (جلوگیری از Layout Shift حین لود)
   ۲) رزرو فضای نماد اعتماد (enamad iframe) تا وسط صفحه نپرد
   ============================================================ */
@font-face {
  font-family: "fl-icons";
  font-display: swap;
}

/* نماد اعتماد (enamad) — ارتفاع ثابت برای جلوگیری از CLS */
img[referrerpolicy='origin'][src*='enamad'], 
.enamad-container img,
.trust-seal img {
  width: 100%;
  height: auto;
  max-width: 150px;
  aspect-ratio: 1 / 1;
}
/* اگر iframe نماد اعتماد بدون ارتفاع است */
iframe[src*='enamad'] {
  width: 150px;
  height: 120px;
  border: 0;
}
/* اطمینان: هر iframe داخل محتوا aspect-ratio داشته باشد */
.entry-content iframe {
  aspect-ratio: 16 / 9;
  height: auto;
  max-width: 100%;
}
/*
   ============================================================
   OMISHAD-CATEGORY-SPACING-v1 — فاصلهٔ استاندارد دسته‌ها
   ۱) توضیح دسته (term-description) فاصلهٔ پایین کافی از گرید محصولات
   ۲) عنوان صفحهٔ دسته (page-title) فاصلهٔ مناسب از بالا/پایین در موبایل
   ============================================================ */

/* توضیح دسته — فاصلهٔ پایین از گرید محصولات */
.term-description,
.archive .term-description,
.tax-product_cat .term-description {
    margin-bottom: 2rem !important;
    padding-bottom: 1rem;
}

/* عنوان صفحهٔ دسته — داخل کادر، فاصلهٔ مناسب (رفع چسبیدن به انتهای کادر) */
.shop-page-title,
.category-page-title {
    padding-bottom: 1.5rem !important;
}
.category-page-title .page-title-inner {
    padding-bottom: 1rem !important;
}

/* موبایل: جلوگیری از رفتن زیر قاب/نوار */
@media (max-width: 549px) {
    .term-description,
    .archive .term-description {
        margin-bottom: 1.5rem !important;
    }
    .shop-page-title,
    .category-page-title {
        margin-bottom: 1rem !important;
    }
}

/* ============================================================
   OMISHAD — Homepage v2 (App-like · Navy+Yellow logo theme)
   Fonts: Estedad (headings) + Vazirmatn (body) — self-hosted
   ============================================================ */
@font-face{font-family:'Vazirmatn';src:url('/wp-content/uploads/omi-fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0020-007E}
@font-face{font-family:'Vazirmatn';src:url('/wp-content/uploads/omi-fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0020-007E}
@font-face{font-family:'Vazirmatn';src:url('/wp-content/uploads/omi-fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0020-007E}
@font-face{font-family:'Estedad';src:url('/wp-content/uploads/omi-fonts/Estedad-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0020-007E}

:root{--omi-navy:#1b2a5e;--omi-navy-dark:#111c40;--omi-navy-soft:#eef1f9;--omi-yellow:#ffc907;--omi-yellow-soft:#fff8d6;--omi-ink:#20263a;--omi-muted:#69707f;--omi-line:#e7eaf2;--omi-bg:#f7f8fc}

/* ---- homepage-only header: logo contrast on navy ---- */
body.home #masthead.header-main{background:linear-gradient(180deg,#1b2a5e,#16224c)}
body.home #masthead.header-main .nav>li>a{color:#fff}
body.home #masthead.header-main .nav>li>a:hover{color:var(--omi-yellow)}
body.home #masthead .icon{color:#fff}
body.home #masthead .search-form input,body.home #masthead .searchform input{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
body.home #masthead .search-form ::placeholder{color:#b9c2e0}
body.home #logo{background:#fff;border-radius:26px;padding:5px 16px;box-shadow:0 3px 12px rgba(0,0,0,.25)}
body.home .header-button .button{background:var(--omi-yellow)!important;color:var(--omi-navy-dark)!important;border-color:var(--omi-yellow)!important}

/* ---- base ---- */
.omi2{font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--omi-ink);line-height:1.9;background:var(--omi-bg)}
.omi2 a{text-decoration:none;color:inherit}
.omi2 .omi-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.omi2 h1,.omi2 h2,.omi2 h3{font-family:'Estedad','Vazirmatn',Tahoma,sans-serif}

/* ---- hero ---- */
.omi-hero{background:radial-gradient(1200px 500px at 85% -10%,#24387a 0%,var(--omi-navy) 45%,var(--omi-navy-dark) 100%);color:#fff;position:relative;overflow:hidden}
.omi-hero .omi-corner-y{position:absolute;top:-70px;left:-70px;width:190px;height:190px;border-radius:50%;background:var(--omi-yellow);opacity:.92}
.omi-hero .omi-corner-y2{position:absolute;top:-110px;left:60px;width:190px;height:190px;border-radius:50%;border:2px solid rgba(255,201,7,.45);background:transparent}
.omi-hero .omi-dots{position:absolute;bottom:26px;left:30px;width:150px;height:90px;background-image:radial-gradient(rgba(255,201,7,.5) 2px,transparent 2.5px);background-size:22px 22px}
.omi-hero .omi-corner-ring{position:absolute;bottom:-90px;right:-60px;width:230px;height:230px;border-radius:50%;border:26px solid rgba(255,201,7,.14)}
.omi-hero-inner{position:relative;z-index:2;padding:54px 0 46px;max-width:760px;margin:0 auto;text-align:center}
.omi-chip-y{display:inline-block;background:var(--omi-yellow);color:var(--omi-navy-dark);font-weight:700;font-size:12.5px;padding:5px 18px;border-radius:30px;margin-bottom:16px}
.omi-hero h1{font-size:31px;font-weight:800;line-height:1.7;color:#fff;margin-bottom:12px}
.omi-hero h1 .omi-y{color:var(--omi-yellow)}
.omi-hero-sub{color:#c9d2ee;font-size:15px;max-width:600px;margin:0 auto 24px}
.omi-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.omi-btn-y{background:var(--omi-yellow);color:var(--omi-navy-dark);font-weight:700;padding:13px 34px;border-radius:14px;display:inline-block;box-shadow:0 6px 18px rgba(255,201,7,.35);transition:.2s}
.omi-btn-y:hover{transform:translateY(-2px);color:var(--omi-navy-dark)}
.omi-btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff;padding:13px 34px;border-radius:14px;display:inline-block;transition:.2s}
.omi-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.omi-hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.omi-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#dbe2f7;font-size:12px;padding:6px 14px;border-radius:30px}

/* ---- ticker (real prices) ---- */
.omi-ticker-sec{background:#fff;border-bottom:1px solid var(--omi-line)}
.omi-ticker-head{display:flex;align-items:center;justify-content:space-between;padding:12px 0 10px}
.omi-ticker-title{font-size:14px;font-weight:800;color:var(--omi-navy);display:flex;align-items:center;gap:8px}
.omi-live-dot{width:8px;height:8px;border-radius:50%;background:var(--omi-yellow);box-shadow:0 0 0 4px var(--omi-yellow-soft)}
.omi-ticker-link{font-size:12.5px;font-weight:700;color:var(--omi-navy)}
.omi-ticker{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}
.omi-ticker::-webkit-scrollbar{display:none}
.omi-tk{flex:0 0 auto;display:flex;align-items:center;gap:10px;background:var(--omi-navy-soft);border:1px solid var(--omi-line);border-radius:14px;padding:9px 14px;min-width:150px}
.omi-tk b{font-size:12.5px;color:var(--omi-ink);font-weight:500}
.omi-tk .omi-tk-v{font-weight:700;font-size:13.5px;color:var(--omi-navy)}
.omi-tk small{display:block;color:var(--omi-muted);font-size:10.5px}
.omi-up{color:#0a8f4d}.omi-down{color:#c0392b}.omi-flat{color:var(--omi-muted)}

/* ---- quick actions ---- */
.omi-quick{margin-top:-26px;position:relative;z-index:3}
.omi-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.omi-q{background:#fff;border:1px solid var(--omi-line);border-radius:18px;padding:20px 14px;text-align:center;box-shadow:0 8px 24px rgba(27,42,94,.08);transition:.22s;display:block}
.omi-q:hover{transform:translateY(-4px);border-color:var(--omi-yellow)}
.omi-q .omi-qic{width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:var(--omi-navy-soft);display:flex;align-items:center;justify-content:center;transition:.22s}
.omi-q:hover .omi-qic{background:var(--omi-yellow)}
.omi-q b{font-size:13.5px;display:block}
.omi-q small{color:var(--omi-muted);font-size:11px}

/* ---- sections ---- */
.omi-sec{padding:46px 0 10px}
.omi-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px;flex-wrap:wrap}
.omi-sec-head h2{font-size:21px;font-weight:800;color:var(--omi-navy);position:relative;padding-right:14px}
.omi-sec-head h2::before{content:"";position:absolute;right:0;top:6px;bottom:6px;width:5px;border-radius:4px;background:var(--omi-yellow)}
.omi-sec-head .omi-more{font-size:12.5px;font-weight:700;color:var(--omi-navy)}

/* ---- categories (app tiles, no photos) ---- */
.omi-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.omi-cat{background:#fff;border:1px solid var(--omi-line);border-radius:18px;padding:20px 8px 16px;text-align:center;transition:.22s;position:relative;overflow:hidden}
.omi-cat::after{content:"";position:absolute;bottom:0;right:0;left:0;height:3px;background:var(--omi-yellow);transform:scaleX(0);transition:.25s}
.omi-cat:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(27,42,94,.12);border-color:rgba(255,201,7,.7)}
.omi-cat:hover::after{transform:scaleX(1)}
.omi-cat .omi-cic{width:56px;height:56px;margin:0 auto 10px;border-radius:18px;background:var(--omi-navy-soft);display:flex;align-items:center;justify-content:center;transition:.22s}
.omi-cat:hover .omi-cic{background:var(--omi-yellow)}
.omi-cat b{display:block;font-size:13px;font-weight:700;line-height:1.6}

/* ---- chart teaser ---- */
.omi-chart{background:linear-gradient(135deg,var(--omi-navy) 0%,var(--omi-navy-dark) 100%);border-radius:22px;color:#fff;padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;position:relative;overflow:hidden}
.omi-chart::after{content:"";position:absolute;top:-60px;left:-60px;width:170px;height:170px;border-radius:50%;border:18px solid rgba(255,201,7,.15)}
.omi-chart h2{font-size:22px;color:#fff;margin-bottom:8px}
.omi-chart p{color:#c9d2ee;font-size:13.5px;margin-bottom:16px}
.omi-chart-art{display:flex;align-items:flex-end;gap:8px;height:120px;justify-content:center}
.omi-chart-art span{width:12%;background:linear-gradient(180deg,var(--omi-yellow),#e0ac00);border-radius:8px 8px 0 0;display:block;opacity:.9}

/* ---- about band ---- */
.omi-about{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--omi-line);border-radius:22px;padding:36px}
.omi-about h2{font-size:21px;color:var(--omi-navy);margin-bottom:8px}
.omi-about p{color:var(--omi-muted);font-size:13.5px;margin-bottom:16px}
.omi-about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.omi-st{background:var(--omi-navy-soft);border:1px solid var(--omi-line);border-radius:14px;padding:14px 8px;text-align:center}
.omi-st b{display:block;font-family:'Estedad','Vazirmatn';font-size:19px;color:var(--omi-navy)}
.omi-st small{font-size:11px;color:var(--omi-muted)}

/* ---- news ---- */
.omi-news{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.omi-p{background:#fff;border:1px solid var(--omi-line);border-radius:18px;overflow:hidden;transition:.22s;display:flex;flex-direction:column}
.omi-p:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(27,42,94,.1)}
.omi-p .omi-pthumb{height:140px;background:linear-gradient(135deg,#24387a,var(--omi-navy-dark));display:flex;align-items:center;justify-content:center;overflow:hidden}
.omi-p .omi-pthumb img{width:100%;height:100%;object-fit:cover}
.omi-p .omi-pbody{padding:16px;display:flex;flex-direction:column;flex:1}
.omi-p .omi-pcat{color:#b8860b;font-size:11px;font-weight:700}
.omi-p h3{font-size:13.5px;line-height:1.8;margin:5px 0 6px}
.omi-p h3 a:hover{color:var(--omi-navy)}
.omi-p p{color:var(--omi-muted);font-size:12px;flex:1}
.omi-p .omi-plink{color:var(--omi-navy);font-size:12px;font-weight:700;margin-top:8px}

/* ---- faq ---- */
.omi-faq{max-width:820px;margin:0 auto}
.omi-faq details{background:#fff;border:1px solid var(--omi-line);border-radius:14px;padding:0 18px;margin-bottom:10px}
.omi-faq details[open]{border-color:rgba(255,201,7,.8)}
.omi-faq summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center}
.omi-faq summary::-webkit-details-marker{display:none}
.omi-faq summary::after{content:"+";color:#b8860b;font-size:19px}
.omi-faq details[open] summary::after{content:"−"}
.omi-faq details p{padding:0 0 14px;color:var(--omi-muted);font-size:13px}

/* ---- mobile bottom nav (homepage only) ---- */
@media(max-width:768px){
  body.home .omi-bnav{display:flex}
  body.home .float-buttons{bottom:74px}
}
.omi-bnav{display:none;position:fixed;bottom:0;right:0;left:0;z-index:999;background:var(--omi-navy-dark);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.omi-bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#aeb8dd;font-size:10.5px;flex:1;padding:4px 0;border-radius:10px}
.omi-bnav a.on,.omi-bnav a:hover{color:var(--omi-yellow)}
body.home{padding-bottom:64px}

/* ---- responsive ---- */
@media(max-width:1024px){
  .omi-cats{grid-template-columns:repeat(4,1fr)}
  .omi-quick-grid{grid-template-columns:repeat(2,1fr)}
  .omi-news{grid-template-columns:repeat(2,1fr)}
  .omi-chart,.omi-about{grid-template-columns:1fr}
  .omi-hero h1{font-size:26px}
}
@media(max-width:600px){
  .omi-cats{grid-template-columns:repeat(3,1fr)}
  .omi-news{grid-template-columns:1fr}
  .omi-cat{padding:14px 6px 12px}
  .omi-cat .omi-cic{width:46px;height:46px}
  .omi-hero h1{font-size:22px}
  .omi-hero-inner{padding:38px 0 34px}
  .omi-btn-y,.omi-btn-ghost{width:100%;max-width:320px;text-align:center}
  .omi-about{padding:26px 20px}
  .omi-chart{padding:26px 20px}
}

/* ============================================================
   OMISHAD — v2.1 addendum: lemon yellow · white header · footer tidy
   · mobile hero fix · menu accordion
   ============================================================ */
:root{--omi-yellow:#ffdf1b;--omi-yellow-soft:#fffbe0}

/* ---- header back to white (logo natural, no white pill) ---- */
body.home #masthead.header-main{background:#fff}
body.home #masthead.header-main .nav>li>a{color:var(--omi-ink,#20263a)}
body.home #masthead.header-main .nav>li>a:hover{color:#b8860b}
body.home #masthead .icon{color:var(--omi-ink,#20263a)}
body.home #masthead .search-form input,body.home #masthead .searchform input{background:#fff;border-color:var(--omi-line,#e7eaf2);color:var(--omi-ink,#20263a)}
body.home #masthead .search-form ::placeholder{color:#9aa1b2}
body.home #logo{background:transparent;border-radius:0;padding:0;box-shadow:none}
body.home .header-wrapper{border-bottom:3px solid var(--omi-yellow,#ffdf1b)}
body.home .header-button .button{background:var(--omi-yellow,#ffdf1b)!important;color:var(--omi-navy-dark,#1b2a5e)!important;border-color:var(--omi-yellow,#ffdf1b)!important}

/* ---- hero H1 slogan ---- */
.omi-h1s{display:block;font-size:.52em;font-weight:700;color:var(--omi-yellow,#ffdf1b);margin-top:8px;line-height:1.8}

/* ---- mobile hero: graphics must not collide with text ---- */
@media(max-width:600px){
  .omi-corner-y{width:110px;height:110px;top:-55px;left:-55px;opacity:.9}
  .omi-corner-y2{display:none}
  .omi-dots{display:none}
  .omi-corner-ring{width:150px;height:150px;border-width:16px;bottom:-70px;right:-50px;opacity:.7}
  .omi-hero-inner{padding:34px 0 30px}
}

/* ---- footer tidy (global) ---- */
.footer-wrapper iframe{width:100%!important;height:240px!important;display:block;border:0}
body .footer-1{background:linear-gradient(180deg,var(--omi-navy,#1b2a5e),var(--omi-navy-dark,#111c40))!important;padding:30px 0 22px!important}
.footer-1 .row{display:grid!important;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
.footer-1 .widget{margin-bottom:0!important;padding-bottom:0!important}
.footer-1 .widget-title{color:var(--omi-yellow,#ffdf1b)!important;letter-spacing:.3px}
.footer-1 .is-divider{background:var(--omi-yellow,#ffdf1b)!important;margin-top:8px!important}
.footer-1 .textwidget p{margin:0 0 5px!important;line-height:2!important;font-size:13px}
.footer-1 a{color:#dbe2f7!important}
.footer-1 a:hover{color:var(--omi-yellow,#ffdf1b)!important}
.footer-1 .widget_custom_html .textwidget{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.footer-1 .widget_custom_html img{max-height:110px;width:auto;display:inline-block;margin:0!important}
.footer-2{padding:14px 0!important}
.absolute-footer{padding:12px 0!important;font-size:12px}
@media(max-width:849px){
  .footer-1 .row{grid-template-columns:1fr;gap:18px}
  .footer-wrapper iframe{height:200px!important}
}

/* ---- float buttons clear the mobile bottom nav ---- */
@media(max-width:768px){
  body.home .float-buttons{bottom:88px}
}

/* ---- menu accordion (+/−) ---- */
.omi-acc-cb{display:none!important}
.omi-acc-toggle{cursor:pointer;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:8px;background:var(--omi-yellow,#ffdf1b);color:var(--omi-navy-dark,#1b2a5e);font-weight:700;line-height:1;vertical-align:middle;transition:.15s}
.omi-acc-toggle::after{content:"+";font-size:15px;font-family:Tahoma,sans-serif}
.omi-acc-cb:checked ~ .omi-acc-toggle{background:var(--omi-navy,#1b2a5e);color:var(--omi-yellow,#ffdf1b)}
.omi-acc-cb:checked ~ .omi-acc-toggle::after{content:"−"}
.omi-acc-cb ~ a .icon-angle-down{display:none!important}

@media(min-width:850px){
  .header-nav .omi-acc-toggle,.nav .omi-acc-toggle{width:19px;height:19px;margin:0 5px;border-radius:6px}
  .header-nav .omi-acc-cb:checked ~ .sub-menu,.nav .omi-acc-cb:checked ~ .sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:block!important;transform:none!important}
  .header-bottom-nav .omi-acc-toggle{background:rgba(255,223,27,.18);color:var(--omi-yellow,#ffdf1b)}
  .header-bottom-nav .omi-acc-cb:checked ~ .omi-acc-toggle{background:var(--omi-yellow,#ffdf1b);color:var(--omi-navy-dark,#1b2a5e)}
}

@media(max-width:849px){
  .nav-sidebar .sub-menu,.mobile-sidebar .sub-menu{display:none!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:transparent!important;border:0!important;padding:0!important;margin:2px 0 6px!important;min-width:0!important}
  .nav-sidebar .omi-acc-cb:checked ~ .sub-menu,.mobile-sidebar .omi-acc-cb:checked ~ .sub-menu{display:block!important}
  .nav-sidebar .sub-menu .sub-menu,.mobile-sidebar .sub-menu .sub-menu{padding-right:14px!important;border-right:1px dashed rgba(255,223,27,.45)!important;margin-right:10px!important}
  .nav-sidebar .omi-acc-toggle,.mobile-sidebar .omi-acc-toggle{float:left;margin:6px 8px 2px 6px}
  .nav-sidebar li.menu-item-has-children,.mobile-sidebar li.menu-item-has-children{display:flow-root}
}

/* ============================================================
   OMISHAD — v2.2: dropdown panel & mobile sidebar theme (navy)
   ============================================================ */

/* ---- desktop dropdown panels ---- */
.header-nav .nav-dropdown,.nav .nav-dropdown,.nav-dropdown.nav-dropdown-default{background:linear-gradient(180deg,#1b2a5e,#16224c)!important;border:1px solid rgba(255,223,27,.22)!important;border-radius:14px!important;box-shadow:0 16px 38px rgba(17,28,64,.4)!important}
.nav .nav-dropdown>li>a,.nav-dropdown ul li a{color:#e8ecfa!important}
.nav .nav-dropdown>li>a:hover,.nav-dropdown ul li a:hover{color:var(--omi-yellow,#ffdf1b)!important;background:rgba(255,255,255,.06)!important;border-radius:10px}
.nav .nav-dropdown .nav-column>li>a{color:#cdd6f0!important}
.nav .nav-dropdown .nav-column>li>a:hover{color:var(--omi-yellow,#ffdf1b)!important}
.nav-dropdown .widget-title,.nav-dropdown .nav-dropdown-col>a{color:#fff!important}

/* ---- mobile sidebar panel ---- */
.mobile-sidebar{background:linear-gradient(180deg,#1b2a5e 0%,#111c40 100%)!important}
.mobile-sidebar .sidebar-menu-tabs{background:rgba(255,255,255,.06);border-radius:12px;padding:4px}
.mobile-sidebar .sidebar-menu-tabs__tab-link{color:#cdd6f0!important}
.mobile-sidebar .sidebar-menu-tabs__tab.active .sidebar-menu-tabs__tab-link{color:var(--omi-yellow,#ffdf1b)!important;background:rgba(255,223,27,.12);border-radius:9px}
.mobile-sidebar .nav-sidebar>li>a{color:#fff!important}
.mobile-sidebar .nav-sidebar>li>a:hover{color:var(--omi-yellow,#ffdf1b)!important}
.mobile-sidebar .sub-menu li a{color:#cdd6f0!important}
.mobile-sidebar .sub-menu li a:hover{color:var(--omi-yellow,#ffdf1b)!important}
.mobile-sidebar .searchform input{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.mobile-sidebar .searchform ::placeholder{color:#aab4d8!important}
.mobile-sidebar .ux-search-submit{background:var(--omi-yellow,#ffdf1b)!important;color:#1b2a5e!important}
.mobile-sidebar ::-webkit-scrollbar{width:0}

/* ============================================================
   OMISHAD — v2.3: blue strip fix · enamel badge · menu reorder
   ============================================================ */

/* ---- remove old blue strip from header-bottom ---- */
.header-bottom{background-color:#fff!important;border-top:1px solid var(--omi-line,#e7eaf2)}
body.home .header-bottom{border-top-color:var(--omi-yellow,#ffdf1b)}

/* ---- enamel badge styling ---- */
.enamad-badge{text-align:center;margin:0 auto}
.enamad-badge img{max-width:120px;height:auto;display:inline-block;border-radius:8px}

/* ---- footer enamel ---- */
.footer-1 .widget_custom_html img{max-height:90px;width:auto}

/* ============================================================
   OMISHAD — v2.4: bulletproof white header (kills any navy top strip)
   ============================================================ */
body.home #masthead.header-main,
#masthead.header-main{background:#fff !important;background-image:none !important}
body.home #masthead.header-main .nav>li>a,
#masthead.header-main .nav>li>a{color:var(--omi-ink,#20263a) !important}
body.home #masthead.header-main .nav>li>a:hover,
#masthead.header-main .nav>li>a:hover{color:#b8860b !important}
body.home #masthead .icon,
#masthead .icon{color:var(--omi-ink,#20263a) !important}
.header-bottom{background-color:#fff !important;border-top:1px solid var(--omi-yellow,#ffdf1b) !important}

/* ============================================================
   OMISHAD — v2.5: navy MENU bar (not strip) · kill edge strips · light footer
   ============================================================ */

/* 1) kill the stray navy strip ABOVE the logo (header-bottom) */
.header-bottom{background-color:transparent!important;border-top:none!important;min-height:0!important;display:none!important}

/* 2) the MENU bar (logo + nav) becomes navy brand — this is the intended blue */
body.home #masthead.header-main,
#masthead.header-main{
  background:linear-gradient(180deg,#1b2a5e,#16224c)!important;
  background-image:linear-gradient(180deg,#1b2a5e,#16224c)!important;
  border-bottom:3px solid var(--omi-yellow,#ffdf1b)!important;
}
body.home #masthead.header-main .nav>li>a,
#masthead.header-main .nav>li>a{color:#fff!important}
body.home #masthead.header-main .nav>li>a:hover,
#masthead.header-main .nav>li>a:hover{color:var(--omi-yellow,#ffdf1b)!important}
body.home #masthead .icon,
#masthead .icon{color:#fff!important}
body.home #logo,
#logo{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.home .header-button .button,
.header-button .button{background:var(--omi-yellow,#ffdf1b)!important;color:#1b2a5e!important;border-color:var(--omi-yellow,#ffdf1b)!important}

/* 3) remove white gap between menu and hero/banner */
body.home #main,
#main{padding-top:0!important;margin-top:0!important}
body.home .header-wrapper{margin-bottom:0!important}
.omi-hero{margin-top:0!important}

/* 4) footer: kill navy bottom strip -> light clean footer */
body .footer-1{
  background:#f4f6fb!important;
  background-image:none!important;
  padding:30px 0 22px!important;
  border-top:3px solid var(--omi-yellow,#ffdf1b)!important;
}
.footer-1 .widget-title{color:var(--omi-navy,#1b2a5e)!important}
.footer-1 .is-divider{background:var(--omi-yellow,#ffdf1b)!important}
.footer-1 .textwidget p{color:var(--omi-ink,#20263a)!important}
.footer-1 a{color:var(--omi-navy,#1b2a5e)!important}
.footer-1 a:hover{color:#b8860b!important}
.footer-1 .widget_custom_html img{max-height:84px;width:auto;background:#fff!important;border-radius:10px;padding:4px}
.footer-2{background:#e9edf6!important}
.absolute-footer{background:#1b2a5e!important;color:#fff!important}
.absolute-footer a{color:#fff!important}

/* ============================================================
   OMISHAD — v2.6: kill white header-bg overlay (was hiding navy) · no gap
   ============================================================ */
.header-bg-container,
.header-bg-color,
.header-bg-image{background:transparent!important;background-image:none!important;background-color:transparent!important}
body.home #masthead.header-main,
#masthead.header-main{padding-bottom:0!important}
body.home .header-inner,
.header-inner{padding-top:8px!important;padding-bottom:8px!important}
/* ensure hero sits flush under navy header — no white strip */
body.home #main,
#main{padding-top:0!important}
body.home .header-wrapper,
.header-wrapper{margin-bottom:0!important;box-shadow:none!important}
.omi-hero{margin-top:0!important;padding-top:0!important}

/* ============================================================
   OMISHAD � v3.5 FIX (2026-08-31): logo/nav area must match the
   page background (#f7f8fc = white). Root cause: this style.css is
   the LAST-loaded sheet, so its stale v2.5 block below was forcing
   #masthead to a navy gradient and #logo to transparent, overriding
   the v3.0/v3.3 light-header rules in flatsome-child-theme.css.
   Here we re-assert the light logo row; the navy MENU bar
   (#wide-nav.header-bottom) stays navy per v3.3/v3.4.
   ============================================================ */
body.home #masthead.header-main,
#masthead.header-main{
  background:#f7f8fc !important;
  background-image:none !important;
  background-color:#f7f8fc !important;
  border-bottom:3px solid #ffdf1b !important;
}
body.home #logo,
#logo{
  background:#f7f8fc !important;
  background-image:none !important;
  border-radius:14px !important;
  padding:7px 15px 9px !important;
  box-shadow:none !important;
}
body.home #masthead.header-main .nav>li>a,
#masthead.header-main .nav>li>a{color:#1b2a5e !important}
body.home #masthead.header-main .nav>li>a:hover,
#masthead.header-main .nav>li>a:hover{color:#b8860b !important}
body.home #masthead .icon,
#masthead .icon{color:#1b2a5e !important}
body.home #masthead .search-form input,
#masthead .search-form input,
body.home #masthead .searchform input,
#masthead .searchform input{background:rgba(0,0,0,.05) !important;color:#1b2a5e !important}

/* ============================================================
   OMISHAD — v3.6 mobile robustness (2026-08-31)
   Prevent ANY horizontal overflow from zooming the page out or
   exposing the navy html backdrop (seen as a solid blue page on
   phones). Constrain fixed UI (bottom nav + floating icons) to the
   real viewport and hard-clip horizontal overflow on html/body.
   ============================================================ */
html, body{ overflow-x:clip !important; }
body{ max-width:100vw !important; }
@media (max-width:849px){
  .omi-bnav{
    width:100vw !important; max-width:100vw !important;
    left:0 !important; right:0 !important;
    box-sizing:border-box !important;
  }
  .omi-bnav a{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .omi-bnav a svg{ max-width:100% !important; height:auto !important; }
  .omi-bnav a span{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .mahdi-floating-icons{ left:auto !important; right:12px !important; }
  .back-to-top.button{ right:12px !important; left:auto !important; }
}

/* ============================================================
   OMISHAD — v3.7 (2026-08-31): kill the NAVY page base.
   An inline theme-mod rule sets `html{background-color:#1b2a5e}`
   in <head>. On phones this navy shows through as a solid BLUE
   page whenever the white content layer doesn't visibly cover it.
   Force the canvas (html/body) to the light page background so the
   page is never blue. (White content on top is unaffected.)
   ============================================================ */
html{ background:#f7f8fc !important; background-color:#f7f8fc !important; }
body{ background:#f7f8fc !important; background-color:#f7f8fc !important; }

/* ============================================================
   OMISHAD — v3.8 (2026-08-31, mobile safety net)
   Guarantee every homepage section and the document root stay
   within the viewport width, so a phone can never lose content to
   a clipped/overflow layout. Decorative hero circles are confined
   to the hero (overflow hidden). Non-destructive; generic.
   ============================================================ */
html, body, #wrapper, #main, #content, .omi2, .omi-wrap{ min-width:0 !important; max-width:100% !important; }
#wrapper, #main, .omi2{ overflow-x:hidden !important; }
.omi-hero{ overflow:hidden !important; }
@media(max-width:849px){
  .omi-corner-ring{ right:auto !important; left:-60px !important; } /* keep inside hero, never extend layout */
  .omi-cats, .omi-news, .omi-about, .omi-chart, .omi-quick-grid{ width:100% !important; max-width:100% !important; }
}

/* ============================================================
   OMISHAD — v3.9 (2026-08-31): PAGE SHOWS ONLY FOOTER / CONTENT
   MISSING on ALL pages.
   No ancestor may clip the body content. #wrapper/#main/#content
   had overflow:hidden(auto) with constrained heights; force the
   whole content path to overflow:visible and never collapse, so
   every page (any template) shows body content above the footer.
   ============================================================ */
html, body{ min-height:100% !important; height:auto !important; }
body{ overflow:visible !important; }
#wrapper, #main, #content, .omi2, .page-wrapper, #page-footer, .footer-wrapper{
  overflow:visible !important;
  overflow-x:hidden !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}
#main, #content{ display:block !important; visibility:visible !important; opacity:1 !important; }