.geo-target-block {
    border: 1px dashed #ccc;
    padding: 20px;
    background-color: #f9f9f9;
    min-height: 100px;
    position: relative;
}

.geo-target-block__label {
    position: absolute;
    bottom: 1px;
    left: 1px;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    color: #666;
    cursor: default;
}

/* geo-rule-editor css START */
.geo-rules-container {
    max-height: 600px;
    overflow-y: auto;
    padding: 10px;
}

.geo-rule-card {
    margin-bottom: 16px;
    border: 1px solid #e2e4e7;
}

.geo-rule-conditions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.geo-condition {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 4px;
    gap: 8px;
}

.block-editor .geo-condition .components-base-control, .block-editor .geo-condition .components-select-control {
    margin-bottom: 0px;
}

/* Editor-specific styles */
.block-editor .geo-condition .components-flex {
    flex-direction: column;
    gap: 8px;
}

.block-editor .geo-condition .components-button.is-destructive {
    align-self: flex-end;
    margin-top: 4px;
}

.geo-condition .mgeo-geo-rule-select{
    color: black;
}

.geo-condition .mgeo-geo-rule-select .components-input-control__container, .geo-condition .mgeo-geo-rule-select .components-text-control__input{
    background:none;
}

.geo-condition .mgeo-geo-rule-select .components-input-control__container .components-input-control__backdrop{
    border-width: 0px;
}

.geo-rule-card .components-card__header {
    background-color: #f0f0f0;
}

.geo-rule-card .components-card__body {
    padding: 16px;
}

.geo-rule-add-button {
    width: 100%;
    justify-content: center;
    margin-top: 8px !important;
}

.add-condition-button {
    margin-top: 12px;
}

.components-select-control,
.components-text-control {
    margin-bottom: 12px;
    flex: 1;
}

.mgeo-geo-condition-grabber {
    cursor: grab;
    color: #757575;
    padding: 0 8px;
}
.visibility-toggle {
  margin-bottom: 16px;
}

.visibility-toggle label {
  display: block;
  margin-bottom: 8px;
}

.visibility-toggle .components-button-group {
  display: flex;
  gap: 4px;
}

.visibility-toggle .components-button {
  display: flex;
  align-items: center;
  gap: 4px;
}

.visibility-toggle .dashicon {
  margin-right: 4px;
}

.geo-rule-conditions .components-button-group {
  display: inline-flex;
}

.geo-rule-conditions .components-button-group .components-button {
  height: 24px;
  min-width: 50px;
  padding: 0 8px;
  font-size: 12px;
}
/* geo-rule-editor css END */