/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
    --container-width: 1400px;
    --logo-height: 2.3rem;
    --header-height: 4.5rem;
    --space-xs: 0.25rem;
    --space-s: 0.5rem;
    --space-base: 1rem;
    --space-m: clamp(1.13rem, calc(1.00rem + 0.56vw), 1.50rem);
    --space-l: clamp(1.50rem, calc(1.33rem + 0.74vw), 2.00rem);
    --space-xl: clamp(2.25rem, calc(2.00rem + 1.11vw), 3.00rem);
    --space-2xl: clamp(3.00rem, calc(2.67rem + 1.48vw), 4.00rem);
    --space-3xl: clamp(3.75rem, calc(3.33rem + 1.85vw), 5.00rem);
    --space-section: clamp(4.50rem, calc(4.00rem + 2.22vw), 6.00rem);
    --transition: all 0.3s ease-in-out;
	/********************** 360px  - 1400px *********************/
	--font-base: 1rem;
    --font-xs: 0.5rem;
    --font-h6: clamp(0.875rem, 0.8317rem + 0.1923vw, 1rem);
    --font-h5: clamp(1rem, 0.9567rem + 0.1923vw, 1.125rem);
    --font-h4: clamp(1.125rem, 1.0817rem + 0.1923vw, 1.25rem);
    --font-h3: clamp(1.5rem, 1.3702rem + 0.5769vw, 1.875rem);
    --font-h2: clamp(1.875rem, 1.6587rem + 0.9615vw, 2.5rem);
    --font-h1: clamp(2.5rem, 2.0673rem + 1.9231vw, 3.75rem);
	--font-hero: clamp(2.5rem, 1.2885rem + 5.3846vw, 6rem);
}
/*************************************** 
 * Price switcher
 ***************************************/
.price-switcher {
      position: relative;
      display: inline-flex;
      background: #fff;
      border-radius: 999px;
      padding: 6px;
	  margin-inline: auto;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }

    /* Visually hidden radio inputs */
    .price-switcher__input {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    /* Labels */
    .price-switcher__label {
      position: relative;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
	  text-align:center;
      min-width: 160px;
      padding: clamp(0.25rem, 0.15rem + 0.5vw, 0.5rem) clamp(1rem,     0.6rem  + 2vw,   2rem);
	  text-transform:uppercase;
      color: var(--theme-palette-color-4);
      cursor: pointer;
      border-radius: 999px;
      transition: color 0.5s ease;
      user-select: none;
      -webkit-user-select: none;
	  line-height: 1.2;
      margin: 0;
    }

    .price-switcher__badge {
      font-size: 0.75rem;
      margin-top: 2px;
      color: var(--theme-palette-color-1);
	  font-weight:bold;
      transition: color 0.3s ease;
    }

    .price-switcher__input:checked + .price-switcher__label .price-switcher__badge {
      color: var(--theme-palette-color-1);
    }

    /* Active state */
    .price-switcher__input:checked + .price-switcher__label {
      color: #fff;
    }

    /* Focus-visible ring for keyboard nav */
    .price-switcher__input:focus-visible + .price-switcher__label {
      outline: 2px solid #f0a030;
      outline-offset: 3px;
    }

    /* Sliding pill indicator */
    .price-switcher__indicator {
      position: absolute;
      top: 6px;
      bottom: 6px;
      left: 6px;
      width: calc(50% - 6px);
      background: var(--theme-palette-color-4);
      border-radius: 999px;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      pointer-events: none;
    }

    /* Move indicator when "monthly" is selected */
    .price-switcher:has(#full:checked) .price-switcher__indicator {
      transform: translateX(100%);
    }
    .price--split:not(.wp-block),
    .price--full:not(.wp-block) {
      display: none;
    }
   .price-switcher--split ~ .price-tables .price-table .price--split { display: block; }
   .price-switcher--full  ~ .price-tables .price-table .price--full  { display: block; }