.wp-block-orphic-ui-google-map {
  width: 100%;
  min-height: 400px;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
  
  // Styles par défaut
  --border-width: 0px;
  --border-color: #000000;
  --border-radius: 0px;
  
  // Application des styles
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
  
  // Mise à jour des variables depuis les data-attributes
  &[data-border-width] {
    --border-width: #{attr(data-border-width)}px;
  }
  
  &[data-border-color] {
    --border-color: #{attr(data-border-color)};
  }
  
  &[data-border-radius] {
    --border-radius: #{attr(data-border-radius)}px;
  }
  
  .map-placeholder {
    height: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #1e88e5;
    padding: 20px;
    text-align: center;
    border-radius: inherit;
    
    svg {
      width: 40px;
      height: 40px;
      fill: currentColor;
      margin-bottom: 16px;
    }
  }
} 