/* =============================================================================
   omid-chrome.css — Phase 1 (Elementor-free header, footer and home page)
   -----------------------------------------------------------------------------
   Box model ported from the CSS Elementor generated for:
     post-24178.css (header, fa)   post-26163.css (header, en)
     post-724.css   (footer, fa)   post-26168.css (footer, en)
     post-523.css   (home,   fa)   post-26132.css (home,   en)
   Every value below was taken from those files and cross-checked against the
   live rendering at 1440px and 390px. Elementor's own stylesheet stops loading
   once the builder is off, so the same geometry is re-declared here against the
   native wrappers. Nothing in this file styles the interior of .omidH,
   .omid-footer, .dkm or .omid-home-page — those already live in omid-main.css
   and omid-home-page.css.
   ============================================================================= */

/* ---------------------------------------------------------------- chrome ---
   Elementor emitted a clearfix around each location wrapper. */
.om-chrome-header::before,
.om-chrome-header::after,
.om-chrome-footer::before,
.om-chrome-footer::after {
	content: "";
	display: table;
	clear: both;
}

/* The header is position:fixed inside its own markup (omid-main.css), so the
   wrapper must not add height of its own. */
.om-chrome-header {
	display: block;
	margin: 0;
	padding: 0;
	min-height: 0;
	background: transparent;
}

/* Footer: white full-bleed band, 10px inset, then .omid-footer's own
   margin:16px auto 0 from omid-main.css. */
.om-chrome-footer {
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0;
	padding: 10px;
	background-color: #fff;
}

.om-chrome-footer > * {
	width: 100%;
}

/* ------------------------------------------------------------- home, fa ---
   Two sibling containers: the hero band and the page body.
   .om-home-hero   <- Elementor container 35cd18d  (padding:10px)
                      widget 06f8f0c               (margin:56px 0 0)
   .om-home-body   <- Elementor container 1f90227  (padding:0 10px, bg #fff)
                      .e-con-inner                 (padding:10px 0, max 1600px) */
.om-home-hero {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
	padding: 10px;
}

/* .dkm centres itself with margin:0 auto, so only the vertical offset is
   ported here — resetting the shorthand would drop the auto and pin the banner
   to the inline-start edge. */
.om-home-hero > .dkm {
	margin: 56px auto 0;
}

.om-home-body {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	background-color: #fff;
}

.om-home-body > .om-home-inner {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 10px 0;
}

.om-home-body .omid-home-page {
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.om-home-hero {
		margin-top: -13px;
		min-height: 0;
	}

	.om-home-hero > .dkm {
		margin: 65px auto 0;
	}
}

body.om-home-native {
	background-color: #fff;
}

/* ------------------------------------------------------------- home, en ---
   Nine stacked boxed containers (Elementor e-con-boxed). Boxed content is
   centred at 1280px with 10px inline padding on the outer container.
   Each .om-el-<id> mirrors one Elementor container or widget. */
.om-en {
	width: 100%;
	background-color: #fff;
}

.om-en-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 10px;
}

.om-en-box > .om-en-inner {
	width: 100%;
	max-width: min(100%, 1280px);
	margin: 0 auto;
	padding: 10px 0;
}

/* hero (widget 50a74f8 in container 15bb0c93, which is flush: no padding) */
.om-en-hero {
	display: flex;
	width: 100%;
	margin: 20px 0 0;
	padding: 0;
}

.om-en-hero > .om-en-inner {
	padding: 0;
}

.om-en-hero > .om-en-inner > .dkm-mari {
	margin: 46px auto 0;
}

/* per-container offsets ported from post-26132.css */
.om-cnt-73bf419 { margin: 0; }
.om-cnt-fae2542 { margin: -16px 0 0; }
.om-cnt-fae2542 > .om-en-inner { padding: 0; }
.om-cnt-92c901e { margin: 0; }
.om-cnt-27d5f17 { margin: -20px 0 0; }
.om-cnt-84e40f2 {
	margin: -68px 0 0;
	background-color: rgba(206, 206, 206, 0.09);
}
.om-cnt-84e40f2 > .om-en-inner { padding: 0; }
.om-cnt-917a871 { margin: -3px 0 0; }
.om-cnt-917a871 > .om-en-inner { padding: 0; }
.om-cnt-1b798ad { margin: -125px 0 0; }
.om-cnt-1b798ad > .om-en-inner { padding: 0; }
.om-cnt-44a431d { margin: 0; }
.om-cnt-dedbe39 { margin: 0; }

.om-w-4767cb5 { margin: 0; }
.om-w-d89938d { margin: 0; }

@media (max-width: 1024px) {
	.om-cnt-1b798ad { margin: -90px 0 0; }
}

@media (max-width: 767px) {
	.om-en-hero > .om-en-inner > .dkm-mari { margin: 39px auto 0; }
	.om-w-4767cb5 { margin: -10px 0 0; }
	.om-cnt-84e40f2 { margin: -60px -1px -1px; }
	.om-cnt-1b798ad { margin: -90px 0 0; }
}

/* ------------------------------------------------------------------- RTL ---
   The English blocks are authored LTR; keep the negative-margin stack honest in
   both directions by never flipping inline axes here. */
html[dir="ltr"] .om-chrome-footer,
html[dir="rtl"] .om-chrome-footer {
	padding-inline: 10px;
}

/* ------------------------------------------------------- icon-sized buttons ---
 * The parent theme's reset gives every button `padding:.5rem 1rem`, a pink
 * border and `box-sizing:border-box`. Three separate stylesheets then declare a
 * fixed square for the copy-to-clipboard button — .omSide (40x40, 18px icon),
 * om-archive.css (40x40, 18px) and om-woocommerce.css (36x36, 14px) — and none of
 * them resets the padding. With border-box that leaves an 8px (or 4px) content
 * box, and the icon, being a shrinkable flex item, collapses to fit it: measured
 * on the live site at 6x18 instead of 18x18.
 *
 * One rule here covers all three, because they share the class. It wins on
 * specificity (0,2,0 against the reset's element selector), not on load order.
 * flex:0 0 auto on the icon is the belt: even if padding creeps back in, the SVG
 * keeps its box.
 */
button.copyBtn {
	padding: 0;
}

button.copyBtn svg {
	flex: 0 0 auto;
}