/* ---------- Soft-UI variables ---------- */
:root{
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --pill: 9999px;
  --shadow-soft: 0 6px 24px rgba(0,0,0,.10);
  --shadow-tiny: 0 2px 10px rgba(0,0,0,.08);
}

/* ---------- Header & nav ---------- */
.site-header, #masthead, .main-header{
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
  overflow: hidden;                 /* keeps background/image clipped to radius */
  box-shadow: var(--shadow-soft);
}

/* make the menu a rounded "pill" bar */
.main-navigation, .navbar, .site-nav, .menu-primary{
  border-radius: var(--pill);
  overflow: hidden;
  box-shadow: var(--shadow-tiny);
}

/* menu items as soft tabs */
.main-navigation a, .navbar a, .menu a{
  border-radius: var(--pill);
  padding: .55rem .9rem;
}
.main-navigation .current-menu-item > a,
.main-navigation a:hover{
  background: rgba(255,255,255,.12);
}

/* ---------- Post cards / article boxes ---------- */
.hentry, .post, .type-post, .card, .entry, .blog .post, .archive .post{
  background: #fff;
  border: 0 !important;
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0;
}

/* featured thumbnails and images also rounded */
.post-thumbnail img, .entry-thumbnail img, .wp-post-image, .entry-content img{
  border-radius: var(--radius-sm);
}

/* small “carousel/slider” cards at the top */
.slick-slide .post, .swiper-slide .post, .featured-post, .post-teaser{
  border-radius: var(--radius);
  box-shadow: var(--shadow-tiny);
  overflow: hidden;
}

/* ---------- Widgets / sidebar ---------- */
.widget, .sidebar .widget, .wp-block-group{
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-tiny);
  padding: 1rem 1.25rem;
  border: 0;
}

/* ---------- Buttons, search, pills ---------- */
button, .button, .wp-block-button__link,
input[type="submit"], .pagination a, .page-numbers{
  border-radius: var(--pill) !important;
  box-shadow: var(--shadow-tiny);
}
input[type="search"], input[type="text"], .search-form input{
  border-radius: var(--pill);
}

/* ---------- Section transitions (less “hard” seams) ---------- */
.site-content, .content-area{
  background: linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.03));
}
hr{
  border: 0; height: 1px; border-radius: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.15), transparent);
  opacity: .6;
}

/* ---------- Mobile tweaks ---------- */
@media (max-width: 782px){
  .site-header, #masthead{ border-radius: 0 0 var(--radius) var(--radius); }
  .hentry, .post, .card{ border-radius: var(--radius-sm); }
  .main-navigation{ border-radius: var(--pill); }
}