/*
Theme Name: Content Improvised Child
Template: Crack-Ajax-improvise-823ed6afa926
Description: Child theme for Improvise
Version: 1.0
Text Domain: content-improvised-child
*/


:root {

    /* GRADIENTS */
    --gradient-primary: linear-gradient(
    135deg,
    oklch(0.553 0.222 265.638) 0%,
    oklch(0.606 0.262 292.717) 100%
  );
    --gradient-accent: linear-gradient(
    135deg,
    oklch(0.553 0.222 265.638) 0%,
    oklch(0.673 0.178 200.432) 100%
  );

    --gradient-hero: linear-gradient(
    135deg,
    oklch(0.98 0.01 265) 0%,
    oklch(0.97 0.02 250) 50%,
    oklch(0.98 0.01 285) 100%
  );

  




    /* DEFAULT COLORS */
  --white: #ffffff;
  --yellow: oklch(85.2% 0.199 91.936);
    /* Light mode colors - converted to OKLCH */
  --background: oklch(0.985 0.005 265);
  --foreground: oklch(0.205 0.035 265);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.205 0.035 265);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.205 0.035 265);
  --primary: oklch(0.553 0.222 265.638);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.97 0.015 265);
  --secondary-foreground: oklch(0.205 0.035 265);
  --muted: oklch(0.97 0.015 265);
  --muted-foreground: oklch(0.556 0.03 265);
  --accent: oklch(0.673 0.178 200.432);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.637 0.237 25.331);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.92 0.02 265);
  --input: oklch(0.92 0.02 265);
  --ring: oklch(0.553 0.222 265.638);



    /* BORDER RADIUS */
    --radius-none: 0;
    --radius-sm: 2px;       /* 0.125rem */
    --radius: 4px;          /* 0.25rem */
    --radius-md: 6px;       /* 0.375rem */
    --radius-lg: 8px;       /* 0.5rem */
    --radius-xl: 12px;      /* 0.75rem */
    --radius-2xl: 16px;     /* 1rem */
    --radius-3xl: 24px;     /* 1.5rem */
    --radius-full: 9999px;

   /* FONT SIZES */
--text-xs: 0.75rem;                    /* 12px / 0.75rem */
--text-xs--line-height: 1rem;          /* 16px / 1rem */

--text-sm: 0.875rem;                   /* 14px / 0.875rem */
--text-sm--line-height: 1.25rem;       /* 20px / 1.25rem */

--text-base: 1rem;                     /* 16px / 1rem */
--text-base--line-height: 1.5rem;      /* 24px / 1.5rem */

--text-lg: 1.125rem;                   /* 18px / 1.125rem */
--text-lg--line-height: 1.75rem;       /* 28px / 1.75rem */

--text-xl: 1.25rem;                    /* 20px / 1.25rem */
--text-xl--line-height: 1.75rem;       /* 28px / 1.75rem */

--text-2xl: 1.5rem;                    /* 24px / 1.5rem */
--text-2xl--line-height: 2rem;         /* 32px / 2rem */

--text-3xl: 1.875rem;                  /* 30px / 1.875rem */
--text-3xl--line-height: 2.25rem;      /* 36px / 2.25rem */

--text-4xl: 2.25rem;                   /* 36px / 2.25rem */
--text-4xl--line-height: 2.5rem;       /* 40px / 2.5rem */

--text-5xl: 3rem;                      /* 48px / 3rem */
--text-5xl--line-height: 3rem;         /* 48px / 3rem */

--text-6xl: 3.75rem;                   /* 60px / 3.75rem */
--text-6xl--line-height: 3.75rem;      /* 60px / 3.75rem */

--text-7xl: 4.5rem;                    /* 72px / 4.5rem */
--text-7xl--line-height: 4.5rem;       /* 72px / 4.5rem */

--text-8xl: 6rem;                      /* 96px / 6rem */
--text-8xl--line-height: 6rem;         /* 96px / 6rem */

--text-9xl: 8rem;                      /* 128px / 8rem */
--text-9xl--line-height: 8rem;         /* 128px / 8rem */

/* SPACING */
--spacing: 0.25rem; /* 4px base unit */
--spacing-px: 1px;

/* Tailwind spacing scale */
--space-0: 0;
--space-px: var(--spacing-px);  /* 1px */
--space-0_5: calc(var(--spacing) * 0.5);  /* 0.125rem / 2px */
--space-1: calc(var(--spacing) * 1);  /* 0.25rem / 4px */
--space-1_5: calc(var(--spacing) * 1.5);  /* 0.375rem / 6px */
--space-2: calc(var(--spacing) * 2);  /* 0.5rem / 8px */
--space-2_5: calc(var(--spacing) * 2.5);  /* 0.625rem / 10px */
--space-3: calc(var(--spacing) * 3);  /* 0.75rem / 12px */
--space-3_5: calc(var(--spacing) * 3.5);  /* 0.875rem / 14px */
--space-4: calc(var(--spacing) * 4);  /* 1rem / 16px */
--space-5: calc(var(--spacing) * 5);  /* 1.25rem / 20px */
--space-6: calc(var(--spacing) * 6);  /* 1.5rem / 24px */
--space-7: calc(var(--spacing) * 7);  /* 1.75rem / 28px */
--space-8: calc(var(--spacing) * 8);  /* 2rem / 32px */
--space-9: calc(var(--spacing) * 9);  /* 2.25rem / 36px */
--space-10: calc(var(--spacing) * 10);  /* 2.5rem / 40px */
--space-11: calc(var(--spacing) * 11);  /* 2.75rem / 44px */
--space-12: calc(var(--spacing) * 12);  /* 3rem / 48px */
--space-14: calc(var(--spacing) * 14);  /* 3.5rem / 56px */
--space-16: calc(var(--spacing) * 16);  /* 4rem / 64px */
--space-20: calc(var(--spacing) * 20);  /* 5rem / 80px */
--space-24: calc(var(--spacing) * 24);  /* 6rem / 96px */
--space-28: calc(var(--spacing) * 28);  /* 7rem / 112px */
--space-32: calc(var(--spacing) * 32);  /* 8rem / 128px */
--space-36: calc(var(--spacing) * 36);  /* 9rem / 144px */
--space-40: calc(var(--spacing) * 40);  /* 10rem / 160px */
--space-44: calc(var(--spacing) * 44);  /* 11rem / 176px */
--space-48: calc(var(--spacing) * 48);  /* 12rem / 192px */
--space-52: calc(var(--spacing) * 52);  /* 13rem / 208px */
--space-56: calc(var(--spacing) * 56);  /* 14rem / 224px */
--space-60: calc(var(--spacing) * 60);  /* 15rem / 240px */
--space-64: calc(var(--spacing) * 64);  /* 16rem / 256px */
--space-72: calc(var(--spacing) * 72);  /* 18rem / 288px */
--space-80: calc(var(--spacing) * 80);  /* 20rem / 320px */
--space-96: calc(var(--spacing) * 96);  /* 24rem / 384px */

    /* Box shadows - using OKLCH colors */
  --shadow-sm: 0 1px 2px 0 oklch(0.553 0.222 265.638 / 0.05);
  --shadow-md: 0 4px 6px -1px oklch(0.553 0.222 265.638 / 0.1);
  --shadow-lg: 0 10px 15px -3px oklch(0.553 0.222 265.638 / 0.15);
  --shadow-glow: 0 0 40px oklch(0.673 0.178 200.432 / 0.3);

    /* Transitions */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* FONT WEIGHTS - Tailwind system */
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;


      /* Animation keyframes */
  --animate-accordion-down: accordion-down 0.2s ease-out;
  --animate-accordion-up: accordion-up 0.2s ease-out;
  --animate-fade-in: fade-in 0.5s ease-out;
  --animate-fade-in-up: fade-in-up 0.6s ease-out;
  --animate-scale-in: scale-in 0.4s ease-out;
  --animate-float: float 3s ease-in-out infinite;

  /* CONTAINER SIZES */
--container-xs: 20rem;    /* 320px */
--container-sm: 24rem;    /* 384px */
--container-md: 28rem;    /* 448px */
--container-lg: 32rem;    /* 512px */
--container-xl: 36rem;    /* 576px */
--container-2xl: 42rem;   /* 672px */
--container-3xl: 48rem;   /* 768px */
--container-4xl: 56rem;   /* 896px */
--container-5xl: 64rem;   /* 1024px */
--container-6xl: 72rem;   /* 1152px */
--container-7xl: 80rem;   /* 1280px */
}

/* RESETTERS */
*, 
*::after, 
*::before {
	box-sizing: border-box;
    max-width: none !important;
}

/* This sets a maximum width for an element, aligning it with the minimum width of the current breakpoint */
.container {
    width: 100%;
    @media (width >= 40rem /* 640px */) {
        max-width: 40rem /* 640px */;
    }
    @media (width >= 48rem /* 768px */) {
        max-width: 48rem /* 768px */;
    }
    @media (width >= 64rem /* 1024px */) {
        max-width: 64rem /* 1024px */;
    }
    @media (width >= 80rem /* 1280px */) {
        max-width: 80rem /* 1280px */;
    }
    @media (width >= 96rem /* 1536px */) {
        max-width: 96rem /* 1536px */;
    }
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    white-space: nowrap;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-medium);
    --ring-offset-background: var(--white);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

.btn:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--ring-color, currentColor), 0 0 0 4px var(--ring-offset-color, var(--white));
}

.btn:disabled {
    pointer-events: none;
    opacity: 0.5;
}

.btn svg {
    pointer-events: none;
    width: var(--space-4);
    height: var(--space-4);
    flex-shrink: 0;
}
.btn img {
    pointer-events: none;
    width: var(--space-4);
    height: var(--space-4);
    flex-shrink: 0;
}

/* Default size*/
.btn-default {
    height: var(--space-10); /* 40px */
    padding-left: var(--space-4); /* 16px */
    padding-right: var(--space-4); /* 16px */
    padding-top: var(--space-2); /* 8px */
    padding-bottom: var(--space-2); /* 8px */
}

/* Small size*/
.btn-sm {
    height: var(--space-9); /* 36px */
    border-radius: var(--radius-md); /* 6px */
    padding-left: var(--space-3); /* 12px */
    padding-right: var(--space-3); /* 12px */
}

/* Large size*/
.btn-lg {
    height: var(--space-11); /* 44px */
    border-radius: var(--radius-md); /* 6px */
    padding-left: var(--space-8); /* 32px */
    padding-right: var(--space-8); /* 32px */
}

/* Icon size - h-10 w-10 */
.btn-icon {
    height: var(--space-10); /* 40px */
    width: var(--space-10); /* 40px */
    padding: 0; /* Remove padding for square icon button */
}


/* PAGE TITLE */
.page-title{
    visibility: hidden;
    display: none;
}

/*--------- HERO SECTION ---------*/

main.pages > .row > article.page {
 padding-top: var(--space-16);
 position: relative;     
 min-height: 100vh; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: hidden;

}



.page-content {
    text-align: center;
}

.hero {
    position: relative;
    margin-inline: auto;
    padding-inline: var(--space-1);
    margin-block: var(--space-0);
    max-width: var(--container-4xl) !important;

}   

.hero-content {
     z-index: 10;
    margin-inline: auto;
    padding-inline: var(--space-4);
    
}



.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    border-radius: var(--radius-full);
    font-weight: var(--font-medium);
    font-size: var(--text-sm);
    padding-block: var(--space-0_5);
    padding-inline: var(--space-2);
    margin-bottom: var(--space-8); 
}

.hero-badge > svg{
    color: var(--accent);
    height: var(--space-3_5);
    width: var(--space-3_5);
}





.hero-headline {
    font-size: var(--text-5xl);
    font-weight: var(--font-bold);
    line-height: 1;
}

@media (min-width: 768px) {
    .hero-headline {
        font-size: var(--text-6xl);
    }
}

@media (min-width: 1024px) {
    .hero-headline {
        font-size: var(--text-7xl);
    }
}


.hero-headline code {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-subheading {
    max-width: var(--container-2xl) !important;
    margin-inline: auto;
    font-size: var(--text-xl);
    color: var(--muted-foreground);
}

.hero-trust-signals {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-6);
    font-size: var(--text-sm);
}

.hero-trust-signals > p {
    font-weight: var(--font-semibold);
     font-size: var(--text-sm);
    display: flex;
    align-items: center;
    gap: var(--space-2);
}



.hero-trust-signals > .signal-1::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--accent); /* This becomes the icon color */
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDdoNnY2Ii8+PHBhdGggZD0ibTIyIDctOC41IDguNS01LTVMMiAxNyIvPjwvc3ZnPg==');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTE2IDdoNnY2Ii8+PHBhdGggZD0ibTIyIDctOC41IDguNS01LTVMMiAxNyIvPjwvc3ZnPg==');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.hero-trust-signals > .signal-2::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--yellow); /* This becomes the icon color */
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXN0YXItaWNvbiBsdWNpZGUtc3RhciI+PHBhdGggZD0iTTExLjUyNSAyLjI5NWEuNTMuNTMgMCAwIDEgLjk1IDBsMi4zMSA0LjY3OWEyLjEyMyAyLjEyMyAwIDAgMCAxLjU5NSAxLjE2bDUuMTY2Ljc1NmEuNTMuNTMgMCAwIDEgLjI5NC45MDRsLTMuNzM2IDMuNjM4YTIuMTIzIDIuMTIzIDAgMCAwLS42MTEgMS44NzhsLjg4MiA1LjE0YS41My41MyAwIDAgMS0uNzcxLjU2bC00LjYxOC0yLjQyOGEyLjEyMiAyLjEyMiAwIDAgMC0xLjk3MyAwTDYuMzk2IDIxLjAxYS41My41MyAwIDAgMS0uNzctLjU2bC44ODEtNS4xMzlhMi4xMjIgMi4xMjIgMCAwIDAtLjYxMS0xLjg3OUwyLjE2IDkuNzk1YS41My41MyAwIDAgMSAuMjk0LS45MDZsNS4xNjUtLjc1NWEyLjEyMiAyLjEyMiAwIDAgMCAxLjU5Ny0xLjE2eiIvPjwvc3ZnPg==');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXN0YXItaWNvbiBsdWNpZGUtc3RhciI+PHBhdGggZD0iTTExLjUyNSAyLjI5NWEuNTMuNTMgMCAwIDEgLjk1IDBsMi4zMSA0LjY3OWEyLjEyMyAyLjEyMyAwIDAgMCAxLjU5NSAxLjE2bDUuMTY2Ljc1NmEuNTMuNTMgMCAwIDEgLjI5NC45MDRsLTMuNzM2IDMuNjM4YTIuMTIzIDIuMTIzIDAgMCAwLS42MTEgMS44NzhsLjg4MiA1LjE0YS41My41MyAwIDAgMS0uNzcxLjU2bC00LjYxOC0yLjQyOGEyLjEyMiAyLjEyMiAwIDAgMC0xLjk3MyAwTDYuMzk2IDIxLjAxYS41My41MyAwIDAgMS0uNzctLjU2bC44ODEtNS4xMzlhMi4xMjIgMi4xMjIgMCAwIDAtLjYxMS0xLjg3OUwyLjE2IDkuNzk1YS41My41MyAwIDAgMSAuMjk0LS45MDZsNS4xNjUtLjc1NWEyLjEyMiAyLjEyMiAwIDAgMCAxLjU5Ny0xLjE2eiIvPjwvc3ZnPg==');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.hero-social-proof {
    display: flex;
  justify-content: space-between;
  align-content: center;
}

.hero-social-proof > p {
    font-size: var(--text-sm);  
    color: var(--muted-foreground);
    padding-top: var(--space-4);}

.gradient-hero {
    position: absolute;
    background: var(--gradient-hero);
    inset: var(--space-0);
    z-index: 0;
    margin: 0;
}



.cta.btn-with-icon {
    font-weight: var(--font-semibold);
    color: var(--white); 
    background: var(--gradient-accent);
    transition: all 0.2s ease-in-out;
}

.cta.btn-with-icon:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px currentColor, 0 0 0 4px var(--white);
}

.cta.btn-with-icon:disabled {
    pointer-events: none;
    opacity: 0.5;
}

.cta.btn-with-icon img {
    pointer-events: none;
    width: var(--space-4);
    height: var(--space-4);
    flex-shrink: 0;
    color: var(--white);
}

.cta.btn-with-icon:hover {
    opacity: 0.9;
}



/* HER) BADGE */
/* .page-content .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    backdrop-filter: blur(12px);
    background: oklch(1 0 0 / 0.7);
    border: 1px solid oklch(1 0 0 / 0.3);
    box-shadow: 0 10px 15px -3px oklch(0.553 0.222 265.638 / 0.15);
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    width: fit-content;
} */

/* HER) BADGE ICON */
/* .page-content .hero-badge::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1hcC1waW4taWNvbiBsdWNpZGUtbWFwLXBpbiI+PHBhdGggZD0iTTIwIDEwYzAgNC45OTMtNS41MzkgMTAuMTkzLTcuMzk5IDExLjc5OWExIDEgMCAwIDEtMS4yMDIgMEM5LjUzOSAyMC4xOTMgNCAxNC45OTMgNCAxMGE4IDggMCAwIDEgMTYgMCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjMiLz48L3N2Zz4=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
} */



/* HERO HEADER */
/* .hero-headline {
    background: red;
} */

/* .hero-headline code {
    background-color: #ffeb3b; 
    color: #e91e63;           
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
    
} */


/* HERO TRUST SINGAL */
/* .hero .hero-trust-signals {
    background: red;
} */


/* 
.wp-block-group-is-layout-flex {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.wp-block-group-is-layout-flex .wp-block-heading {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    flex-shrink: 1;
    min-width: 0;
}

.wp-block-group-is-layout-flex .wp-block-heading:last-child {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media (min-width: 768px) {
    .wp-block-group-is-layout-flex .wp-block-heading {
        font-size: 3.75rem;
        white-space: nowrap;
    }
}

@media (min-width: 1024px) {
    .wp-block-group-is-layout-flex .wp-block-heading {
        font-size: 4.5rem;
    }
} */


/* UTILITIES */

  .glass-effect {
    backdrop-filter: blur(12px);
    background: oklch(1 0 0 / 0.7);
    border: 1px solid oklch(1 0 0 / 0.3);
    box-shadow: var(--shadow-lg);
  }