/* ===================================================
   Homes2U Base
   Global helpers and small site-wide tweaks
=================================================== */

/* Prevent accidental horizontal scrolling */
html{
  overflow-x: hidden;
}

/* ===================================================
 *  General typography helper used in plan specs 
.plan-size{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
}*/

.plan-size {
  font-size: 20px;
  font-weight: 400;
}

/* Remove theme edge padding for this specific row only */
.h2u-flush-row .kt-row-column-wrap{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===================================================
   Homes2U - Capsule GENERAL form styling
   Scope: .h2u-capsule-general .capsule-form
=================================================== */

.h2u-capsule-general .capsule-form{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  margin: 0;
  box-shadow: none;

  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

/* Remove Capsule divider line/spacing if it doesn’t match your style */
.h2u-capsule-general .capsule-form__divider{
  display: none !important;
}

/* Rows */
.h2u-capsule-general .capsule-form__row{
  margin: 0 !important;
}

/* Desktop: 2 columns */
@media (min-width: 720px){
  .h2u-capsule-general .capsule-form{
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
  }

  /* First 4 fields in 2-col, everything else full width */
  .h2u-capsule-general .capsule-form__row:nth-of-type(1),
  .h2u-capsule-general .capsule-form__row:nth-of-type(2),
  .h2u-capsule-general .capsule-form__row:nth-of-type(3),
  .h2u-capsule-general .capsule-form__row:nth-of-type(4){
    grid-column: span 1;
  }

  .h2u-capsule-general .capsule-form__row:nth-of-type(n+5){
    grid-column: 1 / -1;
  }

  /* Submit button row full width */
  .h2u-capsule-general .capsule-form__row:last-child{
    grid-column: 1 / -1;
  }
}

/* Label + spacing */
.h2u-capsule-general .capsule-form__field{
  display: grid;
  gap: 6px;
}

.h2u-capsule-general .capsule-form__label{
  font-size: 14px;
  font-weight: 300 !important;
  color: var(--global-palette4);
  letter-spacing: 0.01em;
}

.h2u-capsule-general .capsule-form__required{
  color: #c63b32;
  font-weight: 800;
  margin-left: 2px;
}

/* Inputs */
.h2u-capsule-general .capsule-form__input{
  width: 100%;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 10px;
  padding: 12px 12px;
  font-size: 16px;
  line-height: 1.2;
  background: #fff;
  color: #111;
  box-shadow: none;

  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
}

.h2u-capsule-general .capsule-form__input:hover{
  background: var(--global-palette8);
}

.h2u-capsule-general .capsule-form__input:focus{
  outline: none;
  background: #fff;
  border-color: var(--global-palette4);
  box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}

/* Checkboxes - tidy and consistent */
.h2u-capsule-general .capsule-form__field--checkbox{
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.h2u-capsule-general .capsule-form__checkbox{
  width: 18px;
  height: 18px;
  margin: 0 !important;
  accent-color: var(--global-palette4);
}

.capsule-form__checkbox:checked {
    background-color: var(--global-palette4) !important;
}

/* Submit button (same as product page) */
.h2u-capsule-general .capsule-form__submit{
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 56px;
  padding: 14px 18px;

  border: 0;
  border-radius: 14px;

  font-family: var(--global-body-font-family, inherit);
  font-weight: 800;
  font-size: 16px;
  line-height: 1;

  background: var(--global-palette1, #1c4666);
  color: var(--global-palette9, #ffffff);

  cursor: pointer;
  transition: transform 0.12s ease, filter 0.12s ease, background-color 0.12s ease, opacity 0.12s ease;
}

.h2u-capsule-general .capsule-form__submit:hover{
  background: var(--global-palette2, var(--global-palette1, #1c4666));
  transform: translateY(-1px);
}

.h2u-capsule-general .capsule-form__submit:active{
  transform: translateY(0);
  filter: brightness(0.98);
}

.h2u-capsule-general .capsule-form__submit:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(247,106,12,0.35);
}

.h2u-capsule-general .capsule-form__submit:disabled{
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Remove gradient text effect on this Kadence button */
.wp-block-kadence-advancedbtn .kb-btn438_c576c2-5a.kb-button .kt-btn-inner-text{
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Also kill the gradient rule Kadence applies on hover/focus */
.wp-block-kadence-advancedbtn .kb-btn438_c576c2-5a.kb-button:hover .kt-btn-inner-text,
.wp-block-kadence-advancedbtn .kb-btn438_c576c2-5a.kb-button:focus .kt-btn-inner-text{
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}

/* =========================================
   Homes2U Product Carousel "heavy frame" card
   Targets your Kadence Product Carousel with
   the advanced class: homes2u-product-carousel
========================================= */

.homes2u-product-carousel .splide__slide > .h2u-card,
.homes2u-product-carousel .splide__slide .h2u-card {
  border: 20px solid var(--global-palette8);          /* heavy frame */
  border-radius: 28px;              /* big rounded corners */
  background: var(--global-palette8);              /* warm off-white / beige interior */
  padding: 10px;                    /* inset spacing between frame and content */
  overflow: hidden;                 /* keeps corners clean */
  box-shadow: none !important;
}

/* Image area sits inside the padding, with its own rounding */
.homes2u-product-carousel .h2u-card__image {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  margin: 0 0 14px 0;
	border-radius:10px;
}

/* Make sure the image behaves nicely */
.homes2u-product-carousel .h2u-card__image img {
  display: block;
  width: 100%;
  height: auto;
}

/* Optional: soften the text spacing inside */
.homes2u-product-carousel .h2u-card__body {
  padding: 0;
}

/* Optional: if your CTA is full width, make it match the rounded look */
.homes2u-product-carousel .h2u-card__cta {
  border-radius: 14px;
}

/* Optional: remove any Woo/Kadence default backgrounds on the LI */
.homes2u-product-carousel li.entry.content-bg {
  background: transparent !important;
}

/* Optional: keep slides from clipping the rounded border on some themes */
.homes2u-product-carousel .splide__track {
  overflow: visible;
}

/*Footer menu*/
/* Kadence Nav: tighten vertical spacing (works anywhere, including Hooked Elements) */
.wp-block-kadence-navigation ul.kb-navigation > li {
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-kadence-navigation ul.kb-navigation > li > .kb-link-wrap {
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-kadence-navigation ul.kb-navigation > li > .kb-link-wrap > a.kb-nav-link-content {
  padding-top: 0.15em !important;
  padding-bottom: 0.15em !important;
  margin: 0 !important;
  line-height: 1.15 !important;
  display: inline-flex !important; /* keeps the Kadence alignment behaviour */
  align-items: center;
}

/* If the UL is flex with gap, kill it */
.wp-block-kadence-navigation ul.kb-navigation {
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Space after the title (H2/H3 immediately before either menu) */
h2 + .wp-block-kadence-navigation734-cpt-id,
h3 + .wp-block-kadence-navigation734-cpt-id,
h2 + .wp-block-kadence-navigation3179-cpt-id,
h3 + .wp-block-kadence-navigation3179-cpt-id{
  margin-top: 10px !important; /* tweak */
}

/* Align menu items with the title and tighten vertical spacing */
.wp-block-kadence-navigation734-cpt-id,
.wp-block-kadence-navigation3179-cpt-id{
  --kb-nav-link-padding-left: 0px;
  --kb-nav-link-padding-right: 0px;
  --kb-nav-link-padding-top: 0.15em;
  --kb-nav-link-padding-bottom: 0.15em;
  --kb-nav-link-gap: 0px;
  --kb-nav-link-margin-top: 0px;
  --kb-nav-link-margin-bottom: 0px;
}

/* Force it on the actual link too (Kadence sometimes re-adds padding) */
.wp-block-kadence-navigation734-cpt-id .kb-nav-link-content,
.wp-block-kadence-navigation3179-cpt-id .kb-nav-link-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0.15em !important;
  padding-bottom: 0.15em !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}

/* Kill any UL gap just in case */
.wp-block-kadence-navigation734-cpt-id ul.kb-navigation,
.wp-block-kadence-navigation3179-cpt-id ul.kb-navigation{
  gap: 0 !important;
  row-gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}