.elementor-kit-7{--e-global-color-primary:#0B0B0F;--e-global-color-secondary:#6B7280;--e-global-color-text:#6B7280;--e-global-color-accent:#DB2777;--e-global-color-962a2c3:#0B0B0F;--e-global-color-56d2c13:#6B7280;--e-global-color-1a1c47b:#DB2777;--e-global-color-935c679:#7C3AED;--e-global-color-e9f0667:#F8FAFC;--e-global-color-823537f:#FFFFFF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-letter-spacing:-0.04em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.7em;color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:12px;}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:55px;font-weight:800;letter-spacing:-0.04em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:100px;--container-default-padding-right:0px;--container-default-padding-bottom:100px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* SALONDATE GLOBAL OVERRIDES 
  Force "Fresha-style" design tokens across Elementor
*/

/* 1. LOAD FONT */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

/* 2. DEFINE VARIABLES */
:root {
    --sd-pink: #db2777;
    --sd-purple: #7c3aed;
    --sd-black: #0b0b0f;
    --sd-gray: #6b7280;
    --sd-bg: #ffffff;
    --sd-light: #f8fafc;
}

/* 3. BASE TYPOGRAPHY OVERRIDES */
body, 
p, 
.elementor-widget-text-editor, 
.elementor-widget-text-editor div, 
.elementor-widget-text-editor p {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    color: var(--sd-gray); /* Removed !important so you can change colors in Elementor */
    line-height: 1.65 !important;
    font-size: 17px !important; /* Slightly larger for premium feel */
}

/* 4. HEADINGS (H1-H6) */
h1, h2, h3, h4, h5, h6, 
.elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    color: var(--sd-black); /* Removed !important so you can change colors in Elementor */
    letter-spacing: -0.03em !important; /* Tight tracking for modern look */
    line-height: 1.1 !important;
}

/* Extra large headings (Hero) */
h1.elementor-heading-title {
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

/* 5. BUTTONS (PILL SHAPE & UPPERCASE) */
.elementor-button, 
button, 
input[type="submit"], 
input[type="button"] {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    border-radius: 9999px !important; /* Force Pill Shape */
    padding: 16px 32px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-size: 11px !important;
    
    /* Enforce Brand Colors */
    background-color: var(--sd-black) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Hover effects */
.elementor-button:hover, 
button:hover, 
input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.2) !important;
    background-color: #1f1f2e !important; /* Slightly lighter black for hover */
    color: #ffffff !important;
}

/* Secondary Button Class (Add 'sd-btn-white' to CSS Classes in Elementor) */
.sd-btn-white .elementor-button {
    background-color: #ffffff !important;
    color: var(--sd-black) !important;
    border: 1px solid #e2e8f0 !important;
}
.sd-btn-white .elementor-button:hover {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

/* 6. GLOBAL CONTAINER/SECTION SPACING */
.elementor-section {
    background-color: var(--sd-bg); /* Ensure white bg unless overridden */
}

/* Force rounded corners on columns if they have borders/backgrounds */
.elementor-column-wrap, 
.elementor-widget-wrap {
    border-radius: 32px !important; /* Smooth 2rem corners */
}

/* 7. LINKS & ACCENTS */
a {
    transition: color 0.2s ease !important;
}

a:hover {
    color: var(--sd-pink) !important;
}

/* 8. FORM INPUTS (Fresha Style) */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    color: var(--sd-black) !important;
    background-color: #f8fafc !important;
    outline: none !important;
}

input:focus, textarea:focus {
    border-color: var(--sd-pink) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.1) !important;
}

/* 9. UTILITIES */
/* Use this class in Elementor "CSS Classes" field for gradients */
.sd-text-gradient {
    background: linear-gradient(135deg, var(--sd-pink), var(--sd-purple)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}/* End custom CSS */