/**
 * Editor-facing utility classes (Advanced → Additional CSS class).
 * Prefer these over one-off Customizer CSS.
 *
 * Spacing aliases kept for existing content:
 *   .cabinscape-margin, .cabinscape-title, .norightmargin
 */

/* —— Effects (also registered as block styles) —— */

.glow-soft,
.is-style-cs-glow-soft {
  color: #fff;
  text-shadow:
    0 0 12px rgba(255, 255, 255, 0.9),
    0 0 8px rgba(255, 255, 255, 0.9),
    0 0 12px rgba(255, 255, 255, 0.9);
}

.text-shadow,
.is-style-cs-text-shadow {
  text-shadow:
    0 0 2px rgba(0, 0, 0, 1),
    0 0 6px rgba(0, 0, 0, 0.9),
    0 0 12px rgba(0, 0, 0, 0.8),
    0 0 20px rgba(0, 0, 0, 0.7);
}

.box-shadow,
.is-style-cs-box-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

/* —— Spacing / layout helpers (high content usage) —— */

.cabinscape-margin,
.cs-pad-x {
  margin-left: var(--cs-space-4, 32px);
  margin-right: var(--cs-space-4, 32px);
}

.cabinscape-title {
  margin-left: var(--cs-space-4, 32px);
}

.norightmargin {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.cs-center,
.bookNowCenter,
.bookNowCenterHeader {
  width: 100%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: var(--cs-space-3, 20px);
  padding-bottom: var(--cs-space-3, 20px);
}

.bookNowCenterHeader {
  padding-top: 0;
}

.maxwidth300,
.cs-max-400 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: grid;
  place-content: center;
}

.desktop50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.big-button-text {
  font-size: 20px !important;
}

/* —— Home / section helpers —— */

.cabinscape_homeSection2 {
  min-height: 550px;
}

.product-callout {
  background: #fff8f0;
  border: 2px solid #e67e22;
  padding: var(--cs-space-3, 20px);
  margin-top: var(--cs-space-3, 20px);
  text-align: center;
  border-radius: 12px;
}

.product-callout h2 {
  color: #d35400;
  margin-bottom: 10px;
}

.product-callout strong {
  font-size: 1.5em;
  color: #e74c3c;
}

/* —— Responsive show/hide (used by reusable blocks) ——
   Naming is inverted historically:
   .cabinscapeDesktop = content meant for small screens (hidden on desktop)
   .cabinscapeMobile  = content meant for desktop (hidden on mobile)
*/

@media screen and (max-width: 599px) {
  .cabinscapeMobile,
  .cabinscapeTablet {
    display: none;
  }
}

@media screen and (max-width: 767px) and (min-width: 600px) {
  .cabinscapeNoTablet {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .cabinscapeDesktop,
  .cabinscapeTablet {
    display: none;
  }

  .desktop50 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 599px) {
  a.wp-block-button__link.big-button-text {
    font-size: 20px !important;
  }
}