/**
 * @file
 * Property-Node spezifisches Styling
 */

/* ==========================================================================
   Anschrift-Block auf Property-Node-Seiten
   ========================================================================== */

/* Container für Anschrift + Buttons (col-lg-3 in Property-Nodes) */
.node--type-property .col-lg-3 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Abstand zwischen Hausbilder und Anschrift Block */
.node--type-property .block-field-blocknodepropertyfield-image {
  margin-bottom: var(--nn-space-lg);
}

/* Anschrift-Block Container - beiger Hintergrund */
.node--type-property .block-field-blocknodepropertyfield-street {
  background-color: var(--nn-secondary-light);
  border-radius: var(--nn-radius) var(--nn-radius) 0 0;
  padding: var(--nn-space-md) var(--nn-space-md) 0 var(--nn-space-md);
  border: 1px solid var(--nn-secondary-dark);
  border-bottom: none;
  box-shadow: var(--nn-shadow-sm);
}

.node--type-property .block-field-blocknodepropertyfield-city {
  background-color: var(--nn-secondary-light);
  padding: 0 var(--nn-space-md) var(--nn-space-md) var(--nn-space-md);
  border-left: 1px solid var(--nn-secondary-dark);
  border-right: 1px solid var(--nn-secondary-dark);
}

/* Überschrift "Anschrift" mit Trennlinie */
.node--type-property .block-field-blocknodepropertyfield-street h2 {
  font-size: var(--nn-font-size-sm);
  font-weight: var(--nn-font-weight-semibold);
  color: var(--nn-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 var(--nn-space-sm) 0;
  padding-bottom: var(--nn-space-sm);
  border-bottom: 2px solid var(--nn-secondary-dark);
}

/* Anschrift Felder */
.node--type-property .block-field-blocknodepropertyfield-street .field__item,
.node--type-property .block-field-blocknodepropertyfield-city .field__item {
  font-size: var(--nn-font-size-base);
  color: var(--nn-text);
  line-height: var(--nn-line-height-normal);
}

/* Button Blöcke */
.node--type-property .col-lg-3 .block-content-basic {
  background-color: var(--nn-secondary-light);
  padding: var(--nn-space-sm) var(--nn-space-md);
  border-left: 1px solid var(--nn-secondary-dark);
  border-right: 1px solid var(--nn-secondary-dark);
}

.node--type-property .col-lg-3 .block-content-basic:last-child {
  border-bottom: 1px solid var(--nn-secondary-dark);
  border-radius: 0 0 var(--nn-radius) var(--nn-radius);
  padding-bottom: var(--nn-space-md);
}

.node--type-property .col-lg-3 .block-content-basic .btn {
  width: 100%;
  text-align: center;
}

.node--type-property .col-lg-3 .block-content-basic p {
  margin-bottom: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 991px) {
  .node--type-property .col-lg-3 {
    margin-top: var(--nn-space-lg);
  }
}