/* Rank.Vegas Mobile — global phone layer. Every rule is scoped to a body class this plugin adds. */

/* Phone polish */
.rvm-ux{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.rvm-ux :is(.rvm-share button,.rvm-install button,.rvm-install a):focus-visible{outline:3px solid #b71925;outline-offset:3px}
@media (max-width:700px){
 /* 16px fields: iPhone no longer zooms in when a visitor taps the contact form. */
 .rvm-ux .rvx-contact-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 /* Small inline links become comfortable thumb targets. */
 .rvm-ux .rvvp-player a[href*="youtube.com/watch"],.rvm-ux footer a[href^="mailto:"],.rvm-ux .rvn-video-link a,.rvm-ux .rvn-more a{display:inline-flex;align-items:center;min-height:44px}
 .rvm-ux footer .wp-block-navigation-item__content{min-width:44px}
 /* Tiny labels (9–11px) become readable. */
 .rvm-ux .rvvp-player :is(p,span,small){font-size:max(12px,1em)}
}

/* Swipe rails: long stacks of cards become horizontal rails on phones (homepage is ~4 screens shorter). */
@media (max-width:700px){
 .rvm-rails :is(.rvn-work-grid,.rvn-journal-grid,.rvn-steps).rvm-rail{display:flex!important;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .rvm-rails .rvm-rail::-webkit-scrollbar{display:none}
 .rvm-rails .rvm-rail>*{flex:0 0 84%;max-width:340px;margin:0!important;scroll-snap-align:start}
 .rvm-rails .rvn-steps.rvm-rail>*{flex-basis:78%}
 .rvm-rails .rvm-rail:focus-visible{outline:3px solid #b71925;outline-offset:2px}
 .rvm-rails .rvm-rail-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 0;font:700 .8125rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.04em;color:inherit;opacity:.75}
 .rvm-rails .rvm-rail-dots{display:flex;gap:6px}
 .rvm-rails .rvm-rail-dots span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .2s,width .2s}
 .rvm-rails .rvm-rail-dots span.is-on{opacity:1;width:18px;border-radius:4px}
}

/* Smarter bottom bar */
@media (max-width:700px){
 .rvm-dock .rvxp-mobile-dock{transition:transform .25s ease}
 .rvm-dock .rvxp-mobile-dock.rvm-dock-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
 .rvm-dock .rvxp-mobile-dock.rvm-dock-5 a{flex-direction:column;gap:3px;font-size:.6875rem;min-height:50px}
 .rvm-dock.rvm-dock-away .rvxp-mobile-dock{transform:translateY(110%)}
 .rvm-dock .rvxp-mobile-dock a[aria-current=page]:not(.rvxp-dock-start){color:#b71925;font-weight:700}
 .rvm-dock .rvxp-mobile-dock a[aria-current=page]:not(.rvxp-dock-start) svg{stroke-width:2.2}
}

/* Article reading tools */
.rvm-progress{position:fixed;inset:0 0 auto;height:3px;z-index:9999;background:#b71925;transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.rvm-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 0;font:400 .875rem/1.4 Arial,Helvetica,sans-serif;color:inherit}
.rvm-share .rvm-readtime{opacity:.8;margin-right:4px}
.rvm-share button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid currentColor;border-radius:5px;background:transparent;color:inherit;font:700 .875rem Arial,Helvetica,sans-serif;cursor:pointer}
.rvm-share [role=status]{min-width:1px}

/* Install invitation */
.rvm-install{position:fixed;left:12px;right:12px;bottom:calc(var(--rvxp-dock-height,0px) + 12px + env(safe-area-inset-bottom));z-index:9998;display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:center;padding:14px;border:1px solid #d5d5cf;border-radius:8px;background:#fff;color:#111;box-shadow:0 10px 30px rgba(0,0,0,.18);font:400 .9375rem/1.45 Arial,Helvetica,sans-serif}
.rvm-install img{grid-row:span 2;width:44px;height:44px;border-radius:10px}
.rvm-install strong{font-size:1rem}
.rvm-install .rvm-install-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:8px}
.rvm-install .rvm-install-actions button{flex:1;min-height:44px;border-radius:5px;border:1px solid #111;background:#fff;color:#111;font:700 .9375rem Arial,Helvetica,sans-serif;cursor:pointer}
.rvm-install .rvm-install-actions .rvm-install-yes{background:#b71925;border-color:#b71925;color:#fff}
@media (min-width:701px){.rvm-install{display:none}}
@media (prefers-reduced-motion:reduce){.rvm-dock .rvxp-mobile-dock,.rvm-rails .rvm-rail-dots span{transition:none}}