/* =====================================================================
   Superb Cash Advance — accessibility polish
   ---------------------------------------------------------------------
   Scope, deliberately narrow:

     1. Tap targets raised to 44px on touch pointers only, so the desktop
        layout is untouched. Padding is used everywhere rather than a
        font-size change, so no type scales up and no copy reflows.

     2. WCAG AA text contrast, only where a light colour is used as SMALL
        TEXT ON A LIGHT BACKGROUND.

   Coral #FF6767 IS the brand colour and is NOT redefined anywhere in this
   file. --superb-coral-text below is a text-only companion at the same
   hue (0deg) that clears 4.5:1 on white. Coral on dark backgrounds, coral
   buttons and coral accents are left exactly as they are.

   Loaded after superb-theme.min.css by mu-plugins/superb-a11y-polish.php.
   Kept in its own file on purpose: nothing here edits, and nothing here
   depends on, superb-theme.min.css / superb-theme.scss, so concurrent
   work on those files cannot clobber it and it cannot clobber them.

   Nothing in this file touches the mobile menu scroll behaviour, the cost
   tables, or the /500-cash-advance-no-credit-check/ breadcrumb layout.

   Added 2026-08-11.
   ===================================================================== */

:root {
	/* #FF6767 on #fff = 2.84:1   ->   #BE4A4A on #fff = 4.92:1  (hue 0deg, unchanged) */
	--superb-coral-text: #BE4A4A;
	/* rgb(251,142,40) on #fff = 2.33:1  ->  #A65F1B on #fff = 4.91:1  (hue 29deg, unchanged) */
	--superb-rating-text: #A65F1B;
	/* #007BFF on #fff = 3.98:1   ->   #0062CC on #fff = 5.80:1  (hue 211deg, unchanged) */
	--superb-form-link: #0062CC;
}

/* ---------------------------------------------------------------------
   Contrast — applies at every width, it is a colour change only.
   --------------------------------------------------------------------- */

/* Phone links. Site-wide footer phone is coral 14px on white.
   The store phone carries its own inline navy and is not affected. */
a[href^="tel:"] {
	color: var(--superb-coral-text);
}

/* Current-page breadcrumb. The coral underline moves with the text so the
   crumb stays visually distinct from the navy breadcrumb links. */
.yoast-breadcrumbs .breadcrumb_last {
	color: var(--superb-coral-text);
}

.yoast-breadcrumbs .breadcrumb_last:after {
	background-color: var(--superb-coral-text);
}

/* Google rating value. The reviews plugin paints the number with
   color: var(--rpi-rating-color, var(--star-color)) and the star glyphs
   with background-color: var(--star-color). Overriding only the rating
   token darkens the number and leaves the stars brand-orange. */
.rpi-stars {
	--rpi-rating-color: var(--superb-rating-text);
}

/* Application form consent links. The ID selector matches the specificity of
   the embedded form's own "#embedded-form-container a { color:#007bff }". */
.form__note a,
#embedded-form-container .form__note a {
	color: var(--superb-form-link);
}

/* ---------------------------------------------------------------------
   Tap targets — touch pointers only.
   --------------------------------------------------------------------- */
@media (hover: none) and (pointer: coarse) {

	/* Hamburger, 74x34 -> 74x44. Symmetric padding, so the icon keeps its
	   size and stays centred. */
	#masthead .menu-toggle,
	.main-navigation .menu-toggle,
	button.menu-toggle {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	/* Mobile submenu arrow, 48x40 -> 48x44. */
	body .menu-item-has-children .dropdown-menu-toggle,
	.main-navigation .dropdown-menu-toggle {
		padding-top: 13px;
		padding-bottom: 13px;
	}

	/* Phone links, 20-23px tall -> 44px+. These sit inline inside running
	   copy, so vertical padding grows the hit area without moving a single
	   line of text. The store phone is the primary conversion on an office
	   page, so it gets the same treatment through the same rule. */
	a[href^="tel:"],
	.superb-nap a[href^="tel:"] {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	/* State page city links, 289x24 -> 289x44. */
	.filter-section .list-title a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* City hub office cards: "Get directions" and "View the location page",
	   18px -> 44px. The row is a flex container, so these are flex items and
	   real padding applies cleanly. Scoped to the card so the office page's
	   own map links, which already clear 44px, are not inflated. */
	.osm-map-listing a {
		padding-top: 13px;
		padding-bottom: 13px;
	}

	/* Application form consent links. Six links inline in one sentence, 16px
	   tall and 5px apart. Opening the line rhythm and boxing each link gives
	   real separation in both axes without rewording the sentence.
	   The link resets line-height so the 4x paragraph rhythm is not inherited
	   into its own box, which would make the boxes taller than the line pitch
	   and push them back into each other. All the horizontal breathing room
	   comes from margin-left, not padding: padding would grow the box towards
	   its neighbour instead of away from it. */
	.form__note {
		line-height: 4;
	}

	.form__note a {
		display: inline-block;
		line-height: 1.3;
		padding-top: 13px;
		padding-bottom: 13px;
		margin-left: 6px;
	}
}

/* ---------------------------------------------------------------------
   Sticky CTA clearance.
   The bar is 80px, position: fixed, bottom: 0, z-index: 99, and it is
   hidden from 1025px up, so the clearance is scoped to the same range.
   Without this the last 80px of every page can never be scrolled clear
   and the copyright line sits permanently under the bar.
   --------------------------------------------------------------------- */
@media (max-width: 1024px) {
	body:has(.sticky-button) {
		padding-bottom: 80px;
	}
}