/* ═══ 1. HEADER / MOBILE MENU ═══ */
@media (max-width:767px){
  #wi-header.wi-header{position:fixed!important;top:0;left:0;right:0;width:100%;
    z-index:100050!important;background:#000!important;box-shadow:0 2px 14px rgba(0,0,0,.45)}
  #wi-header .container{width:100%!important;padding:0!important;margin:0!important}
  #wi-header .row-fluid [class*="span"]{min-height:0!important}
  #wi-header .row-fluid .span2,#wi-header .row-fluid .span10{margin:0!important;width:100%!important;float:none!important;height:auto!important}
  #wi-logo{height:auto!important;padding:0!important;margin:0!important;overflow:visible!important}
  #wi-logo a{height:auto!important;line-height:0!important}
  #wi-logo img{max-height:38px!important;height:38px!important;width:auto!important;margin:9px 0 9px 14px!important}
  .toggle-menu{top:8px!important;right:12px!important;width:40px!important;height:40px!important;
    line-height:40px!important;background:#000!important;border-color:#c9a961!important;color:#c9a961!important}
  #wi-mainnav{max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  body{padding-top:56px!important;background-color:#000!important}
}
@media (max-width:767px) and (min-width:601px){
  body.admin-bar #wi-header.wi-header{top:46px}
}

/* ═══ 2. HERO SLIDESHOW — pure CSS, no JavaScript ═══
   The theme's supersized slider does not start on some phones, leaving a
   grey box. These three images crossfade with CSS only, so the hero always
   shows and always moves. */
@media (max-width:767px){
  #supersized,#controls-wrapper,#prevslide,#nextslide{display:none!important}
  #wi-top-area.type-slider-fullscreen{z-index:1!important;background-color:#0d0b0a!important;
    background-image:url(/wp-content/uploads/2023/01/IMG_BLUEsmoke_2800pxw-1.jpg)!important;
    background-size:cover!important;background-position:50% 50%!important;
    background-repeat:no-repeat!important;background-attachment:scroll!important}
  #wi-top-area.type-slider-fullscreen::before,
  #wi-top-area.type-slider-fullscreen::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;
    z-index:1;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;
    opacity:0;pointer-events:none}
  #wi-top-area.type-slider-fullscreen::before{
    background-image:url(/wp-content/uploads/2023/01/las-vegas-best-boudoir-photographers-1-1.jpg);
    animation:bcSlideB 21s ease-in-out infinite}
  #wi-top-area.type-slider-fullscreen::after{
    background-image:url(/wp-content/uploads/2023/02/best-boudoir-photographers-las-vegas.jpg);
    animation:bcSlideC 21s ease-in-out infinite}
}
@keyframes bcSlideB{0%,2%{opacity:0}9%,30%{opacity:1}37%,100%{opacity:0}}
@keyframes bcSlideC{0%,35%{opacity:0}42%,63%{opacity:1}70%,100%{opacity:0}}

/* ═══ 3. GOLD CALL BUTTONS ═══ */
@media (max-width:900px){
  a.rm-mobile-call{background:linear-gradient(135deg,#e6cd86 0%,#c9a961 55%,#b8944a 100%)!important;
    color:#171310!important;font-weight:700!important;letter-spacing:.06em!important;
    box-shadow:0 -3px 14px rgba(0,0,0,.35)!important;border-top:1px solid rgba(255,255,255,.35)!important}
  a.rm-mobile-call:active{background:#c9a961!important}
}
html body a.btn.rm-hero-call,html body .wi-button a.btn.rm-hero-call,
html body #wi-top-area .wi-button a.btn.rm-hero-call,
html body #wi-top-area .wi-button .btn.rm-hero-call,
html body #wi-mainnav .menu li.call-cta > a{
  background:linear-gradient(135deg,#e6cd86 0%,#c9a961 55%,#b8944a 100%)!important;
  border:2px solid #c9a961!important;color:#171310!important;
  text-shadow:none!important;font-weight:700!important}
html body #wi-top-area .wi-button a.btn.rm-hero-call:hover,
html body #wi-mainnav .menu li.call-cta > a:hover{
  background:linear-gradient(135deg,#f5e4b3 0%,#d8bb75 55%,#c9a961 100%)!important;color:#171310!important}