/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* RS_GRID_3_REPAIR_V1
   Purpose: restore reusable 3-column grid behavior for imported pricing package grids.
   Scope: .rs-grid--3 utility class used by Bricks pricing sections.
*/
.rs-grid--3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-m, 2rem);
}

.rs-grid--3 > * {
  min-width: 0;
}

@media (max-width: 991px) {
  .rs-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .rs-grid--3 {
    grid-template-columns: 1fr;
  }
}
/* /RS_GRID_3_REPAIR_V1 */

/* RS_PRICING_FEATURES_TOP_ALIGN_V1
   Purpose: keep pricing feature lists aligned to the top even when plans have different feature counts.
*/
.rs-pricing-package .rs-pricing-grid__plan-body {
  --plan-body-margin-top: 0;
  margin-top: 0 !important;
  align-self: start;
}

.rs-pricing-package .rs-pricing-grid__plan-features {
  margin-block: 0;
  align-content: start;
  justify-content: start;
}
/* /RS_PRICING_FEATURES_TOP_ALIGN_V1 */

/* WGL_EXAMPLES_PAGE_POLISH_V1
   Target: /wgl-examples/
   Scope: .page-id-138 only.
   Purpose: reduce oversized pricing typography, normalize card rhythm, improve responsive pricing layout.
*/
.page-id-138 .rs-pricing-package-grid {
  align-items: stretch;
  gap: clamp(1rem, 2vw, 2rem);
}

.page-id-138 .rs-pricing-package {
  width: 100%;
  min-width: 0;
  font-size: clamp(0.875rem, 0.84rem + 0.15vw, 1rem);
}

.page-id-138 .rs-pricing-package__top-header {
  padding: clamp(1rem, 1.5vw, 1.5rem);
}

.page-id-138 .rs-pricing-package__heading {
  font-size: clamp(1.35rem, 1.1rem + 0.75vw, 2rem);
  line-height: 1.15;
}

.page-id-138 .rs-pricing-package__text {
  font-size: clamp(0.875rem, 0.82rem + 0.12vw, 0.95rem);
  line-height: 1.4;
}

.page-id-138 .rs-pricing-package__header {
  padding-block: clamp(1rem, 1.5vw, 1.5rem);
}

.page-id-138 .rs-pricing-package__discount-label {
  font-size: clamp(0.75rem, 0.72rem + 0.1vw, 0.875rem);
}

.page-id-138 .rs-pricing-package__regular-monthly-price,
.page-id-138 .rs-pricing-package__pricing-condition,
.page-id-138 .rs-pricing-package__regular-setup-fee {
  font-size: clamp(0.875rem, 0.82rem + 0.15vw, 1rem);
}

.page-id-138 .rs-pricing-package-currency,
.page-id-138 .rs-pricing-package-duration {
  font-size: clamp(1rem, 0.9rem + 0.35vw, 1.25rem);
}

.page-id-138 .rs-pricing-package-worth-monthly-fee {
  font-size: clamp(2rem, 1.45rem + 1.4vw, 3rem);
  line-height: 1;
}

.page-id-138 .rs-pricing-package__special-setup-fee {
  font-size: clamp(1.6rem, 1.2rem + 0.9vw, 2.35rem);
  line-height: 1;
}

.page-id-138 .rs-pricing-grid__plan-body {
  margin-top: 0 !important;
  align-self: start;
}

.page-id-138 .rs-pricing-grid__plan-features {
  margin-block: 0;
  row-gap: clamp(0.45rem, 0.7vw, 0.8rem);
}

.page-id-138 .rs-pricing-grid__plan-feature {
  padding-left: 0;
  grid-gap: 0.55em;
}

.page-id-138 .rs-pricing-grid__plan-feature-label {
  font-size: clamp(0.875rem, 0.82rem + 0.15vw, 1rem);
  line-height: 1.4;
}

.page-id-138 .rs-pricing-package__footer {
  padding-block: clamp(1rem, 1.5vw, 1.5rem);
}

@media (max-width: 1024px) {
  .page-id-138 .rs-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-id-138 .rs-pricing-package {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page-id-138 .rs-grid--3 {
    grid-template-columns: 1fr;
  }

  .page-id-138 .rs-pricing-package__heading {
    font-size: clamp(1.4rem, 8vw, 2rem);
  }
}
/* /WGL_EXAMPLES_PAGE_POLISH_V1 */

/* WGL_EXAMPLES_ORDER_AND_FEATURED_BADGE_V1
   Target: /wgl-examples/
   Scope: .page-id-138
   Purpose: keep only one visual Popular badge after pricing order is normalized.
*/
.page-id-138 .rs-pricing-package[data-featured-price-column]::before,
.page-id-138 .rs-pricing-package[data-featured-price-column]::after {
  display: none;
}

.page-id-138 .rs-pricing-package-grid > .rs-pricing-package:nth-child(2)[data-featured-price-column]::before,
.page-id-138 .rs-pricing-package-grid > .rs-pricing-package:nth-child(2)[data-featured-price-column]::after {
  display: block;
}
/* /WGL_EXAMPLES_ORDER_AND_FEATURED_BADGE_V1 */

/* WGL_EXAMPLES_VISUAL_QA_POLISH_V4
   Target: /wgl-examples/
   Scope: page-id-138 only.
   Purpose:
   - make four pricing plans render cleanly as 4 columns on desktop
   - use 2 columns on tablet
   - use 1 column on mobile
   - slightly tighten mobile pricing rhythm
*/
.page-id-138 .rs-pricing-package-grid,
.page-id-138 .rs-pricing-package-grid.rs-grid--3 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.page-id-138 .rs-pricing-package {
  width: 100%;
  min-width: 0;
}

@media (max-width: 1199px) {
  .page-id-138 .rs-pricing-package-grid,
  .page-id-138 .rs-pricing-package-grid.rs-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .page-id-138 .rs-pricing-package-grid,
  .page-id-138 .rs-pricing-package-grid.rs-grid--3 {
    grid-template-columns: 1fr;
    gap: clamp(1.25rem, 6vw, 2rem);
  }

  .page-id-138 .rs-pricing-package__top-header,
  .page-id-138 .rs-pricing-package__header,
  .page-id-138 .rs-pricing-package__body,
  .page-id-138 .rs-pricing-package__footer {
    padding-inline: clamp(1rem, 6vw, 1.5rem);
  }

  .page-id-138 .rs-pricing-package-worth-monthly-fee {
    font-size: clamp(2rem, 14vw, 2.8rem);
  }

  .page-id-138 .rs-pricing-package__special-setup-fee {
    font-size: clamp(1.65rem, 11vw, 2.25rem);
  }

  .page-id-138 .rs-pricing-grid__plan-features {
    row-gap: 0.55rem;
  }
}
/* /WGL_EXAMPLES_VISUAL_QA_POLISH_V4 */