.elementor-5039 .elementor-element.elementor-element-324a664{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5039 .elementor-element.elementor-element-1d32d2a{text-align:center;}.elementor-5039 .elementor-element.elementor-element-1d32d2a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:600;color:#000000;}.elementor-5039 .elementor-element.elementor-element-e9e64c7{width:var( --container-widget-width, 98.648% );max-width:98.648%;--container-widget-width:98.648%;--container-widget-flex-grow:0;}.elementor-5039 .elementor-element.elementor-element-e9e64c7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-5039 .elementor-element.elementor-element-e9e64c7{width:var( --container-widget-width, 615.237px );max-width:615.237px;--container-widget-width:615.237px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-5039 .elementor-element.elementor-element-324a664{--content-width:100%;}}@media(max-width:767px){.elementor-5039 .elementor-element.elementor-element-1d32d2a .elementor-heading-title{font-size:25px;}}/* Start custom CSS for heading, class: .elementor-element-1d32d2a */.bp-visitors-week-grouped {
    margin-top: 20px;
}
.bp-visitor-day-title {
    color: #0073aa;
    font-weight: 700;
    margin: 25px 0 10px;
}
.bp-visitors-day-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}
.bp-visitor-grid-item {
    background: transparent;
    border: 1px solid #0073aa;
    border-radius: 10px;
    padding: 10px;
    transition: background 0.2s ease;
}
.bp-visitor-grid-item:hover {
    background: rgba(0,115,170,0.1);
}
.bp-visitor-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}
.bp-visitor-avatar img {
    border-radius: 50%;
    border: 2px solid #0073aa;
    width: 70px;
    height: 70px;
    margin-right: 15px;
}
.bp-visitor-info {
    flex: 1;
}
.bp-visitor-type {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #0073aa;
    padding: 2px 6px;
    border-radius: 4px;
    margin-bottom: 4px;
}
.bp-visitor-name {
    font-weight: 600;
    color: #0073aa;
    display: block;
    margin-bottom: 4px;
}
.bp-visitor-location, .bp-visitor-distance {
    display: block;
    font-size: 13px;
    color: #555;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e9e64c7 *//* === Weekly Visitors Wrapper === */
.bp-visitors-week-grouped {
  margin-top: 20px;
}

/* === Date Headings (Full-width gradient + color cycle) === */
.bp-visitor-day-title {
  width: 100%;
  color: #fff;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 10px;
  margin: 30px 0 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  display: block;
  transition: background 0.4s ease;
}

/* === Gradient color rotation for each day === */
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n+1) {
  background: linear-gradient(90deg, #0073aa, #1a73e8);
}
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n+2) {
  background: linear-gradient(90deg, #1a73e8, #00a8a8);
}
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n+3) {
  background: linear-gradient(90deg, #00a8a8, #9b51e0);
}
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n+4) {
  background: linear-gradient(90deg, #9b51e0, #e63946);
}
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n+5) {
  background: linear-gradient(90deg, #e63946, #fca311);
}
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n+6) {
  background: linear-gradient(90deg, #fca311, #2a9d8f);
}
.bp-visitors-week-grouped h3.bp-visitor-day-title:nth-of-type(7n) {
  background: linear-gradient(90deg, #2a9d8f, #0073aa);
}

/* Hover effect */
.bp-visitor-day-title:hover {
  filter: brightness(1.15);
}

/* === Visitors Grid (3 per row desktop, responsive) === */
.bp-visitors-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 20px;
}

/* Responsive: 2 per row on tablet */
@media (max-width: 1024px) {
  .bp-visitors-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive: 1 per row on mobile */
@media (max-width: 680px) {
  .bp-visitors-grid {
    grid-template-columns: 1fr;
  }
}

/* === Visitor Card (Dark Navy) === */
.bp-visitor-card {
  background: #16213e;
  color: #ffffff;
  border-radius: 14px;
  padding: 15px 20px;
  border: 1px solid #0e1630;
  transition: background 0.25s ease, transform 0.25s ease;
}
.bp-visitor-card:hover {
  background: #1b2850;
  transform: translateY(-3px);
}

/* === Profile Link Layout === */
.bp-visitor-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  gap: 20px;
}

/* === Avatar (Square + Big) === */
.bp-visitor-avatar img {
  width: 130px;
  height: 130px;
  border-radius: 12px;
  border: 3px solid #ffffff;
  object-fit: cover;
}

/* === Info Block === */
.bp-visitor-info {
  flex: 1;
}

/* === Member Type (Centered) === */
.bp-visitor-type {
  display: inline-block;
  font-size: 13px;
  color: #16213e;
  background: #ffffff;
  padding: 3px 8px;
  border-radius: 5px;
  margin-bottom: 5px;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* === Visitor Name (Gold + Centered) === */
.bp-visitor-name {
  font-weight: 700;
  color: #ffd700; /* gold */
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  text-align: center;
}

/* === Visitor Info Text === */
.bp-visitor-date,
.bp-visitor-location,
.bp-visitor-distance {
  display: block;
  font-size: 14px;
  color: #e0e7ff;
}

/* === Distance in red === */
.bp-visitor-distance {
  color: #ff4d4d;
  font-weight: 600;
}

/* === Pagination === */
.bp-pagination {
  text-align: center;
  margin-top: 25px;
}
.bp-page-num {
  color: #16213e;
  background: #ffffff;
  padding: 7px 12px;
  border-radius: 6px;
  margin: 0 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}
.bp-page-num.active,
.bp-page-num:hover {
  background: #16213e;
  color: #ffffff;
  border: 1px solid #0e1630;
}

/* === Responsive Text Scaling === */

/* Tablet: text -2px */
@media (max-width: 1024px) {
  .bp-visitor-name,
  .bp-visitor-type,
  .bp-visitor-date,
  .bp-visitor-location,
  .bp-visitor-distance {
    font-size: calc(100% - 1px);
  }
}

/* Mobile: text -4px */
@media (max-width: 680px) {
  .bp-visitor-name,
  .bp-visitor-type,
  .bp-visitor-date,
  .bp-visitor-location,
  .bp-visitor-distance {
    font-size: calc(100% - 1px);
  }
}/* End custom CSS */