/* Petland Miami: small fixes needed on every page (team review, Nov 3). */
/* Contact page: Email and Phone side by side. */
@media (min-width: 641px) { .page-contact .gform_wrapper .gfield--type-email.gfield--width-half, .page-contact .gform_wrapper .gfield--type-phone.gfield--width-half { grid-column: span 6 !important; } }
/* Contact page: no stray bullet next to the store card. */
.page-contact .locations-accordion > li, .locations-accordion > li.list-unstyled { list-style: none; }
/* Tap-to-call numbers inside form text. */
a.plm-tel { color: inherit; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
/* Puppy Extras: section heading on the left, with space and the orange divider like other pages. */
.page-template-page-puppy-packages .entry-content h2.wp-block-heading { text-align: left !important; margin-top: 2rem; padding-bottom: .65rem; position: relative; margin-bottom: 1.1rem !important; }
.page-template-page-puppy-packages .entry-content h2.wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 3px; border-radius: 2px; background: var(--plm-primary, #c4501a); }
.page-template-page-puppy-packages .entry-content > *:first-child h2.wp-block-heading:first-child { margin-top: 2.5rem; }

/* ---------- Sale bar: thin, at the very top, stays on screen (Bella, Nov 8) ---------- */
.plm-salebar { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 1035; display: flex; align-items: stretch; justify-content: flex-end; min-height: 38px; background: #8e1220; color: #fff; font-size: .9rem; line-height: 1.2; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
/* The parent theme sets overflow on <body>, which stops "sticky" from working; clip keeps the same look. */
/* Logged-in staff: WordPress's own admin bar is pinned at the top, so the sale bar just sits under it. */
body.admin-bar .plm-salebar { position: relative; top: 0; }
body:has(> .plm-salebar) { overflow-x: clip !important; overflow-y: visible !important; }
.plm-salebar:not(.has-sale) { background: #1d1d1d; min-height: 32px; font-size: .82rem; }
.plm-salebar__msg { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .25rem .6rem; padding: .45rem .75rem; color: #fff !important; text-decoration: none !important; text-align: center; }
.plm-salebar__msg strong { font-weight: 800; letter-spacing: .01em; }
.plm-salebar__msg small { opacity: .85; font-style: italic; }
.plm-salebar__btn { display: inline-flex; align-items: center; gap: .3rem; background: #fff; color: #8e1220; font-weight: 800; border-radius: 999px; padding: .2rem .75rem; font-size: .82rem; text-transform: uppercase; }
.plm-salebar__msg:hover .plm-salebar__btn, .plm-salebar__msg:focus-visible .plm-salebar__btn { background: #ffe7cf; }
.plm-lang { flex: 0 0 auto; display: flex; align-items: center; gap: .35rem; padding: 0 .9rem; background: rgba(0,0,0,.22); font-weight: 700; }
.plm-lang button { background: none; border: 0; color: #fff; padding: .5rem .1rem; font: inherit; cursor: pointer; opacity: .8; }
.plm-lang button.is-on { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.plm-lang button:hover, .plm-lang button:focus-visible { opacity: 1; }
@media (max-width: 575.98px) {
	.plm-salebar { font-size: .8rem; }
	.plm-salebar__msg { justify-content: flex-start; text-align: left; padding: .4rem .6rem; }
	.plm-salebar__msg small, .plm-salebar__msg > .bi-tag-fill { display: none; }
	.plm-salebar__btn { display: none; } /* the whole bar is the link on phones */
	.plm-salebar__msg strong::after { content: " \203A"; }
	.plm-lang { padding: 0 .55rem; flex-direction: column; justify-content: center; gap: 0; }
	.plm-lang > span, .plm-lang .bi-translate { display: none; }
	.plm-lang button { padding: .1rem 0; font-size: .74rem; }
}

/* ---------- Areas ticker: home page, under the main picture ---------- */
.plm-ticker { display: flex; align-items: stretch; background: #fff4ec; border-top: 1px solid rgba(207, 91, 31, .18); border-bottom: 1px solid rgba(207, 91, 31, .18); font-size: .88rem; line-height: 1; }
.plm-ticker__label { flex: 0 0 auto; display: flex; align-items: center; gap: .1rem; padding: 0 1.1rem; background: #c5511c; color: #fff !important; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: .82rem; text-decoration: none !important; white-space: nowrap; }
.plm-ticker .plm-ticker__label i { color: #fff; }
.plm-ticker__label:hover, .plm-ticker__label:focus-visible { background: #a8420f; }
.plm-ticker__view { flex: 1 1 auto; overflow: hidden; mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 32px), transparent 100%); }
@media (max-width: 575.98px) { .plm-ticker__label { padding: 0 .7rem; font-size: .74rem; } }
.plm-ticker a { color: #2b2b2b; text-decoration: none; font-weight: 600; }
.plm-ticker a:hover, .plm-ticker a:focus-visible { color: #c5511c; text-decoration: underline; }
.plm-ticker__track { display: flex; width: max-content; animation: plm-ticker 80s linear infinite; }
.plm-ticker:hover .plm-ticker__track, .plm-ticker:focus-within .plm-ticker__track { animation-play-state: paused; }
.plm-ticker__group { display: flex; align-items: center; gap: 1rem; padding-right: 1rem; white-space: nowrap; }
.plm-ticker__group a, .plm-ticker__group span { padding: .7rem 0; }
.plm-ticker__dot { color: #e0592a; }
.plm-ticker__award { color: #8e1220 !important; font-weight: 800 !important; }
.plm-ticker i { margin-right: .3rem; color: #c5511c; }
@keyframes plm-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.plm-ticker__track { animation: none; }
	.plm-ticker__view { overflow-x: auto; mask-image: none; }
	.plm-ticker__group[aria-hidden="true"] { display: none; }
}

/* Google's own translate bar and tooltips stay hidden; our switch does the job. */
.skiptranslate iframe, iframe.goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, .goog-tooltip, .goog-te-spinner-pos { display: none !important; }
body { top: 0 !important; }
font[style] { background: transparent !important; box-shadow: none !important; }

/* ---------- Financing: QR code (Financing page, computers) and Apply button in the pop-up ---------- */
.plm-fin-qr { align-items: center; gap: .9rem; margin: 1.1rem 0 .4rem; padding: .7rem .9rem; border: 1px dashed rgba(0,0,0,.18); border-radius: 14px; background: #fff; max-width: 420px; }
.plm-fin-qr img { flex: 0 0 auto; width: 96px; height: 96px; }
.plm-fin-qr p { margin: 0; font-size: .92rem; line-height: 1.35; }
.plm-fin-apply { margin: .25rem 0 1rem; }
.plm-fin-apply .btn { border-radius: 999px; font-weight: 800; }
.plm-fin-apply__or { display: flex; align-items: center; gap: .6rem; margin: .9rem 0 0; color: #6b6b6b; font-size: .85rem; }
.plm-fin-apply__or::before, .plm-fin-apply__or::after { content: ""; flex: 1; height: 1px; background: rgba(0,0,0,.12); }

/* ---------- Spanish (Google translation on): keep longer words from breaking the layout ---------- */
html.translated-ltr header .nav-underline { gap: .1rem; }
html.translated-ltr header .nav-underline .nav-link { font-size: .82rem; padding-left: .4rem; padding-right: .4rem; white-space: nowrap; }
html.translated-ltr .btn { overflow-wrap: anywhere; }
html.translated-ltr .plm-btns .btn, html.translated-ltr .plm-promo .btn, html.translated-ltr .plm-extras__btn { white-space: normal; line-height: 1.2; }
html.translated-ltr .product-btn-phone .bi { margin-right: .15rem; }
html.translated-ltr .tp-detail-row__label { white-space: normal; overflow: visible; text-overflow: clip; }

/* Award strip under the ticker (home). BusinessRate Best of 2025 and 2026, proof from Bella Nov 9. */
.plm-award{background:#fff8e6;border-bottom:1px solid #f1dfb0}
.plm-award__inner{display:flex;align-items:center;justify-content:center;gap:.85rem;max-width:1140px;margin:0 auto;padding:.7rem 1rem;color:#3a2a12;text-decoration:none}
a.plm-award__inner:hover{color:#3a2a12}
.plm-award__badge{flex:0 0 auto;width:52px;height:52px}
.plm-award__text{min-width:0}
.plm-award__title{margin:0;font-weight:800;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.25}
.plm-award__years{display:inline-block;margin-left:.35rem;padding:.1rem .55rem;border-radius:999px;background:#c5511c;color:#fff;font-size:.8em;font-weight:800;vertical-align:.1em;white-space:nowrap}
.plm-award__sub{margin:.15rem 0 0;font-size:.82rem;color:#6b5a3a}
@media (max-width:575.98px){.plm-award__inner{justify-content:flex-start;padding:.6rem 16px}.plm-award__badge{width:44px;height:44px}.plm-award__sub{font-size:.75rem}}
/* Financing page: two apply buttons can wrap on small screens. */
.financing-hero__cta{flex-wrap:wrap}
