/* ===============================
   MODALITÀ ACTIVITIES — override
   =============================== */

body.activities .global-map {
  border-top: 3px solid #007bff;
}

/* Nascondi elementi foto */
body.activities .photo-marker,
body.activities .photo-cluster,
body.activities .gp-cluster,
body.activities .cluster-back,
body.activities .cluster-front,
body.activities .cluster-collage {
  display: none !important;
}

/* ===============================
   MARKER ATTIVITÀ
   =============================== */

.activity-start-marker {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #ffffff;
  border: 3px solid #2b8cff;
  border-radius: 50%;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);

  font-size: 20px;
}

.activity-marker-run { border-color: #2b8cff; }
.activity-marker-bike { border-color: #3cb44b; }
.activity-marker-walk { border-color: #f58231; }
.activity-marker-generic { border-color: #911eb4; }

/* ===============================
   CLUSTER ATTIVITÀ
   =============================== */

.activity-cluster {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #2b8cff;
  color: #fff;

  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);

  font-size: 15px;
  font-weight: 700;
}

/* ===============================
   POPUP ATTIVITÀ
   =============================== */

.activity-map-popup {
  min-width: 180px;
}

.activity-map-popup strong {
  display: block;
  margin-bottom: 4px;
}

.activity-popup-open {
  margin-top: 8px;
  padding: 6px 10px;

  background: #2b8cff;
  color: #fff;

  border: 0;
  border-radius: 8px;

  cursor: pointer;

  font-size: 13px;
  font-weight: 600;
}

.activity-popup-open:hover {
  background: #126fd1;
}

/* ===============================
   ACTIVITIES — thumbs rettangolari
   =============================== */
/*
body.activities .activity-start-marker {
  width: 48px;
  height: 48px;

  border-radius: 10px;
  overflow: hidden;

  background: #ffffff;
  border: 3px solid #2b8cff;

  box-shadow: 0 2px 6px rgba(0,0,0,0.25);

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
}*/

body.activities .activity-start-marker {
  width: 30px;
  height: 30px;

  border-radius: 50%;                 /* cerchio perfetto */
  overflow: hidden;                   /* ritaglia eventuali contenuti */

  background: #ffffff;                /* interno bianco */
  border: 3px solid #2b8cff;          /* bordo blu */

  box-shadow: 0 2px 6px rgba(0,0,0,0.25);

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;                    /* emoji/icone centrata */
  font-weight: 700;
  color: #2b8cff;                     /* colore coerente */

  position: relative;
  z-index: 0;
}

/* ===============================
   ACTIVITIES — cluster rettangolari
   =============================== */

body.activities .activity-cluster {
  width: 30px;
  height: 30px;

  border-radius: 50%;                 /* cerchio perfetto */
  overflow: hidden;                   /* ritaglia eventuali contenuti */

  background: #2b8cff;                /* colore attività */
  border: 3px solid rgba(255,255,255,0.9); /* bordo bianco identico ai cluster foto */

  box-shadow: 0 2px 8px rgba(0,0,0,0.35);  /* stessa ombra dei cluster foto */

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 13px;                    /* numero centrato */
  font-weight: 700;
  color: #fff;

  position: relative;
  z-index: 0;
}