/* Cocos Locos Elementor Pro Edition v2.2.0
 * Only compatibility/behavior rules live here.
 * Visual typography, colors, backgrounds, spacing and buttons are stored in Elementor data.
 */
.elementor-page .cl-site-main{overflow:hidden}
.elementor-page .cl-el-shortcode .elementor-shortcode{width:100%}
.elementor-page .cl-mobile-bottom-nav{z-index:9999}

/* Dynamic header controls generated by Core */
.cl-el-dynamic-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.cl-el-dynamic-actions .cl-theme-toggle,
.cl-el-dynamic-actions .cl-account-link,
.cl-el-dynamic-actions .cl-global-cart-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center}

/* Keep the imported logo tidy; width remains editable from the Image widget. */
.elementor-page .cl-el-header-logo img{max-height:88px;width:auto;object-fit:contain}
.elementor-page .cl-el-footer-logo img{max-width:150px;height:auto}

/* Header actions must stay in one row around the dynamic shortcode. */
.elementor-page .cl-el-header-actions>.elementor-widget-wrap{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap}
.elementor-page .cl-el-header-actions .elementor-widget{width:auto;margin:0}

@media(max-width:767px){
  .elementor-page .cl-el-topbar{display:none}
  .elementor-page .cl-el-header-actions>.elementor-widget-wrap{justify-content:center;flex-wrap:wrap}
  .cl-el-dynamic-actions{justify-content:center}
}

/* Tactile feedback for Elementor buttons on touch devices. */
@media (hover:none), (pointer:coarse){
  .elementor-page .elementor-button:active,
  .elementor-page .elementor-button.cl-neon-touch{
    box-shadow:0 0 0 1px currentColor,0 0 9px rgba(199,230,0,.62),0 0 20px rgba(199,230,0,.28)!important;
    filter:brightness(1.08)!important;
    transform:scale(.985)!important;
  }
}