html{
	font-size:10px !important;
}
html, body {
    overflow-x: clip;
}



/* HELIA REDESIGN - START */

/*  Buttonzzzz system */

.btn {
  --btn-bg: transparent;
  --btn-fill: transparent;
  --btn-color: #201E1F;
  --btn-color-hover: #201E1F;
  --btn-icon: var(--btn-color);
  --btn-icon-hover: var(--btn-color-hover);
  --btn-border: transparent;
  --btn-border-hover: var(--btn-border);
}

/* ---------- Base: the real button is the inner <a> ---------- */
.btn .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 168px;
  max-width: 320px;
  padding: 0.7em 2em !important;

  font-family: 'Peyda', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 28px !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;

  position: relative;
  isolation: isolate;
  overflow: hidden;
  cursor: pointer;
  color: var(--btn-color) !important;
  background-color: var(--btn-bg) !important;
  border: 1px solid var(--btn-border) !important;
  border-radius: 30px !important;
  transition: color .3s ease, border-color .3s ease, transform .3s ease !important;
}

/* Icon + text row */
.btn .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.btn .elementor-button-text {
  color: inherit !important;
}

/* ---------- Hover fill layer: expands from the center ---------- */
.btn .elementor-button::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  background-color: var(--btn-fill);
  opacity: 0;
  z-index: -1;
  transition: all .5s ease;
}

.btn .elementor-button:hover,
.btn .elementor-button:focus-visible {
  color: var(--btn-color-hover) !important;
  border-color: var(--btn-border-hover) !important;
}

.btn .elementor-button:hover::before,
.btn .elementor-button:focus-visible::before {
  left: 0;
  right: 0;
  opacity: 1;
}

.btn .elementor-button:active {
  transform: scale(.9);
}

/* ---------- Icon---------- */
.btn .elementor-button-icon {
  display: flex !important;
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--btn-icon);
  transition: color .3s ease;
}

.btn .elementor-button-icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.btn .elementor-button-icon svg path {
  stroke: currentColor !important;
}
.btn .elementor-button-icon svg[fill="none"] path[fill]:not([stroke]) {
  fill: currentColor !important;
}

.btn .elementor-button:hover .elementor-button-icon,
.btn .elementor-button:focus-visible .elementor-button-icon {
  color: var(--btn-icon-hover);
}

/* ---------- Variant 1: dark solid ---------- */
.btn--dark {
  --btn-bg: #201E1F;
  --btn-fill: #636162;
  --btn-color: #F5D415;
  --btn-color-hover: #F5D415;
  --btn-border: #201E1F;
  --btn-border-hover: #636162;
}

/* ---------- Variant 2: dark outline ---------- */
.btn--outline {
  --btn-bg: transparent;
  --btn-fill: #201E1F;
  --btn-color: #201E1F;
  --btn-color-hover: #F5D415;
  --btn-border: #201E1F;
}

/* ---------- Variant 3: yellow solid ---------- */
.btn--yellow {
  --btn-bg: #F5D415;
  --btn-fill: #FBEEA1;
  --btn-color: #201E1F;
  --btn-color-hover: #201E1F;
  --btn-border: #F5D415;
  --btn-border-hover: #FBEEA1;
}

/* ---------- Variant 4: yellow outline (yellow icon, dark text) ---------- */
.btn--outline-yellow {
  --btn-bg: transparent;
  --btn-fill: #F5D415;
  --btn-color: #201E1F;
  --btn-color-hover: #201E1F;
  --btn-icon: #F5D415;
  --btn-icon-hover: #201E1F;
  --btn-border: #F5D415;
}

@media (prefers-reduced-motion: reduce) {
  .btn .elementor-button,
  .btn .elementor-button::before,
  .btn .elementor-button-icon { transition: none !important; }
}







/* header */
/* Header base (all pages): solid dark, white menu */
.site-header {
  --hdr-bg: #030303;
  --hdr-menu: #fff !important;
  --hdr-menu-hover: #A6A5A5 !important;
  --hdr-btn: #fff !important;
  --hdr-muted: #A6A5A5 !important;
  --hdr-yellow: #F5D415;
  background-color: var(--hdr-bg) !important;
  overflow: visible !important;
  transition: background-color .3s ease !important;
}

.site-header .e-con-inner { overflow: visible !important; }

/* Home: floating header, transparent only at the top */
body.home .site-header {
  position: fixed !important;
  top: 16px !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  z-index: 999 !important;
}

body.home.hdr-top .site-header {
  --hdr-bg: transparent;
  --hdr-menu: #201E1F;
  --hdr-menu-hover: #636162;
  --hdr-btn: #201E1F;
}

/* Logo swap */
.site-header .dark-logo { display: none !important; }
.site-header .light-logo { display: block !important; }
body.home.hdr-top .site-header .dark-logo { display: block !important; }
body.home.hdr-top .site-header .light-logo { display: none !important; }

/* Menu */
.site-header .header-menu .elementor-icon-list-item { cursor: pointer; }

.site-header .header-menu .elementor-icon-list-text,
.site-header .header-menu .elementor-icon-list-item a {
  color: var(--hdr-menu) !important;
  transition: color .3s ease !important;
}

.site-header .header-menu .elementor-icon-list-item:hover .elementor-icon-list-text,
.site-header .header-menu .elementor-icon-list-item:hover a {
  color: var(--hdr-menu-hover) !important;
}

/* Search */
.site-header .behido-ajax-search-box {
  border: 1px solid var(--hdr-muted) !important;
  transition: border-color .3s ease !important;
}

.site-header .behido-ajax-search-box:focus-within {
  border-color: var(--hdr-yellow) !important;
}

.site-header .behido-ajax-search-input {
  font-family: 'Peyda', sans-serif !important;
  color: var(--hdr-muted) !important;
  background: transparent !important;
  border: 0 !important;
}

.site-header .behido-ajax-search-input::placeholder {
  font-family: 'Peyda', sans-serif !important;
  color: var(--hdr-muted) !important;
  opacity: 1 !important;
}

.site-header .behido-ajax-search-icon svg path { fill: var(--hdr-muted) !important; }

/* No focus outline/shadow */
.site-header .behido-ajax-search-input:focus,
.site-header .behido-ajax-search-input:focus-visible,
.site-header .behido-ajax-search-icon:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* btn-peygiri */
.site-header .btn-peygiri .elementor-button,
.site-header .btn-peygiri .elementor-button-text {
  color: var(--hdr-btn) !important;
  transition: color .3s ease !important;
}

.btn-peygiri .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.btn-peygiri .elementor-button-icon svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
}

/* Divider: 1280px + #625508 by default, full width + #E2D0A4 on home top */
.site-header .divider {
  align-self: center !important;
  width: min(1280px, 100vw) !important;
  max-width: none !important;
  transition: width .6s cubic-bezier(.65, 0, .35, 1) !important;
}

.site-header .divider .elementor-widget-container,
.site-header .divider .elementor-divider { width: 100% !important; }

.site-header .divider .elementor-divider-separator {
  display: block !important;
  width: 100% !important;
  border-top-color: #625508 !important;
  transition: border-color .4s ease !important;
}

body.home.hdr-top .site-header .divider { width: 100vw !important; }

body.home.hdr-top .site-header .divider .elementor-divider-separator {
  border-top-color: #E2D0A4 !important;
}

/* Avoid horizontal scrollbar from 100vw */
html, body { overflow-x: clip; }

/* END */


/* footer */
.address .elementor-icon-list-icon svg path {
  stroke: #F5D415 !important;
}

/* END */