/* SOCIOS PRO V1.7.0 - presentation only, no backend changes */
:root{--ec-action:#087a70;--ec-action-hover:#05665d}
/* DESKTOP sidebar: icons first, expand only when explicitly opened */
@media(min-width:1025px){
 body .navbarDashboard,body .navbarDashboard:hover{width:4.5rem!important;min-width:4.5rem!important;max-width:4.5rem!important;overflow-x:hidden!important;transition:width .2s ease!important}
 body .navbarDashboard.ec-sidebar-open,body .navbarDashboard.ec-sidebar-open:hover{width:17.5rem!important;min-width:17.5rem!important;max-width:17.5rem!important;overflow-x:hidden!important}
 body .navbarDashboard{padding-top:55px!important}
 #ec-sidebar-toggle{display:flex!important}
 body .navbarDashboard a{white-space:nowrap!important;min-height:42px!important;gap:1.2rem!important}
 body .navbarDashboard a svg,body .navbarDashboard a i{flex-shrink:0!important}
}
/* The floating menu button is installed by the companion JS after the admin loads */
#ec-sidebar-toggle{position:fixed;left:8px;top:10px;z-index:996;border:0;border-radius:10px;width:42px;height:42px;background:#075f5b;color:white;box-shadow:0 3px 12px #0003;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:23px}
#ec-sidebar-toggle:focus-visible{outline:3px solid #ffb74f;outline-offset:2px}
#ec-sidebar-scrim{display:none;position:fixed;inset:0;background:#0009;z-index:993}
@media(max-width:1024px){
 body .navbarDashboard,body .navbarDashboard:hover{position:fixed!important;top:0!important;left:0!important;width:min(80vw,290px)!important;min-width:0!important;max-width:min(80vw,290px)!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateX(-110%)!important;transition:transform .22s ease!important;z-index:995!important;padding:60px 7px 14px!important;border-radius:0 13px 13px 0!important}
 body .navbarDashboard.ec-sidebar-open,body .navbarDashboard.ec-sidebar-open:hover{transform:translateX(0)!important}
 body .navbarDashboard a{min-height:45px!important;margin:4px 0!important;white-space:nowrap!important;gap:14px!important;padding:8px 13px!important}
 body .navbarDashboard a svg,body .navbarDashboard a i{flex-shrink:0!important}
 body:has(.navbarDashboard.ec-sidebar-open) #ec-sidebar-scrim{display:block}
 #ec-sidebar-toggle{display:flex;top:12px}
 body .containerMain,body .containerSection{width:100%!important;max-width:100%!important;min-width:0!important}
}
/* Main panel: match the sidebar content height without obscuring long content */
body .containerMain,body .containerSection{min-height:100dvh!important;height:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}
body .containerSection :is(h1,h2){font-size:clamp(18px,1.8vw,27px)!important;line-height:1.3!important}
body .containerSection :is(h3,h4){font-size:clamp(15px,1.4vw,20px)!important;line-height:1.4!important}
body .containerSection :is(button,input,textarea,select,td,th){font-size:clamp(13px,1vw,16px)!important}
/* Three best-selling products in view, additional items on a vertical scroll */
#swiper_container_products:has(#SwiperSlide-scroll-products-masvendidos){max-width:100%!important;width:100%!important;overflow:hidden!important}
#swiper_container_products .swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos),
.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;max-height:355px!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;align-content:start!important;touch-action:pan-y!important;scrollbar-width:thin!important;padding:4px 8px 8px!important;box-sizing:border-box!important}
.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos)>#SwiperSlide-scroll-products-masvendidos{margin:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;transform:none!important}
.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos) .cardProdcutmasVendido{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important}
.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos) .cardProdcutmasVendido img{height:145px!important;object-fit:cover!important}
.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos) .cardText h4{font-size:clamp(14px,1.15vw,17px)!important}
@media(max-width:800px){.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos){grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:365px!important}}
@media(max-width:520px){.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos){grid-template-columns:minmax(0,1fr)!important;max-height:360px!important}.swiper-wrapper:has(> #SwiperSlide-scroll-products-masvendidos) .cardProdcutmasVendido img{height:135px!important}}
/* Cart layout, consistent in both theme variants */
body .modal-cart{width:min(440px,100vw)!important;max-width:100vw!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}
body .modal-cart .deleteCart{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 12px!important;min-height:34px!important;min-width:0!important;width:auto!important;max-width:52%!important;margin:0!important;border:1px solid currentColor!important;border-radius:9px!important;font-size:13px!important;font-weight:600!important;white-space:normal!important;text-align:center!important;line-height:1.25!important;background:transparent!important}
body .modal-cart .deleteCart:hover{filter:brightness(.9);text-decoration:underline}
body .modal-cart :is(.deleteCart,button):focus-visible{outline:3px solid #f9b04d!important;outline-offset:2px!important}
body .modal-cart .cardProductCart{border-radius:12px!important;min-width:0!important;max-width:100%!important;padding:12px!important;align-items:flex-start!important}
body .modal-cart .cardProductCart :is(h3,p,span,small){color:#243941!important;opacity:1!important}
html[data-theme=dark] body .modal-cart .cardProductCart{background:#1e3440!important;color:#edf7f9!important}
html[data-theme=dark] body .modal-cart .cardProductCart :is(h3,p,span,small){color:#edf7f9!important}
html[data-theme=light] body .modal-cart .cardProductCart{background:#f5f9fa!important;color:#203640!important}
html[data-theme=light] body .modal-cart .deleteCart{color:#7b2734!important}
html[data-theme=dark] body .modal-cart .deleteCart{color:#ffe1e1!important}
/* Checkout input backgrounds, selection and radio positioning */
body .modal-cart .deFLexRadio,body .modal-cart .modal-send-form{min-width:0!important;max-width:100%!important}
body .modal-cart .deFLexRadio input[type=radio]{position:static!important;margin:0!important;transform:none!important;inset:auto!important;flex:0 0 17px!important}
body .modal-cart .deFLexRadio label{flex:1!important;min-width:0!important;overflow-wrap:anywhere!important}
body .modal-cart ::selection{background:#d2f6ed!important;color:#12303a!important}
/* Main checkout submit action with contrasting color and hover */
body .modal-cart .ec-checkout-action{background:#ef8d25!important;border:1px solid #cf6b10!important;color:#1f1911!important;font-weight:800!important;border-radius:11px!important;box-shadow:0 4px 13px #0002!important;min-height:46px!important;opacity:1!important}
body .modal-cart .ec-checkout-action:not(:disabled):hover{background:#ffac47!important;color:#19140d!important;transform:translateY(-1px)!important}
body .modal-cart .ec-checkout-action:disabled{background:#a3acb0!important;color:#27323a!important;box-shadow:none!important;cursor:not-allowed!important}
/* Mobile checkout header and controls */
@media(max-width:600px){
 body .modal-cart{width:100vw!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
 body .modal-cart :is(h1,h2){font-size:19px!important}
 body .modal-cart .deleteCart{padding:6px 9px!important;font-size:12px!important}
 body .modal-cart .modal-send-form{padding:12px!important}
 body .modal-cart :is(input,select,textarea,button){font-size:14px!important}
}
