.elementor-2575 .elementor-element.elementor-element-21f8510{--display:flex;--margin-top:-134px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2575 .elementor-element.elementor-element-cee59aa{--display:flex;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3531db5 */:root {
  --xenex-bg: #050819;          /* background card */
  --xenex-primary: #0086d1;     /* βασικό μπλε Xenex */
  --xenex-accent: #f4b000;      /* accent */
  --xenex-text: #f5f7fb;        /* ανοιχτό κείμενο */
  --xenex-muted: #9ca3af;       /* δευτερεύον κείμενο */
}

/* Βασικό layout */

.coverage-section {
  padding: 80px 0;
  background: radial-gradient(circle at top left, rgba(0,134,209,0.25), transparent 60%),
              radial-gradient(circle at bottom right, rgba(244,176,0,0.15), transparent 60%),
              #020617;
  color: var(--xenex-text);
}

.coverage-section .coverage-content > h2 {
  font-size: 2.2rem;
  margin-bottom: 8px;
}

.coverage-section .coverage-content > p {
  color: var(--xenex-muted);
  margin-bottom: 32px;
}

.coverage-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 32px;
  align-items: stretch;
}

@media (max-width: 900px) {
  .coverage-layout {
    grid-template-columns: 1fr;
  }
}

/* Λίστες περιοχών */

.coverage-lists {
  display: grid;
  gap: 24px;
}

.location-group h4 {
  font-size: 1.1rem;
  margin-bottom: 8px;
  color: var(--xenex-accent);
}

.location-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.location-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
  color: var(--xenex-muted);
  font-size: 0.95rem;
}

.location-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--xenex-primary), var(--xenex-accent));
  box-shadow: 0 0 0 4px rgba(0,134,209,0.15);
}

/* Κάρτα χάρτη */

.coverage-map-card {
  background: radial-gradient(circle at top, rgba(0,134,209,0.18), transparent 60%),
              rgba(15,23,42,0.95);
  border-radius: 24px;
  padding: 20px 20px 18px;
  box-shadow:
    0 18px 45px rgba(0,0,0,0.65),
    0 0 0 1px rgba(148,163,184,0.18);
  border: 1px solid rgba(15,23,42,0.9);
  backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.coverage-map-header h3 {
  font-size: 1.1rem;
  margin-bottom: 4px;
}

.coverage-map-header p {
  font-size: 0.9rem;
  color: var(--xenex-muted);
  margin-bottom: 8px;
}

/* Legend */

.coverage-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 0.85rem;
}

.legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--xenex-muted);
}

.legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(15,23,42,0.9);
}

.legend-base {
  background: var(--xenex-primary);
}

.legend-partner {
  background: var(--xenex-accent);
}

/* Χάρτης */

#xenex-map {
  width: 100%;
  height: 320px;
  border-radius: 18px;
  overflow: hidden;
  margin-top: 6px;
  box-shadow:
    0 16px 35px rgba(0,0,0,0.7),
    0 0 0 1px rgba(30,64,175,0.4);
}

/* Leaflet skin για να “δέσει” με το dark theme */

.leaflet-container {
  background: #020617;
  font-family: inherit;
}

.leaflet-control-attribution {
  font-size: 10px;
  color: var(--xenex-muted);
}

.leaflet-bar a {
  background: rgba(15,23,42,0.95);
  border-color: rgba(51,65,85,0.8);
  color: var(--xenex-text);
}

.leaflet-bar a:hover {
  background: rgba(30,64,175,0.95);
}

/* Custom στρογγυλές “πινέζες” */

.xenex-marker {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid #020617;
  box-shadow: 0 0 0 4px rgba(15,23,42,0.85);
}

.xenex-marker.base {
  background: var(--xenex-primary);
}

.xenex-marker.partner {
  background: var(--xenex-accent);
}/* End custom CSS */