.elementor-3834 .elementor-element.elementor-element-749ade4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3834 .elementor-element.elementor-element-749ade4:not(.elementor-motion-effects-element-type-background), .elementor-3834 .elementor-element.elementor-element-749ade4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BDE5DD;background-image:url("https://bonnywashy.hu/wp-content/uploads/2025/06/bubi-hatter-new-opt-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3834 .elementor-element.elementor-element-749ade4 > .elementor-shape-top svg, .elementor-3834 .elementor-element.elementor-element-749ade4 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:130px;}.elementor-3834 .elementor-element.elementor-element-749ade4 > .elementor-shape-bottom svg, .elementor-3834 .elementor-element.elementor-element-749ade4 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:100px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3834 .elementor-element.elementor-element-fd0410a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3834 .elementor-element.elementor-element-fd0410a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3834 .elementor-element.elementor-element-fd0410a:after{content:"0.66";}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__thumbnail__link{width:100%;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__meta-data span + span:before{content:"•";}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__text{margin-top:20px;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__badge{right:0;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__card .elementor-post__badge{background-color:#CC7938;color:#FFFFFF;margin:20px;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__read-more{color:#54595F;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-3834 .elementor-element.elementor-element-fd0410a > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3834 .elementor-element.elementor-element-fd0410a:after{content:"0.5";}.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-749ade4 */.page_head img, .post_head img {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.page_head {
    background: #d1f1e9!important;
}

/* -------------------------------------
   🧼 BonnyWashy buborékos blogkártyák
-------------------------------------- */

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0px;
}

.elementor-3834 .elementor-element.elementor-element-fd0410a .elementor-posts-container .elementor-post__thumbnail {
    border-radius: 60% 40% 65% 35% / 50% 60% 40% 50%;
    /*border: 3px solid white;
    box-shadow: 0 0 5px rgb(255 255 255);*/
}

.elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {
    border-radius: 60% 40% 65% 35% / 50% 60% 40% 50%;;
}

.elementor-grid .elementor-grid-item {
    padding: 15px!important;
}

/* 1. Eltávolítjuk az Elementor alap stílusait a kártyákról */
.elementor-post__card {
  position: relative;
  padding: 2rem;
  border-radius: 50px;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible!important;
  z-index: 0;
  transition: transform 0.3s ease;
}

/* 2. Buborék alakú háttér minden kártyához */
.elementor-post__card::before {
  content: '';
  position: absolute;
  top: -25px;
  left: -25px;
  width: calc(100% + 50px);
  height: calc(100% + 50px);
  background: radial-gradient(circle at 30% 30%, #ffe5c0, #ffbc82);
  border-radius: 50% 40% 60% 30% / 40% 50% 30% 60%;
  z-index: -1;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.12), inset 0 0 40px #fff7ee;
  background-image:
    radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.25) 10px, transparent 11px),
    radial-gradient(circle at 90% 30%, rgba(255, 255, 255, 0.2) 8px, transparent 9px),
    radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.2) 6px, transparent 7px);
  background-repeat: no-repeat;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* 3. Hover effekt: lebegés + világosítás */
.elementor-post__card:hover {
  transform: translateY(-5px);
}

.elementor-post__card:hover::before {
  transform: scale(1.03);
  filter: brightness(1.05);
}

/* 4. Avatar stílus */
.elementor-post__avatar img {
  border-radius: 50%;
  border: 3px solid #fff7ee;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* 5. Cím és leírás stílus */
.elementor-post__title {
  font-weight: bold;
  font-size: 1.2rem;
  margin-top: 1rem;
  color: #212121;
}

.elementor-post__excerpt p {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

/* 6. "Olvass tovább" link */
.elementor-post__read-more {
  color: #cc7938;
  font-weight: bold;
  text-decoration: none;
}

/* 7. Mobil barát buborék */
@media screen and (max-width: 768px) {
  .elementor-post__card::before {
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 40%;
  }
}

/* -------------------------------------
   🔓 Fontos: Ne legyen levágva a buborék
-------------------------------------- */

/* Szülő konténerek engedjék kilógni a buborékot */
.elementor-posts-container,
.elementor-grid,
.elementor-column,
.elementor-widget-container,
.elementor-section,
.elementor-container {
  overflow: visible !important;
  z-index: 1;
}

/* Extra margó a kártyák között, hogy legyen tér a buboréknak */
.elementor-grid .elementor-grid-item {
  padding: 10px;
}

/* -------------------------------------
   🎨 Buborékszín kategóriánként
-------------------------------------- */

/* Illatosítás – narancsos árnyalat */
.category-illatositas-es-frissesseg-megorzese .elementor-post__card::before {
  background: radial-gradient(circle at 30% 30%, #ffe5c0, #ffb078);
}

/* Mosodai szolgáltatás – mentazöld */
.category-mosodai-szolgaltatas-bemutatasa .elementor-post__card::before {
  background: radial-gradient(circle at 30% 30%, #d0f8e2, #9be2c4);
}

/* Mosási tippek – rózsaszínes */
.category-mosasi-tippek-trukkok .elementor-post__card::before {
  background: radial-gradient(circle at 30% 30%, #ffd8e0, #f6a4b5);
}/* End custom CSS */