/* Portrait Public Panel — site-wide front-end styles (enqueued on every
   front-end page via wp_enqueue_scripts, which never runs in wp-admin).
   Currently: the pink hover treatment. (The Book Survey popup was reverted
   per Ben's direction — buttons are now plain new-tab links.) */

/* ============================================================================
   Pink (#CC3366) HOVER treatment — per button/link family, HOVER-ONLY.
   #CC3366 is the exact pink already on the site (the Bitform "Send Enquiry"
   accent). Rules touch ONLY the :hover/:focus target colour — default colours
   and existing transition timing are left exactly as the theme/plugin set
   them. EXCLUDED: the amber-glow "Analyse my rates" (.pp-btn) — not matched,
   and explicitly guarded with :not(.pp-btn); no amber glow/shadow is added.
   ========================================================================== */
.elementor-button:not(.pp-btn):hover,
.elementor-button:not(.pp-btn):focus-visible {
  background-color: #CC3366 !important;
  border-color: #CC3366 !important;
  color: #ffffff !important;
}
/* Bitform buttons (submit / next) — form ids are the stable hook. */
form[id*="bitforms"] button:hover,
form[id*="bitforms"] button:focus-visible,
.bitforms-form button:hover {
  background-color: #CC3366 !important;
  border-color: #CC3366 !important;
  color: #ffffff !important;
}
/* Footer text links — text-link hover state. */
[data-elementor-type="footer"] a:not(.elementor-button):hover,
.elementor-location-footer a:not(.elementor-button):hover {
  color: #CC3366 !important;
}

/* Property Report page title: the hello-elementor theme renders the H1
   dark navy (#1A2332) on the dark hero, so it reads grey/invisible. Force
   white — scoped to THIS page's title only (page-id-36601), so no other
   heading anywhere on the site is affected. */
body.page-id-36601 .entry-title { color: #FFFFFF !important; }

/* #22 Hero responsive: the Elementor flex hero stays row-direction on phones,
   squishing the search column. Below the tablet breakpoint, stack the hero and
   make the search box full-width + centered. Scoped to this hero container. */
@media (max-width: 767px) {
  .elementor-element-1b603e3.e-con { flex-direction: column !important; align-items: center !important; }
  .elementor-element-1b603e3.e-con > .elementor-element,
  .elementor-element-1b603e3.e-con > .e-con {
    width: 100% !important; max-width: 100% !important;
  }
  .elementor-element-777fae3 { width: 100% !important; max-width: 100% !important; align-items: center !important; }
  .elementor-element-777fae3 .pp-search { width: 100% !important; }
}

/* Homepage hero (search section f430fcd inside hero row 1b603e3): on phones,
   cut the heavy nested padding and drop the title a notch so
   "Check Your Business Rates in Seconds" fits on one line. Desktop untouched. */
@media (max-width:480px){
  .elementor-element-1b603e3{padding-left:16px!important;padding-right:16px!important}
  .elementor-element-f430fcd{padding-left:12px!important;padding-right:12px!important}
  .elementor-element-f430fcd .e-heading-base{font-size:16px!important;line-height:1.25!important}
  /* search box fills its column to match the title/paragraph block width above
     (search widget 6d5c701 carries an explicit 239px width; column is 777fae3) */
  .elementor-element-6d5c701{width:100%!important;max-width:100%!important}
  .elementor-element-777fae3{padding-left:0!important;padding-right:0!important}
  .elementor-element-777fae3 .pp-search{width:100%!important;max-width:100%!important}
}