/* WordPress Global Styles - CSS Variables and Utilities */
/* This file contains WordPress-specific design tokens and utility classes */
/* Base styles (body, typography, etc.) are in globals.css to avoid duplication */

:root{
  /* Aspect Ratios */
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--aspect-ratio--2-1: 2/1;
  --wp--preset--aspect-ratio--1-53-1: 1.527;

  /* Colors - WordPress naming convention */
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--color--text-gray: #535862;
  --wp--preset--color--button-text: #414651;
  --wp--preset--color--button-background: #03a0b7;
  --wp--preset--color--brand-700: #088d3e;
  --wp--preset--color--brand-alt-1-700: #0a8094;
  --wp--preset--color--titles: #181d27;
  --wp--preset--color--background-gray: #fafafa;
  --wp--preset--color--gray-500: #717680;
  --wp--preset--color--gray-300: #d5d7da;
  --wp--preset--color--background-black: #0a0d12;
  --wp--preset--color--gray-on-black: #a4a7ae;

  /* Gradients */
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
  --wp--preset--gradient--smaller-overlay: linear-gradient(318.16deg, #26EE76 1.07%, #01C2D1 57.49%);
  --wp--preset--gradient--reverse-overlay: linear-gradient(309deg, #01C2D1 32.21%, #26EE76 118.64%);
  --wp--preset--gradient--light-section: linear-gradient(180deg, #FFF 0%, #F3F5F7 100%);
  --wp--preset--gradient--text-gradient: linear-gradient(0deg, #03A0B7, #03A0B7), linear-gradient(318.16deg, #26EE76 1.07%, #01C2D1 57.49%);

  /* Font Sizes - WordPress naming */
  --wp--preset--font-size--small: 1rem;
  --wp--preset--font-size--medium: clamp(1.125rem, calc(1.125rem + 0.0019 * (100vw - 23.4375rem)), 1.25rem);
  --wp--preset--font-size--large: clamp(1.875rem, calc(1.875rem + 0.0056 * (100vw - 23.4375rem)), 2.25rem);
  --wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.896), 42px);
  --wp--preset--font-size--xx-small: 0.75rem;
  --wp--preset--font-size--x-small: 0.875rem;
  --wp--preset--font-size--normal: clamp(1rem, calc(1rem + 0.0019 * (100vw - 23.4375rem)), 1.125rem);
  --wp--preset--font-size--medium-small: 1.5rem;
  --wp--preset--font-size--medium-larger: clamp(1.5rem, calc(1.5rem + 0.5634vw - 0.1320rem), 1.875rem);
  --wp--preset--font-size--title-large: clamp(2.25rem, 2.25rem + 0.0113*(100vw - 23.4375rem), 3rem);
  --wp--preset--font-size--xx-large: clamp(2.089rem, 2.089rem + ((1vw - 0.2rem) * 2.966), 3.75rem);

  /* Font Families */
  --wp--preset--font-family--poppins: Poppins, sans-serif;

  /* Spacing Scale - WordPress naming */
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--spacing--xx-small: 0.5rem;
  --wp--preset--spacing--x-small: 0.75rem;
  --wp--preset--spacing--small: 1.25rem;
  --wp--preset--spacing--small-responsive: clamp(0.75rem, calc(0.75rem + 0.3756vw - 0.0880rem), 1rem);
  --wp--preset--spacing--medium-small: 1.5rem;
  --wp--preset--spacing--medium-small-responsive: clamp(1rem, calc(1rem + 0.7512vw - 0.1761rem), 1.5rem);
  --wp--preset--spacing--medium: 2rem;
  --wp--preset--spacing--medium-large: 3rem;
  --wp--preset--spacing--medium-large-responsive: clamp(2rem, calc(2rem + 1.5023vw - 0.3521rem), 3rem);
  --wp--preset--spacing--large: 4rem;
  --wp--preset--spacing--large-responsive: clamp(3rem, calc(3rem + 1.5023vw - 0.3521rem), 4rem);
  --wp--preset--spacing--x-large: 6rem;
  --wp--preset--spacing--title-large-top: 0.75rem;
  --wp--preset--spacing--title-large-bottom: clamp(1rem, calc(1rem + 0.5 * ((100vw - 23.4375rem) / (90 - 23.4375))), 1.5rem);
  --wp--preset--spacing--subtitle-bottom: clamp(2rem, calc(2rem + 2 * ((100vw - 23.4375rem) / (90 - 23.4375))), 4rem);
  --wp--preset--spacing--centered-header-title-bottom: clamp(1rem, calc(1rem + 0.25 * ((100vw - 23.4375rem) / (90 - 23.4375))), 1.25rem);

  /* Shadows - WordPress naming */
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
  --wp--preset--shadow--minimal: 0px 9.488px 18.977px -3.795px rgba(28, 40, 64, 0.08), 0px 5.693px 5.693px -5.693px rgba(28, 40, 64, 0.08), 0px 3.795px 3.795px -3.795px rgba(28, 40, 64, 0.12);
  --wp--preset--shadow--imperceptible: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
  --wp--preset--shadow--pronounced: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);

  /* Custom Properties */
  --wp--custom--border-color: #e9eaeb;
  --wp--custom--border: 1px solid #e9eaeb;
  --wp--custom--hover-button-dark: #027585;
  --wp--custom--spacing-medium-responsive: clamp(1.5rem, calc(1.5rem + 0.7512vw - 0.1761rem), 2rem);

  /* Layout - matches globals.css */
  --wp--style--global--content-size: 48rem;
  --wp--style--global--wide-size: 76rem;
  --wp--style--block-gap: 1rem;
}

/* WordPress Layout Utilities */
.wp-site-blocks {
  padding-top: var(--wp--style--root--padding-top, 0);
  padding-bottom: var(--wp--style--root--padding-bottom, 0);
}

.has-global-padding {
  padding-right: var(--wp--style--root--padding-right, 1.5rem);
  padding-left: var(--wp--style--root--padding-left, 1.5rem);
}

.has-global-padding > .alignfull {
  margin-right: calc(var(--wp--style--root--padding-right, 1.5rem) * -1);
  margin-left: calc(var(--wp--style--root--padding-left, 1.5rem) * -1);
}

.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) {
  padding-right: 0;
  padding-left: 0;
}

.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull {
  margin-left: 0;
  margin-right: 0;
}

/* Fix nested has-global-padding inside alignfull containers */
.alignfull .has-global-padding.is-layout-constrained {
  padding-right: 0;
  padding-left: 0;
}


/* Alignment Utilities */
.wp-site-blocks > .alignleft,
.is-layout-flow > .alignleft,
.is-layout-constrained > .alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

.wp-site-blocks > .alignright,
.is-layout-flow > .alignright,
.is-layout-constrained > .alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

.wp-site-blocks > .aligncenter,
.is-layout-flow > .aligncenter,
.is-layout-constrained > .aligncenter {
  justify-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-layout-constrained > .alignwide{
  max-width: var(--wp--style--global--wide-size);
}

/* WordPress Layout Types */
:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}
:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}
:root :where(.is-layout-flow) > *{margin-block-start: 1rem;margin-block-end: 0;}
:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}
:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}
:root :where(.is-layout-constrained) > *{margin-block-start: 1rem;margin-block-end: 0;}
:root :where(.is-layout-flex){gap: 1rem;}
:root :where(.is-layout-grid){gap: 1rem;}

:where(.wp-site-blocks) > * {
  margin-block-start: 1rem;
  margin-block-end: 0;
}

:where(.wp-site-blocks) > :first-child {
  margin-block-start: 0;
}

:where(.wp-site-blocks) > :last-child {
  margin-block-end: 0;
}

body .is-layout-flex{display: flex;}
.is-layout-flex{flex-wrap: wrap;align-items: center;}
.is-layout-flex > :is(*, div){margin: 0;}

body .is-layout-grid{display: grid;}
.is-layout-grid > :is(*, div){margin: 0;}

/* WordPress Button Styles */
:root :where(.wp-element-button, .wp-block-button__link){
  background-color: var(--wp--preset--color--button-background);
  border-radius: 999px;
  border-width: 0;
  color: var(--wp--preset--color--white);
  font-family: inherit;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.223), 16px);
  font-weight: 600;
  line-height: 1.5;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
  box-shadow: 0px 0px 0px 1px rgba(190, 201, 218, 0.18) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  transition: background-color 0.15s ease-in-out;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover){
  background-color: var(--wp--custom--hover-button-dark);
}

:root :where(.wp-block-button .wp-block-button__link img){
  vertical-align: -0.25em;
  margin-right: 0.12rem;
}

/* WordPress Block Specific Styles */
:root :where(.wp-block-heading){
  color: var(--wp--preset--color--titles);
  font-weight: 600;
}

:root :where(.wp-block-media-text){
  gap: 3rem 4rem;
}

:root :where(.wp-block-media-text .wp-block-media-text__content){
  padding: 0 !important;
}

:root :where(.wp-block-navigation){
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: none;
}

:root :where(.wp-block-separator){
  background-color: #e9eaeb;
  border-top-style: none;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #e9eaeb;
  height:1px;
}

:root :where(.wp-block-list){
  list-style: none;
  padding-left: 1em;
}

:root :where(.wp-block-list > li){
  margin-bottom: 0.25rem;
  list-style:disc outside;
}

:root :where(.wp-block-makeiteasy-slider .swiper-slide .wp-block-image){
  display: flex;
  align-items: center;
}

:root :where(.wp-block-post-content){
  margin-top: 0;
  margin-bottom: 0;
}

/* WordPress Color Utility Classes */
.has-black-color{color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-color{color: var(--wp--preset--color--white) !important;}
.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}
.has-text-gray-color{color: var(--wp--preset--color--text-gray) !important;}
.has-button-text-color{color: var(--wp--preset--color--button-text) !important;}
.has-button-background-color{color: var(--wp--preset--color--button-background) !important;}
.has-brand-700-color{color: var(--wp--preset--color--brand-700) !important;}
.has-brand-alt-1-700-color{color: var(--wp--preset--color--brand-alt-1-700) !important;}
.has-titles-color{color: var(--wp--preset--color--titles) !important;}
.has-background-gray-color{color: var(--wp--preset--color--background-gray) !important;}
.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}
.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}
.has-background-black-color{color: var(--wp--preset--color--background-black) !important;}
.has-gray-on-black-color{color: var(--wp--preset--color--gray-on-black) !important;}

.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}
.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}
.has-text-gray-background-color{background-color: var(--wp--preset--color--text-gray) !important;}
.has-button-text-background-color{background-color: var(--wp--preset--color--button-text) !important;}
.has-button-background-background-color{background-color: var(--wp--preset--color--button-background) !important;}
.has-brand-700-background-color{background-color: var(--wp--preset--color--brand-700) !important;}
.has-brand-alt-1-700-background-color{background-color: var(--wp--preset--color--brand-alt-1-700) !important;}
.has-titles-background-color{background-color: var(--wp--preset--color--titles) !important;}
.has-background-gray-background-color{background-color: var(--wp--preset--color--background-gray) !important;}
.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}
.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}
.has-background-black-background-color{background-color: var(--wp--preset--color--background-black) !important;}
.has-gray-on-black-background-color{background-color: var(--wp--preset--color--gray-on-black) !important;}

.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}
.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}
.has-text-gray-border-color{border-color: var(--wp--preset--color--text-gray) !important;}
.has-button-text-border-color{border-color: var(--wp--preset--color--button-text) !important;}
.has-button-background-border-color{border-color: var(--wp--preset--color--button-background) !important;}
.has-brand-700-border-color{border-color: var(--wp--preset--color--brand-700) !important;}
.has-brand-alt-1-700-border-color{border-color: var(--wp--preset--color--brand-alt-1-700) !important;}
.has-titles-border-color{border-color: var(--wp--preset--color--titles) !important;}
.has-background-gray-border-color{border-color: var(--wp--preset--color--background-gray) !important;}
.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}
.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}
.has-background-black-border-color{border-color: var(--wp--preset--color--background-black) !important;}
.has-gray-on-black-border-color{border-color: var(--wp--preset--color--gray-on-black) !important;}

/* Font Size Utility Classes */
.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}
.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}
.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}
.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.has-xx-small-font-size{font-size: var(--wp--preset--font-size--xx-small) !important;}
.has-x-small-font-size{font-size: var(--wp--preset--font-size--x-small) !important;}
.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}
.has-medium-small-font-size{font-size: var(--wp--preset--font-size--medium-small) !important;}
.has-medium-larger-font-size{font-size: var(--wp--preset--font-size--medium-larger) !important;}
.has-title-large-font-size{font-size: var(--wp--preset--font-size--title-large) !important;}
.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}

/* Font Family Utility Classes */
.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}

/* Text Alignment Utility Classes */
.has-text-align-left {
  text-align: left !important;
}

.has-text-align-center {
  text-align: center !important;
}

.has-text-align-right {
  text-align: right !important;
}

/* WordPress Utility Classes */
.has-text-color {
  color: inherit;
}

.has-link-color {
  /* Ensures links inherit color from parent */
}

.has-link-color a {
  color: inherit;
}