/*
 * Theme Name:  PrimePoint Child Theme
 * Theme URI:   https://primepointclinic.ca
 * Description: Child theme for PrimePoint Medical Clinic — built on top of Hello Elementor
 * Author:      PrimePoint Medical Clinic
 * Template:    hello-elementor
 * Version:     1.0.0
 */


/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */

:root {
  --color-navy: #0E253D;
  --color-green: #1B9A6F;
  --color-teal: #18BAAC;
  --color-blue: #67C9D5;
  --color-neutral: #E5E9EF;
  --color-white: #FFFFFF;
  --color-black: #222222;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Montserrat", system-ui, -apple-system, sans-serif;

  --text-base: 16px;
  --line-relaxed: 1.6;
}


/* ============================================================
   2. BASE
   ============================================================ */

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: var(--line-relaxed);
  color: var(--color-black);
  background-color: var(--color-white);
}


/* ============================================================
   3. TYPOGRAPHY
   ============================================================ */

p,
li,
td,
blockquote,
label,
input,
select,
textarea,
button {
  font-family: var(--font-body);
}

p {
  color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
  color: var(--color-navy);
}

.teal-text {
    color: var(--color-teal);
}


/* ============================================================
   4. LINKS
   ============================================================ */

a {
  color: var(--color-green);
  text-decoration: none;
}

a:hover,
a:focus-visible {
  color: var(--color-navy);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Nav menu: remove hover underline */
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item:focus-visible {
  text-decoration: none !important;
}

/* Keep Elementor buttons from inheriting plain link styles */
.elementor-button,
.elementor-button:visited,
.elementor-button:hover,
.elementor-button:focus,
.elementor-button:focus-visible {
  text-decoration: none !important;
}

/* ============================================================
   5. ETC
   ============================================================ */
/*Popup Border Fix*/
.dialog-lightbox-message a.elementor-icon:focus,
.dialog-lightbox-message a.elementor-icon:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

/* Closed state (plus icon) */
.elementor-457 .e-n-accordion-item-title-icon .e-closed svg {
    fill: var(--color-navy) !important;
}

/* Open state (minus icon) */
.elementor-457 .e-n-accordion-item-title-icon .e-opened svg {
    fill: var(--color-navy) !important;
}

.elementor-457 .elementor-element-d65bdf2 a[href="#"] {
    display: none !important;
}

.elementor-457 .elementor-element-d65bdf2 a[href=""] {
    display: none !important;
}

/*Service Page Toggle Title*/

.elementor-element-da38949 a.elementor-toggle-title {
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.elementor-element-da38949 a.elementor-toggle-title:hover {
    text-decoration: none !important;
}