.elementor-kit-6{--e-global-color-primary:#FFDD00;--e-global-color-secondary:#161616;--e-global-color-text:#4E4E4E;--e-global-color-accent:#61CE70;--e-global-color-94e5f76:#ECECEC;--e-global-color-ea63154:#FFFFFF;--e-global-color-976f0b5:#0075BE;--e-global-color-14d9ad8:#D10A11;--e-global-color-d3921fc:#FFFFFFD4;--e-global-color-89a20d3:#0071E3;--e-global-typography-primary-font-family:"Oswald";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-text );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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 *//* ============================================= */
/* Simple Favorites Button Enhancement (Font Awesome) */
/* ============================================= */

.simplefavorite-button {
  /* --- Reset & Base --- */
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;

  /* --- Icon Styling (ADJUST FONT-SIZE IN ELEMENTOR IF POSSIBLE) --- */
  font-size: 28px; /* Default size if not set in Elementor */
  color: #aaa;

  /* --- Smooth Transitions --- */
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
              color 0.3s ease-in-out,
              outline-offset 0.1s ease;

  /* --- Accessibility: Focus Outline --- */
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 50%;
}

/* --- Target the Font Awesome Icon Itself --- */
/* Ensures transitions apply directly to the icon if needed */
.simplefavorite-button .fa-heart {
  display: block; /* Helps with centering/sizing */
  transition: font-weight 0.1s step-end; /* Apply weight change instantly */
  /* Inherit color and size from parent button */
  font-size: inherit;
  color: inherit;
   /* --- IMPORTANT: Ensure Font Awesome font-family is applied --- */
   /* Usually themes/Elementor handle this, but add if icons disappear */
   /* font-family: "Font Awesome 5 Free"; */
   /* Or "Font Awesome 5 Brands", "Font Awesome 5 Solid" depending on setup */
   font-weight: 400; /* Explicitly set to Regular weight for inactive state */
}


/* --- Hover State --- */
.simplefavorite-button:hover {
  color: #ff7070;
  transform: scale(1.15);
}

/* --- Focus State (Accessibility) --- */
.simplefavorite-button:focus-visible {
  outline: 2px solid dodgerblue;
  outline-offset: 4px;
}

/* --- Active State (Favorited) --- */
.simplefavorite-button.active {
  color: #ff3b5f; /* Red color for the active state */
  animation: pop-favorite 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(1.1); /* Keep slightly scaled */
}

/* --- CHANGE ICON TO SOLID WHEN ACTIVE --- */
/* Target the icon specifically when the button is active */
.simplefavorite-button.active .fa-heart {
  font-weight: 900; /* This is the key: 900 makes Font Awesome use the SOLID style */
}


/* --- Hover State WHEN Active --- */
.simplefavorite-button.active:hover {
  color: #e6002e;
  transform: scale(1.25);
}

/* --- Focus State WHEN Active --- */
.simplefavorite-button.active:focus-visible {
  outline: 2px solid dodgerblue;
  outline-offset: 4px;
  color: #e6002e;
}


/* --- Click Pop Animation --- */
@keyframes pop-favorite {
  0%   { transform: scale(1.0); }
  50%  { transform: scale(1.4); color: #ff3b5f; } /* Pop bigger */
  100% { transform: scale(1.1); } /* Settle at active scale */
}


/* ============================================= */
/* Elementor / Plugin Specific Notes             */
/* ============================================= */
/*
 * 1. FONT AWESOME LOADING: This CSS assumes Font Awesome 5 (or later)
 *    is already being loaded correctly by your theme, Elementor, or
 *    another plugin. If the icons don't appear correctly, ensure
 *    Font Awesome support is enabled (check Elementor > Settings > Advanced).
 *    You might need to add the `font-family` declaration shown commented out
 *    inside `.simplefavorite-button .fa-heart`.
 *
 * 2. ICON CLASS: This specifically targets `.fa-heart`. If your plugin uses
 *    a different class *inside* the button for the icon, adjust accordingly.
 *
 * 3. !important: Use cautiously, only if needed to override stubborn styles.
 *
 * 4. PLACEMENT: Add this CSS via Elementor Custom CSS, Customizer, or Child Theme.
*//* End custom CSS */