/*
 * R4Paws Brand Color Overrides
 * Recolors all paw/foot decorative images to match logo orange: #EF7A1D
 * Source: cropped-logo-resort4paws-web.png dominant color
 *
 * Filter converts any source color → #EF7A1D (orange)
 * Formula: brightness(0) makes image black, then sepia/hue-rotate applies the target color
 */

/* ------------------------------------------------------------------
   Brand color variable
------------------------------------------------------------------ */
:root {
  --r4paws-orange: #ef7a1d;
  --r4paws-navy:   #1d4979;
  --paw-filter: brightness(0) saturate(100%) invert(56%) sepia(82%) saturate(987%) hue-rotate(346deg) brightness(101%) contrast(101%);
}

/* ------------------------------------------------------------------
   HOMEPAGE BANNER — pink & green foot shapes
------------------------------------------------------------------ */
.banner-section-outer .banner-section .banner-section-image .banner-pink_foot_shape img,
.banner-section-outer .banner-section .banner-section-image .banner-green_foot_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   SUB-BANNER (all inner pages) — pink & green foot shapes
------------------------------------------------------------------ */
.sub-banner-section-outer .banner-section .banner-section-content .sub_banner_pink_foot_shape img,
.sub-banner-section-outer .banner-section .banner-section-content .sub_banner_green_foot_shape img,
.sub_banner_pink_foot_shape img,
.sub_banner_green_foot_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   SERVICES SECTION — left & right floating paws
------------------------------------------------------------------ */
.services_section .services_left_shape img,
.services_section .services_right_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   ABOUT SECTION — foot shapes
------------------------------------------------------------------ */
.about_section .about_images_wrapper .about_foot_shape img,
.about_section .about_left_shape img,
.aboutus_section .about_images_wrapper .about_aboutus_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   GALLERY SECTION — big & small foot shapes
------------------------------------------------------------------ */
.gallery_section .gallery_big_foot_shape img,
.gallery_section .gallery_small_foot_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   NEWSLETTER SECTION — purple & green feet
------------------------------------------------------------------ */
.newsletter_section .newsletter_purple_foot img,
.newsletter_section .newsletter_green_foot img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   REGISTER SECTION — big & small foot shapes
------------------------------------------------------------------ */
.register_now_section .register_big_foot_shape img,
.register_now_section .register_small_foot_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   OUR STORE SECTION — big & small foot shapes
------------------------------------------------------------------ */
.store_section .our_store_big_foot_shape img,
.store_section .our_store_small_foot_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   GENERIC FLOATING SHAPES used across all pages
   (.top_bottom_shape floats vertically, .left_right_shape floats horizontally)
   NOTE: These wrap paws.png, sub_banner_pink_foot.png etc.
------------------------------------------------------------------ */
.top_bottom_shape img,
.left_right_shape img,
.home_section_tb_shape img,
.section_services_three.home_section_tb_shape img {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   SERVICE PAGE — specific paw classes (dog-daycare, boarding, training)
------------------------------------------------------------------ */

/* Dog Daycare */
.pawssdogvector img,
.pawssdogvectorsss img,
.pawsimages,
.paws_foot_imges,
.groupsspecial img,
.groupsspecial2 img,
.about_foot_shape1 img {
  filter: var(--paw-filter) !important;
}

/* Boarding */
.pawsboard img,
.pawsssfoot,
.pawssfoot2 {
  filter: var(--paw-filter) !important;
}

/* Training */
.pawsfoot img,
.pawsfoot1 img {
  filter: var(--paw-filter) !important;
}

/* Grooming */
.decorative-image,
.pinkfootimage {
  filter: var(--paw-filter) !important;
}

/* ------------------------------------------------------------------
   FONT ICON PAWS — fa-paw & ph-paw-print
------------------------------------------------------------------ */
.fa-paw,
.fas.fa-paw,
.far.fa-paw,
.fal.fa-paw,
.fad.fa-paw,
.ph-fill.ph-paw-print,
.ph-paw-print {
  color: var(--r4paws-orange) !important;
}

.shortcode-icon .icon-wrap.default_icon.color_1 {
  color: var(--r4paws-orange) !important;
}