.elementor-2106 .elementor-element.elementor-element-357d2db{--display:flex;--margin-top:00px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.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-2106 .elementor-element.elementor-element-280865c{--item-display:flex;--read-more-alignment:1;--grid-row-gap:30px;width:100%;max-width:100%;--grid-column-gap:30px;}.elementor-2106 .elementor-element.elementor-element-280865c > .elementor-widget-container{margin:02% 0% 5% 3%;padding:0px 0px 0px 0px;}.elementor-2106 .elementor-element.elementor-element-280865c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2106 .elementor-element.elementor-element-280865c:after{content:"0.66";}.elementor-2106 .elementor-element.elementor-element-280865c .elementor-post__thumbnail__link{width:100%;}.elementor-2106 .elementor-element.elementor-element-280865c .elementor-post__meta-data span + span:before{content:"///";}.elementor-2106 .elementor-element.elementor-element-280865c.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2106 .elementor-element.elementor-element-280865c.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2106 .elementor-element.elementor-element-280865c.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-2106 .elementor-element.elementor-element-357d2db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2106 .elementor-element.elementor-element-357d2db.e-con{--align-self:center;}.elementor-2106 .elementor-element.elementor-element-280865c > .elementor-widget-container{margin:11% 11% 11% 11%;}.elementor-2106 .elementor-element.elementor-element-280865c.elementor-element{--align-self:center;}.elementor-2106 .elementor-element.elementor-element-280865c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2106 .elementor-element.elementor-element-280865c:after{content:"0.5";}.elementor-2106 .elementor-element.elementor-element-280865c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-280865c *//* =========================================================
   MEDIDETOX.SE — APPLE-STYLE ELEMENTOR POSTS
   Clean cards, soft shadows, rounded corners, modern layout
========================================================= */

/* Main posts grid */
.elementor-posts-container,
.elementor-posts {
  display: grid !important;
  gap: 28px !important;
}

/* Individual post card */
.elementor-post,
.elementor-grid-item {
  background: #ffffff !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.06),
    0 2px 8px rgba(0, 0, 0, 0.03) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

/* Hover effect */
.elementor-post:hover,
.elementor-grid-item:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(18, 59, 34, 0.16) !important;
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.09),
    0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

/* Image wrapper */
.elementor-post__thumbnail__link,
.elementor-post__thumbnail {
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Post image */
.elementor-post__thumbnail img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

/* Image zoom on hover */
.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.035) !important;
}

/* Text area */
.elementor-post__text {
  padding: 24px 24px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Category / meta badge */
.elementor-post__badge,
.elementor-post__meta-data,
.elementor-post-info {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #f2f2f7 !important;
  color: #3a3a3c !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  font-size: 9px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 4px !important;
}

/* Post title */
.elementor-post__title,
.elementor-post__title a {
  color: #111111 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Arial, sans-serif !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
  font-weight: 760 !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* Title hover */
.elementor-post__title a:hover {
  color: #123b22 !important;
}

/* Excerpt */
.elementor-post__excerpt,
.elementor-post__excerpt p {
  color: #5f6368 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

/* Read more button/link */
.elementor-post__read-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  margin-top: 10px !important;
  border-radius: 999px !important;
  background: #123b22 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(18, 59, 34, 0.16) !important;
  transition:
    background 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease !important;
}

/* Read more hover */
.elementor-post__read-more:hover {
  background: #0f2f1b !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(18, 59, 34, 0.22) !important;
}

/* Optional Apple-style small arrow after read more */
.elementor-post__read-more::after {
  content: "→" !important;
  margin-left: 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Remove ugly default spacing */
.elementor-post__card {
  box-shadow: none !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}

.elementor-post__card .elementor-post__text {
  padding: 24px !important;
}

/* Pagination */
.elementor-pagination {
  margin-top: 44px !important;
  text-align: center !important;
}

.elementor-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 4px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.elementor-pagination .page-numbers.current {
  background: #1d1d1f !important;
  color: #ffffff !important;
  border-color: #1d1d1f !important;
}

/* Tablet */
@media (max-width: 1020px) {
  .elementor-post__thumbnail img {
    height: 230px !important;
  }

  .elementor-post__text {
    padding: 22px !important;
  }

  .elementor-post__title,
  .elementor-post__title a {
    font-size: 25px !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .elementor-posts-container,
  .elementor-posts {
    gap: 20px !important;
  }

  .elementor-post,
  .elementor-grid-item,
  .elementor-post__card {
    border-radius: 24px !important;
  }

  .elementor-post__thumbnail img {
    height: 220px !important;
  }

  .elementor-post__text,
  .elementor-post__card .elementor-post__text {
    padding: 20px !important;
  }

  .elementor-post__title,
  .elementor-post__title a {
    font-size: 25px !important;
  }

  .elementor-post__excerpt,
  .elementor-post__excerpt p {
    font-size: 14px !important;
  }

  .elementor-post__read-more {
    width: 100% !important;
    min-height: 48px !important;
  }
}/* End custom CSS */