:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://www.herabutor.hu/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.wd-post-meta {display:none!important;}

.wd-prefooter  {display:none!important;}


/* Héra Bútor – WoodMart kategóriamenü ikonok */

.wd-header-cats .wd-nav-img,
.wd-nav-vertical .wd-nav-img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain;
    flex-shrink: 0;
    margin-right: 20px !important;
}




/* =====================================
   HERA BÚTOR – BLOG TIPOGRÁFIA
   ===================================== */

/* 1. Alap szöveg */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) {
  font-size: 17px;
  line-height: 1.8;
  color: #343434;
  overflow-wrap: break-word;
}

/* 2. Bekezdések */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) p {
  font-size: inherit;
  line-height: inherit !important;
  margin: 0 0 10px !important;
  text-align: justify;
  hyphens: auto;
}

/* 3. Alcímek */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) h2 {
  font-size: 27px;
  line-height: 1.35;
  font-weight: 700;
  margin: 38px 0 16px !important;
  color: #242424;
}

body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  margin: 28px 0 12px !important;
}

/* 4. Felsorolások */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) ul:not(.wp-block-navigation__container) {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 10px 0 22px !important;
}

/* 5. Egyedi pipás listaelemek */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) ul:not(.wp-block-navigation__container) > li {
  position: relative;
  list-style: none !important;
  padding-left: 32px !important;
  margin-bottom: 11px !important;
  line-height: 1.65 !important;
}

/* Pipa ikon */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) ul:not(.wp-block-navigation__container) > li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #e8eee7;
  color: #53724e;
  font-size: 13px;
  font-weight: 700;
}

/* 6. Számozott listák */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) ol {
  padding-left: 27px !important;
  margin: 10px 0 22px !important;
}

body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) ol > li {
  padding-left: 5px;
  margin-bottom: 10px !important;
  line-height: 1.7 !important;
}

/* 7. Kiemelések */
body.single-post :is(
  .entry-content,
  .wp-block-post-content,
  .wd-entry-content
) strong {
  color: #262626;
  font-weight: 700;
}

/* 8. Nagyobb betűk desktopon */
@media (min-width: 1024px) {
  body.single-post :is(
    .entry-content,
    .wp-block-post-content,
    .wd-entry-content
  ) {
    font-size: 18px;
    line-height: 1.85;
  }
}

/* 9. Mobilos megjelenés */
@media (max-width: 767px) {
  body.single-post :is(
    .entry-content,
    .wp-block-post-content,
    .wd-entry-content
  ) {
    font-size: 16px;
    line-height: 1.7;
  }

  body.single-post :is(
    .entry-content,
    .wp-block-post-content,
    .wd-entry-content
  ) p {
    text-align: left;
    margin-bottom: 15px !important;
  }

  body.single-post :is(
    .entry-content,
    .wp-block-post-content,
    .wd-entry-content
  ) h2 {
    font-size: 23px;
    margin: 30px 0 13px !important;
  }

  body.single-post :is(
    .entry-content,
    .wp-block-post-content,
    .wd-entry-content
  ) h3 {
    font-size: 20px;
  }
}



/* =====================================
   KIEG
   ===================================== */


/* HÉRA BÚTOR – Rólunk oldal: blogstílus */

.hera-rolunk.entry-content {
    font-size: 17px;
    line-height: 1.8;
    color: #343434;
    overflow-wrap: break-word;
}

.hera-rolunk.entry-content p {
    font-size: inherit;
    line-height: inherit !important;
    margin: 0 0 10px !important;
    text-align: justify;
    hyphens: auto;
}

.hera-rolunk.entry-content h2 {
    font-size: 27px;
    line-height: 1.35;
    font-weight: 700;
    margin: 38px 0 16px !important;
    color: #242424;
}

.hera-rolunk.entry-content h3 {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    margin: 28px 0 12px !important;
}

.hera-rolunk.entry-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 10px 0 22px !important;
}

.hera-rolunk.entry-content ul > li {
    position: relative;
    list-style: none !important;
    padding-left: 32px !important;
    margin-bottom: 11px !important;
    line-height: 1.65 !important;
}

.hera-rolunk.entry-content ul > li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #e8eee7;
    color: #53724e;
    font-size: 13px;
    font-weight: 700;
}

.hera-rolunk.entry-content strong {
    color: #262626;
    font-weight: 700;
}

@media (min-width: 1024px) {
    .hera-rolunk.entry-content {
        font-size: 18px;
        line-height: 1.85;
    }
}

@media (max-width: 767px) {
    .hera-rolunk.entry-content {
        font-size: 16px;
        line-height: 1.7;
    }

    .hera-rolunk.entry-content p {
        text-align: left;
        margin-bottom: 15px !important;
    }

    .hera-rolunk.entry-content h2 {
        font-size: 23px;
        margin: 30px 0 13px !important;
    }

    .hera-rolunk.entry-content h3 {
        font-size: 20px;
    }
}


.hera-rolunk.entry-content h2 {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;
}

.hera-rolunk.entry-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 45%;
    height: 2px;
    background: #78a932;
}


/* COOKIE */
/* ============================= */
/* COOKIEYES ZÖLDÍTÉS */
/* ============================= */

:root {
  --cky-green: #83b735;
  --cky-green-dark: #83b735;
}

/* ===== PANEL MARAD FEHÉR ===== */
.cky-consent-container,
.cky-modal {
  background: #ffffff !important;
}

/* ===== LINKEK ===== */
.cky-consent-container a,
.cky-modal a,
.cky-show-desc-btn {
  color: var(--cky-green) !important;
}

/* ===== PRIMARY (Elfogadás) ===== */
.cky-btn-primary,
.cky-btn-accept {
  background: var(--cky-green) !important;
  border-color: var(--cky-green) !important;
  color: #ffffff !important;
}

.cky-btn-primary:hover,
.cky-btn-accept:hover {
  background: var(--cky-green-dark) !important;
  border-color: var(--cky-green-dark) !important;
  color: #ffffff !important;
}

/* ===== SECONDARY / SAVE ===== */
.cky-btn-secondary,
.cky-btn-save,
.cky-btn-reject,
.cky-btn-customize {
  background: #ffffff !important;
  border: 2px solid var(--cky-green) !important;
  color: var(--cky-green) !important;
}

.cky-btn-secondary:hover,
.cky-btn-save:hover,
.cky-btn-reject:hover,
.cky-btn-customize:hover {
  background: var(--cky-green) !important;
  color: #ffffff !important;
}

/* ===== TOGGLE ===== */
.cky-switch input:checked + .cky-slider {
  background-color: var(--cky-green) !important;
}

/* ===== LEBEGŐ IKON ===== */
.cky-btn-revisit-wrapper {
  background: var(--cky-green) !important;
  border-color: var(--cky-green) !important;
}

.cky-btn-revisit-wrapper svg,
.cky-btn-revisit-wrapper svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ===== FÓKUSZJELÖLÉS ===== */
.cky-consent-container *:focus,
.cky-modal *:focus {
  outline-color: var(--cky-green) !important;
  box-shadow: 0 0 0 3px rgba(131, 183, 53, 0.30) !important;
}

/* ===== BEÁLLÍTÁSOK MENTÉSE ===== */
.cky-consent-container .cky-btn-preferences,
.cky-modal .cky-btn-preferences,
.cky-consent-container .cky-btn-save-preferences,
.cky-modal .cky-btn-save-preferences,
.cky-consent-container button[aria-label*="Mentse"],
.cky-modal button[aria-label*="Mentse"] {
  background: #ffffff !important;
  border: 2px solid var(--cky-green) !important;
  color: var(--cky-green) !important;
}

.cky-consent-container .cky-btn-preferences *,
.cky-modal .cky-btn-preferences *,
.cky-consent-container .cky-btn-save-preferences *,
.cky-modal .cky-btn-save-preferences * {
  color: var(--cky-green) !important;
}

.cky-consent-container .cky-btn-preferences:hover,
.cky-modal .cky-btn-preferences:hover,
.cky-consent-container .cky-btn-save-preferences:hover,
.cky-modal .cky-btn-save-preferences:hover,
.cky-consent-container button[aria-label*="Mentse"]:hover,
.cky-modal button[aria-label*="Mentse"]:hover {
  background: var(--cky-green) !important;
  border-color: var(--cky-green) !important;
  color: #ffffff !important;
}

.cky-consent-container .cky-btn-preferences:hover *,
.cky-modal .cky-btn-preferences:hover *,
.cky-consent-container .cky-btn-save-preferences:hover *,
.cky-modal .cky-btn-save-preferences:hover * {
  color: #ffffff !important;
}

.popmake-title {
  display: none;
}
