/* 
Theme Name: Tubbs Puppies
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ----------------------------------------------------------------------
 * Recolor inline yellow/amber SVG icons to the theme accent blue.
 * The icons (Elementor icon-list checkmarks, icon-box badges, About-page
 * quote bubble) ship with hard-coded amber hex codes inside the SVG
 * markup. CSS attribute selectors override SVG presentation attributes,
 * so we can swap them sitewide without editing Elementor page data.
 * Google brand yellow (#FBBC05) is intentionally NOT included so the
 * Google review badge stays correct.
 * -------------------------------------------------------------------- */

svg [stroke="#F59E0B"],
svg [stroke="#D97706"],
svg [stroke="#FDE68A"] {
  stroke: #3b82f6 !important;
}

svg [fill="#F59E0B"],
svg [fill="#D97706"],
svg [fill="#FDE68A"] {
  fill: #3b82f6 !important;
}

/* Round badge icons (e.g. "Vet Checked") use a pale-cream fill with a
   dark-amber checkmark on top. Use light-blue + deep-blue so the
   checkmark stays legible. */
svg [fill="#FEF3C7"] {
  fill: #dbeafe !important;
}
svg [stroke="#B45309"] {
  stroke: #1e40af !important;
}

/* Nav highlight: Available Puppies (menu-item-48) + Questionnaire (menu-item-1518)
   Match old-site pattern where CTA items get a solid background. */
.menu-item-48 > a.elementor-item,
.menu-item-1518 > a.elementor-item {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  transition: background-color 0.2s ease;
}

.menu-item-48 > a.elementor-item:hover,
.menu-item-1518 > a.elementor-item:hover,
.menu-item-48 > a.elementor-item:focus,
.menu-item-1518 > a.elementor-item:focus {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
}

/* Mobile menu (Elementor Pro renders <a> without .elementor-item on drawer) */
.elementor-nav-menu--dropdown .menu-item-48 > a,
.elementor-nav-menu--dropdown .menu-item-1518 > a {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Topbar: phone + email above header */
.tp-topbar {
  background-color: #3b82f6;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 20px;
  text-align: right;
  width: 100%;
}
.tp-topbar-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
}
.tp-topbar a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 500;
}
.tp-topbar a:hover {
  text-decoration: underline;
}
.tp-topbar-sep {
  opacity: 0.6;
}
@media (max-width: 640px) {
  .tp-topbar {
    text-align: center;
    font-size: 13px;
  }
  .tp-topbar-inner {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* Force disable the hover zoom image clone inside the FME Addons gallery wrapper */
.woocommerce
  div.product
  div.images
  .woocommerce-product-gallery__wrapper
  .zoomImg,
.fme-video-gallery-wrapper .zoomImg {
  display: none !important;
  pointer-events: none !important;
}