:root{
  --sx-blue:#083766;
  --sx-rose:#E04F6A;
  --sx-soft:#F7F8FA;
  --sx-border:#eaeaea;
}

/* Optional generic bits (can stay if you like) */
.sx-section{
  background:#fff;
  border:1px solid var(--sx-border);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(8,55,102,.06);
  padding:22px;
  margin:24px 0;
}
.sx-title{
  font-size:22px;
  font-weight:700;
  color:#1B1B1B;
  margin:0 0 12px;
}
.sx-badge{
  display:inline-block;
  background:#fcebf0;
  color:var(--sx-rose);
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
}
.sx-muted{color:#666}

/* =================================
   SEGEX Calendar – wrapper & filter
   ================================= */

.sx-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:28px 18px 60px;
  font-family:"Libre Franklin",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Filter row */
.sx-filter{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:16px;
  margin-bottom:22px;
}

/* Month & Country labels */
.sx-filter label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#1b2a3a;
  margin-bottom:4px;
}

/* Month + Country inputs (pill style) */
.sx-filter input[type="month"],
.sx-filter select{
  min-width:190px;
  border-radius:999px;
  border:1px solid #e4e4e7;
  padding:8px 14px;
  font-size:14px;
  color:#1b2a3a;
  background:#ffffff;
  outline:none;
  box-shadow:none;
  appearance:none;
}

/* Base button style: Filter / Prev / Next / Month / List */
.sx-filter button{
  border-radius:999px;
  border:1px solid #f6c2cf;
  background:#fff0f3;
  color:#b53b5a;
  font-size:13px;
  font-weight:700;
  padding:8px 16px;
  cursor:pointer;
  outline:none;
  box-shadow:none;
  transition:background .15s ease, transform .08s ease;
}
.sx-filter button:hover{
  background:#ffe6ec;
  transform:translateY(-1px);
}
.sx-filter button:active{
  transform:translateY(0);
}

/* Active “view” buttons (Month / List) */
.sx-filter .sx-view-toggle button.is-active{
  border-color:transparent;
  background:linear-gradient(90deg,#e96b86,#ef8396);
  color:#ffffff;
}

/* Extra breathing room above the grid */
.sx-grid{
  margin-top:10px;
}
/* On country pages, hide the country selector in the calendar header */
.segex-calendar-embed--country .segex-calendar-filter-country,
.segex-calendar-embed--country .segex-calendar-filter-country-label {
    display: none !important;
}