/* CWSB Menu public + restaurant manager UI */ .cwsb-auth-shell{min-height:80vh;background:#f5f6f8;display:flex;align-items:center;justify-content:center;padding:50px 20px}.cwsb-auth-card{width:min(680px,100%);background:#fff;border:1px solid #e7e9ee;border-radius:24px;box-shadow:0 20px 60px rgba(20,25,35,.09);padding:42px}.cwsb-auth-brand,.cwsb-sidebar-brand{display:flex;gap:12px;align-items:center}.cwsb-brand-mark{width:42px;height:42px;border-radius:12px;background:#181d25;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.cwsb-auth-brand span{display:block;color:#8b929e;font-size:11px;margin-top:3px}.cwsb-auth-intro{margin:38px 0 26px}.cwsb-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8b929e}.cwsb-auth-intro h1,.cwsb-section-heading h2,.cwsb-welcome h2{font-size:30px;line-height:1.15;margin:8px 0}.cwsb-auth-intro p,.cwsb-section-heading p,.cwsb-welcome p{color:#7d8592;margin:0}.cwsb-form-section{padding:24px 0;border-top:1px solid #edf0f3}.cwsb-section-title{margin-bottom:18px}.cwsb-section-title b{display:block;font-size:16px}.cwsb-section-title span{font-size:13px;color:#9299a4}.cwsb-two-col,.cwsb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cwsb-field{margin-bottom:17px}.cwsb-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:#343a45}.cwsb-field em{color:#c74848;font-style:normal}.cwsb-field input,.cwsb-field textarea,.cwsb-field select,.cwsb-ui-form input:not([type=checkbox]),.cwsb-ui-form textarea,.cwsb-ui-form select{width:100%;border:1px solid #dfe3e9;border-radius:10px;padding:12px 13px;background:#fff;box-sizing:border-box;outline:0;transition:.18s}.cwsb-field input:focus,.cwsb-field textarea:focus,.cwsb-field select:focus{border-color:#707987;box-shadow:0 0 0 3px rgba(24,29,37,.06)}.cwsb-field-error{display:block;min-height:16px;color:#c94a4a;font-size:11px;margin-top:5px}.cwsb-field-help{display:block;color:#969daa;font-size:11px;margin-top:5px}.cwsb-upload{border:1px dashed #cfd5dd;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;background:#fafbfc}.cwsb-upload input{max-width:210px}.cwsb-upload span{font-size:13px}.cwsb-upload b{display:block;font-size:10px;color:#969daa;margin-top:3px}.cwsb-check{display:flex;gap:8px;align-items:center;font-size:12px;color:#656d79}.cwsb-primary-btn,.cwsb-light-btn,.cwsb-icon-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cwsb-primary-btn{background:#181d25;color:#fff}.cwsb-light-btn{background:#f1f3f6;color:#2f3540}.cwsb-icon-btn{padding:8px 11px;background:#f1f3f6;color:#454d59;font-size:11px}.cwsb-icon-btn.danger{color:#b74646;background:#fff1f1}.cwsb-submit-btn{width:100%;margin-top:8px}.cwsb-submit-btn i{display:none;width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;margin-left:9px;animation:cwsbspin .7s linear infinite}.cwsb-submit-btn.loading i{display:block}.cwsb-submit-btn.loading{opacity:.7}.cwsb-form-message{font-size:13px;margin:10px 0}.cwsb-form-message.error{color:#bd4444}.cwsb-form-message.success{color:#3b8b59}.cwsb-auth-footer{text-align:center;margin-top:22px;font-size:13px;color:#8a919c}.cwsb-auth-footer a{color:#222;font-weight:700}.cwsb-app{display:flex;min-height:820px;background:#f6f7f9;border-radius:22px;overflow:hidden;box-shadow:0 18px 60px rgba(18,24,33,.08);border:1px solid #e7e9ed;margin:20px auto;max-width:1500px}.cwsb-sidebar{width:272px;background:#171c24;color:#fff;padding:25px 18px;display:flex;flex-direction:column;box-sizing:border-box}.cwsb-sidebar-brand strong{font-size:14px}.cwsb-sidebar-brand small{display:block;color:#858e9d;font-size:10px;margin-top:2px}.cwsb-side-business{display:flex;gap:10px;align-items:center;padding:20px 8px;margin:20px 0;border-top:1px solid #2b313b;border-bottom:1px solid #2b313b}.cwsb-side-logo{width:40px;height:40px;object-fit:cover;border-radius:11px}.cwsb-side-placeholder{background:#303744;display:grid;place-items:center;font-weight:800}.cwsb-side-business b{display:block;font-size:12px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwsb-side-business span{display:block;color:#858e9d;font-size:10px;margin-top:3px}.cwsb-side-nav{display:grid;gap:4px}.cwsb-side-nav a,.cwsb-side-bottom a{color:#aab1bc;text-decoration:none;padding:11px 12px;border-radius:9px;font-size:12px;display:flex;gap:12px;align-items:center}.cwsb-side-nav a.is-active,.cwsb-side-nav a:hover,.cwsb-side-bottom a:hover{background:#2a313c;color:#fff}.cwsb-side-bottom{margin-top:auto;display:grid;gap:3px}.cwsb-main{flex:1;min-width:0;padding:0 38px 50px}.cwsb-topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9ed}.cwsb-topbar h1{font-size:22px;margin:5px 0 0}.cwsb-top-menu{background:#181d25;color:#fff;text-decoration:none;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:700}.cwsb-mobile-menu{display:none}.cwsb-section{display:none;padding:34px 0}.cwsb-section.is-visible{display:block}.cwsb-welcome{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e7e9ed;border-radius:18px;padding:27px;margin-bottom:20px}.cwsb-status{font-size:12px;font-weight:700}.cwsb-status i{display:inline-block;width:8px;height:8px;background:#43a86a;border-radius:50%;margin-right:7px}.cwsb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cwsb-stat,.cwsb-panel,.cwsb-setting-card{background:#fff;border:1px solid #e7e9ed;border-radius:16px;padding:22px;box-sizing:border-box}.cwsb-stat span,.cwsb-stat small{display:block;color:#8b929e;font-size:11px}.cwsb-stat strong{display:block;font-size:27px;margin:9px 0 5px;color:#202631}.cwsb-dashboard-columns,.cwsb-menu-overview,.cwsb-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.cwsb-panel-head,.cwsb-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.cwsb-panel h3,.cwsb-setting-card h3{margin:0 0 6px;font-size:16px}.cwsb-panel p{color:#8b929e;font-size:12px}.cwsb-url-box{background:#f5f6f8;border-radius:10px;padding:14px;font-size:12px;color:#555d69;word-break:break-all}.cwsb-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cwsb-quick-grid button{border:1px solid #e6e8ec;background:#fafbfc;border-radius:10px;padding:13px;text-align:left;cursor:pointer;font-size:12px}.cwsb-quick-grid b{font-size:16px;margin-right:7px}.cwsb-profile-hero{display:flex;gap:18px;align-items:center;border-bottom:1px solid #edf0f3;padding-bottom:22px;margin-bottom:24px}.cwsb-logo-preview{width:74px;height:74px;border-radius:18px;background:#f0f2f5;display:grid;place-items:center;overflow:hidden;font-size:25px;font-weight:800}.cwsb-logo-preview img{width:100%;height:100%;object-fit:cover}.cwsb-profile-hero h3{margin:0 0 4px}.cwsb-profile-hero p{margin:0 0 10px}.cwsb-upload-inline{font-size:11px;font-weight:700;background:#f0f2f5;padding:8px 10px;border-radius:8px;display:inline-block;cursor:pointer}.cwsb-upload-inline input{display:none}.cwsb-full{grid-column:1/-1}.cwsb-category-manager,.cwsb-product-manager{display:grid;gap:8px}.cwsb-manager-row,.cwsb-product-manager-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #edf0f3;border-radius:11px;background:#fff}.cwsb-manager-row.dragging{opacity:.5}.cwsb-drag-handle{color:#a2a9b3;cursor:grab}.cwsb-row-icon{width:36px;height:36px;border-radius:9px;background:#f0f2f5;display:grid;place-items:center}.cwsb-row-main{flex:1;min-width:0}.cwsb-row-main b,.cwsb-row-main span{display:block}.cwsb-row-main b{font-size:13px}.cwsb-row-main span{font-size:11px;color:#9299a4;margin-top:3px}.cwsb-row-price{font-size:12px}.cwsb-product-thumb{width:54px;height:54px;border-radius:9px;overflow:hidden;background:#f0f2f5}.cwsb-product-thumb img{width:100%;height:100%;object-fit:cover}.cwsb-save-order-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f3;padding-top:18px;margin-top:18px;font-size:11px;color:#8b929e}.cwsb-mini-list{margin:15px 0;display:grid;gap:4px}.cwsb-mini-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f1f3;font-size:12px}.cwsb-mini-list b{font-size:11px}.cwsb-toggle{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #edf0f3;cursor:pointer}.cwsb-toggle b,.cwsb-toggle small{display:block}.cwsb-toggle b{font-size:13px}.cwsb-toggle small{font-size:11px;color:#939aa5;margin-top:3px}.cwsb-toggle input{appearance:none;width:40px;height:22px;border-radius:99px;background:#d9dde3;position:relative;cursor:pointer}.cwsb-toggle input:after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.cwsb-toggle input:checked{background:#252b34}.cwsb-toggle input:checked:after{left:21px}.cwsb-preview-note{background:#f5f6f8;border-radius:10px;padding:12px;font-size:11px;color:#858d99;margin-top:16px}.cwsb-info-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf0f3;font-size:12px}.cwsb-info-row span{color:#8b929e}.cwsb-active-text{color:#3b9460}.cwsb-toast{position:fixed;right:24px;bottom:24px;z-index:99999;background:#181d25;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.cwsb-toast.show{opacity:1;transform:none}.cwsb-modal{display:none;position:fixed;inset:0;z-index:100000}.cwsb-modal.is-open{display:block}.cwsb-modal-backdrop{position:absolute;inset:0;background:rgba(10,14,20,.55)}.cwsb-modal-card{position:relative;width:min(650px,calc(100% - 30px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:18px;padding:28px;box-sizing:border-box}.cwsb-modal-close{position:absolute;right:15px;top:12px;border:0;background:#f1f3f6;width:30px;height:30px;border-radius:50%;font-size:20px;cursor:pointer}.cwsb-empty{text-align:center;padding:50px 20px;color:#949ba6;font-size:13px}.cwsb-dashboard-login{max-width:500px;margin:70px auto;padding:40px;background:#fff;border:1px solid #e7e9ed;border-radius:18px;text-align:center}.cwsb-dashboard-login h2{margin:0 0 20px} @keyframes cwsbspin{to{transform:rotate(360deg)}} .cwsb-sidebar{width:100%;min-height:auto}.cwsb-side-nav{grid-template-columns:1fr 1fr}.cwsb-side-bottom{margin-top:15px}.cwsb-main{padding:0 18px 40px}.cwsb-stat-grid{grid-template-columns:1fr 1fr}.cwsb-dashboard-columns,.cwsb-menu-overview,.cwsb-settings-grid{grid-template-columns:1fr}.cwsb-topbar{height:auto;padding:20px 0}.cwsb-top-menu{display:none}.cwsb-mobile-menu{display:inline;margin-right:8px}.cwsb-auth-card{padding:26px}.cwsb-two-col,.cwsb-form-grid{grid-template-columns:1fr}.cwsb-section-heading{display:block}.cwsb-section-heading .cwsb-primary-btn{margin-top:15px}.cwsb-welcome{display:block}.cwsb-status{margin-top:15px}.cwsb-product-manager-row{flex-wrap:wrap} /* CWSB PUBLIC MENU — preserve the original menu layout */ .cwsb-public-menu-page, .cwsb-public-menu-page * { box-sizing: border-box; } html.cwsb-public-menu-page, body.cwsb-public-menu-page { margin:0!important; padding:0!important; width:100%!important; min-width:0!important; background:#fff!important; } body.cwsb-public-menu-page { overflow-x:hidden!important; font-family:inherit; } .cwsb-public-menu-page .cwsb-public-menu-route { width:100%; max-width:none; margin:0; padding:0; } .cwsb-public-menu-page .cwsb-menu { width:100%; max-width:none; margin:0 auto; padding:34px clamp(18px,5vw,70px) 60px; font-family:inherit; } .cwsb-menu { width:100%; max-width:none; box-sizing:border-box; font-family:inherit; } .cwsb-menu * { box-sizing:border-box; } .cwsb-restaurant-heading { width:100%; text-align:center; margin:0 0 42px; padding:0; } .cwsb-restaurant-logo-wrap { display:flex; justify-content:center; align-items:center; margin:0 0 18px; } .cwsb-restaurant-logo { display:block; width:auto!important; max-width:min(220px,70vw)!important; height:auto!important; max-height:130px; object-fit:contain; margin:0 auto!important; } .cwsb-restaurant-heading h1 { margin:0!important; padding:0!important; border:0!important; font-size:32px!important; line-height:1.2!important; font-weight:400!important; color:#555!important; } .cwsb-menu { width: 100%; max-width: none; box-sizing: border-box; font-family: inherit; } .cwsb-menu * { box-sizing: border-box; } /* Full-width category navigation inside the menu's available container. */ .cwsb-category-nav-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; max-width: none; margin: 0 0 45px; padding: 0; } .cwsb-category-nav { display: flex; width: 100%; min-width: 0; max-width: none; gap: 34px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; white-space: nowrap; cursor: grab; touch-action: pan-x; padding: 8px 4px 14px; } .cwsb-category-nav::-webkit-scrollbar { display: none; } .cwsb-category-nav.is-dragging { cursor: grabbing; scroll-behavior: auto; } .cwsb-category-link { flex: 0 0 auto; display: inline-block; text-decoration: none !important; font-size: 20px; line-height: 1.25; letter-spacing: .04em; color: #777; padding: 2px 0; transition: color .2s ease; } .cwsb-category-link:hover, .cwsb-category-link.is-active { color: #111; } .cwsb-nav-arrow { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 42px; height: 44px; padding: 0; border: 0; background: transparent; color: #888; font-size: 34px; line-height: 1; cursor: pointer; } .cwsb-nav-arrow:hover { color: #111; } .cwsb-category-section { width: 100%; margin: 0 0 65px; scroll-margin-top: 120px; } .cwsb-category-title { margin: 0 0 28px; padding: 0 0 20px; border-bottom: 2px solid #eee; font-size: 34px; line-height: 1.2; font-weight: 400; color: #555; } .cwsb-product-list { display: flex; flex-direction: column; gap: 28px; } .cwsb-product-card { display: grid; grid-template-columns: minmax(170px, 240px) minmax(0, 1fr); gap: 34px; width: 100%; margin: 0; padding: 0 0 28px; border-bottom: 1px solid #eee; } .cwsb-product-image-link { display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; } .cwsb-product-image-link img, .cwsb-product-image { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; } .cwsb-product-info { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; } .cwsb-product-category { margin: 0 0 8px; color: #aaa; font-size: 13px; letter-spacing: .09em; text-transform: uppercase; } .cwsb-product-name { margin: 0 0 10px !important; font-size: 25px !important; line-height: 1.25 !important; font-weight: 400 !important; } .cwsb-product-name a { color: #777; text-decoration: none !important; } .cwsb-product-name a:hover { color: #111; } .cwsb-product-excerpt { width: 100%; margin: 0 0 15px; color: #777; font-size: 15px; line-height: 1.55; } .cwsb-product-excerpt p { margin: 0 0 7px; } .cwsb-product-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; width: 100%; margin-top: auto; } .cwsb-product-price { color: var(--cwsb-price-color, #111111) !important; font-size: 23px; line-height: 1.2; white-space: nowrap; } .cwsb-add-to-cart { display: inline-flex !important; align-items: center; justify-content: center; min-height: 46px; padding: 10px 24px !important; border-radius: 0 !important; background-color: var(--cwsb-button-color, transparent) !important; color: #fff !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: .05em; text-transform: uppercase; text-decoration: none !important; box-shadow: none !important;} .cwsb-add-to-cart:hover { background-color: var(--cwsb-button-color, transparent) !important; color: #fff !important;} @media (max-width: 767px) { .cwsb-category-nav-wrap { grid-template-columns: 30px minmax(0, 1fr) 30px; gap: 0; margin-bottom: 32px; } .cwsb-category-nav { gap: 25px; padding-bottom: 10px; } .cwsb-category-link { font-size: 17px; } .cwsb-nav-arrow { width: 30px; height: 40px; font-size: 27px; } .cwsb-category-section { margin-bottom: 48px; } .cwsb-category-title { font-size: 28px; margin-bottom: 22px; padding-bottom: 14px; } .cwsb-product-list { gap: 22px; } .cwsb-product-card { grid-template-columns: 110px minmax(0, 1fr); gap: 18px; padding-bottom: 22px; } .cwsb-product-name { font-size: 20px !important; } .cwsb-product-category { font-size: 11px; } .cwsb-product-excerpt { font-size: 13px; line-height: 1.45; } .cwsb-product-price { font-size: 19px; } .cwsb-add-to-cart { min-height: 40px; padding: 8px 14px !important; font-size: 12px !important; } } @media (max-width: 420px) { .cwsb-product-card { grid-template-columns: 95px minmax(0, 1fr); gap: 14px; } .cwsb-product-bottom { gap: 9px; } } /* Category loader: subtle and non-blocking. */ .cwsb-category-nav-wrap { display: flex !important; flex-direction: row; align-items: center; justify-content: stretch; gap: 0; } .cwsb-category-nav-wrap .cwsb-nav-arrow { flex: 0 0 auto; } .cwsb-category-nav-wrap .cwsb-category-nav { flex: 1 1 auto; min-width: 0; width: auto; max-width: none; } .cwsb-category-loader { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 5px); display: flex; align-items: center; gap: 4px; width: 0; height: 0; overflow: visible; opacity: 0; pointer-events: none; transition: opacity .18s ease; z-index: 2; } .cwsb-category-nav-wrap { position: relative; } .cwsb-loading-category .cwsb-category-loader { opacity: 1; } .cwsb-category-loader span { display: block; width: 4px; height: 4px; border-radius: 50%; background: #999; animation: cwsb-menu-dot 1s infinite ease-in-out; } .cwsb-category-loader span:nth-child(2) { animation-delay: .14s; } .cwsb-category-loader span:nth-child(3) { animation-delay: .28s; } @keyframes cwsb-menu-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .35; } 30% { transform: translateY(-3px); opacity: .9; } } @media (max-width: 767px) { .cwsb-category-nav-wrap { display: flex !important; } .cwsb-category-nav-wrap .cwsb-category-nav { width: auto; flex: 1 1 auto; } } /* Dashboard should behave as an application, not a boxed WordPress page. */ body.cwsb-dashboard-page{background:#f6f7f9!important;margin:0!important;padding:0!important;overflow-x:hidden} body.cwsb-dashboard-page .site-header,body.cwsb-dashboard-page header.site-header,body.cwsb-dashboard-page #masthead,body.cwsb-dashboard-page .site-footer,body.cwsb-dashboard-page footer.site-footer{display:none!important} body.cwsb-dashboard-page .site-content,body.cwsb-dashboard-page .content-area,body.cwsb-dashboard-page .entry-content,body.cwsb-dashboard-page .page-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important} body.cwsb-dashboard-page .cwsb-app{width:100vw;max-width:none;margin:0;border-radius:0;border:0;box-shadow:none;min-height:100vh} body.cwsb-dashboard-page .cwsb-main{padding-right:clamp(18px,4vw,56px);padding-left:clamp(18px,4vw,56px)} .cwsb-modal-open{overflow:hidden!important} .cwsb-modal{z-index:2147483000!important} .cwsb-modal-card{z-index:2!important} .cwsb-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f3} .cwsb-modal-actions button{min-width:105px} .cwsb-icon-btn:disabled{opacity:.55;cursor:wait} .cwsb-modal-save.is-loading,.cwsb-edit-product.is-loading{opacity:.55;cursor:wait} @media(max-width:760px){ .cwsb-public-menu-route .cwsb-menu{width:calc(100% - 20px);padding-top:28px} .cwsb-category-nav-wrap{margin-bottom:34px;padding-left:34px;padding-right:34px} .cwsb-category-nav{justify-content:flex-start} .cwsb-product-list{grid-template-columns:1fr} .cwsb-product-image-link{width:105px;height:105px;flex-basis:105px} .cwsb-product-name{font-size:16px} .cwsb-category-title{font-size:24px} body.cwsb-dashboard-page .cwsb-app{min-height:100dvh} .cwsb-sidebar{padding:18px 14px} .cwsb-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))} .cwsb-side-nav a{min-height:42px} .cwsb-main{padding:0 14px 35px!important} .cwsb-topbar{padding:16px 0} .cwsb-stat-grid{grid-template-columns:1fr 1fr} .cwsb-manager-row,.cwsb-product-manager-row{align-items:flex-start;flex-wrap:wrap} .cwsb-row-main{min-width:calc(100% - 55px)} .cwsb-row-price{margin-left:auto} .cwsb-modal-card{width:calc(100% - 18px);max-height:94vh;margin:3vh auto;padding:22px 18px} } @media(max-width:420px){.cwsb-stat-grid{grid-template-columns:1fr}.cwsb-side-nav{grid-template-columns:1fr}.cwsb-product-card{gap:12px}.cwsb-product-image-link{width:88px;height:88px;flex-basis:88px}} /* v3.2.5 - final dashboard isolation and responsive layout */ html body.cwsb-dashboard-page { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; overflow-x: hidden !important; } body.cwsb-dashboard-page #page, body.cwsb-dashboard-page .site, body.cwsb-dashboard-page .site-content, body.cwsb-dashboard-page .entry-content, body.cwsb-dashboard-page .wp-site-blocks, body.cwsb-dashboard-page .is-layout-constrained, body.cwsb-dashboard-page main, body.cwsb-dashboard-page article { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body.cwsb-dashboard-page .cwsb-app { position: relative !important; z-index: 1 !important; display: flex !important; width: 100% !important; max-width: none !important; min-height: 100vh !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; background: #f6f7f9 !important; } body.cwsb-dashboard-page .cwsb-sidebar { flex: 0 0 272px !important; width: 272px !important; min-height: 100vh !important; box-sizing: border-box !important; } body.cwsb-dashboard-page .cwsb-main { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; box-sizing: border-box !important; } body.cwsb-dashboard-page .cwsb-mobile-menu { display: none !important; } body.cwsb-dashboard-page .cwsb-sidebar-overlay { display: none !important; } @media (max-width: 900px) { body.cwsb-dashboard-page .cwsb-app { display: block !important; width: 100% !important; min-height: 100vh !important; } body.cwsb-dashboard-page .cwsb-sidebar { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: min(290px, 84vw) !important; height: 100vh !important; height: 100dvh !important; min-height: 0 !important; z-index: 10020 !important; transform: translate3d(-110%, 0, 0) !important; transition: transform .25s ease !important; overflow-y: auto !important; overflow-x: hidden !important; box-shadow: 12px 0 35px rgba(0,0,0,.18) !important; } body.cwsb-dashboard-page .cwsb-app.cwsb-nav-open .cwsb-sidebar { transform: translate3d(0, 0, 0) !important; } body.cwsb-dashboard-page .cwsb-sidebar-overlay { display: block !important; position: fixed !important; inset: 0 !important; z-index: 10010 !important; background: rgba(8,12,18,.48) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .2s ease, visibility .2s ease !important; } body.cwsb-dashboard-page .cwsb-app.cwsb-nav-open .cwsb-sidebar-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.cwsb-dashboard-page .cwsb-main { display: block !important; width: 100% !important; max-width: none !important; padding: 0 18px 40px !important; box-sizing: border-box !important; } body.cwsb-dashboard-page .cwsb-topbar { min-height: 72px !important; height: auto !important; padding: 14px 0 !important; position: sticky !important; top: 0 !important; z-index: 1000 !important; background: #f6f7f9 !important; box-sizing: border-box !important; } body.cwsb-dashboard-page .cwsb-mobile-menu { display: inline-flex !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; align-items: center !important; justify-content: center !important; border: 1px solid #e1e5ea !important; border-radius: 10px !important; background: #fff !important; color: #181d25 !important; padding: 0 !important; margin: 0 10px 0 0 !important; cursor: pointer !important; font-size: 19px !important; line-height: 1 !important; } body.cwsb-dashboard-page .cwsb-topbar > div { min-width: 0 !important; display: flex !important; align-items: center !important; gap: 0 !important; } body.cwsb-dashboard-page .cwsb-topbar h1 { font-size: 20px !important; margin: 4px 0 0 !important; } body.cwsb-dashboard-page .cwsb-top-menu { display: none !important; } body.cwsb-dashboard-page .cwsb-section { padding: 24px 0 !important; } body.cwsb-dashboard-page .cwsb-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.cwsb-dashboard-page .cwsb-dashboard-columns, body.cwsb-dashboard-page .cwsb-menu-overview, body.cwsb-dashboard-page .cwsb-settings-grid { grid-template-columns: 1fr !important; gap: 12px !important; } body.cwsb-dashboard-page .cwsb-welcome { display: block !important; padding: 20px !important; } body.cwsb-dashboard-page .cwsb-section-heading { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.cwsb-dashboard-page .cwsb-section-heading .cwsb-primary-btn { width: 100% !important; } body.cwsb-dashboard-page .cwsb-panel, body.cwsb-dashboard-page .cwsb-setting-card { padding: 16px !important; } body.cwsb-dashboard-page .cwsb-product-toolbar { display: block !important; } body.cwsb-dashboard-page .cwsb-product-search { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } } @media (max-width: 480px) { body.cwsb-dashboard-page .cwsb-main { padding-left: 12px !important; padding-right: 12px !important; } body.cwsb-dashboard-page .cwsb-stat-grid { grid-template-columns: 1fr !important; } } /* v3.1.4 refinements */ .cwsb-cover-preview{width:100%;max-width:760px;min-height:150px;border:1px solid #e1e5ea;border-radius:12px;background:#f6f7f9;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#9299a4;font-size:12px} .cwsb-cover-preview-image{display:block;width:100%;height:220px;object-fit:cover} .cwsb-upload-status{display:block;font-size:11px;color:#7d8794;margin-top:7px} .cwsb-product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 12px} .cwsb-product-search{display:flex;align-items:center;gap:8px;flex:1;max-width:520px;background:#fff;border:1px solid #e1e5ea;border-radius:11px;padding:0 13px} .cwsb-product-search span{font-size:20px;color:#9aa2ad;line-height:1} .cwsb-product-search input{border:0!important;box-shadow:none!important;outline:0!important;width:100%;padding:12px 4px!important;background:transparent!important;font-size:12px} .cwsb-search-count{font-size:11px;color:#8b929e;white-space:nowrap} .cwsb-menu-header-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:28px} .cwsb-menu-header-row .cwsb-restaurant-heading{margin-bottom:0} .cwsb-menu-cart{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:#222;border:1px solid #e1e1e1;padding:9px 13px;border-radius:8px;font-size:13px;background:#fff} .cwsb-menu-cart-count{min-width:20px;height:20px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px} .cwsb-restaurant-cover{width:100%;margin:0 0 28px;overflow:hidden;border-radius:0} .cwsb-restaurant-cover-image{display:block;width:100%;max-height:360px;object-fit:cover} .cwsb-product-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;margin-bottom:12px} .cwsb-product-title-row>div{min-width:0} .cwsb-product-title-row .cwsb-product-name{margin-bottom:0!important} .cwsb-product-title-row .cwsb-product-price{flex:0 0 auto;margin-left:auto;padding-top:20px;font-weight:500} .cwsb-add-to-cart{min-height:36px!important;padding:7px 14px!important;font-size:11px!important;line-height:1.1!important} @media(max-width:767px){ .cwsb-product-toolbar{display:block}.cwsb-product-search{max-width:none}.cwsb-search-count{display:block;margin:7px 2px} .cwsb-menu-header-row{padding-right:82px}.cwsb-menu-cart{right:0;padding:8px 10px}.cwsb-menu-cart>span:first-child{display:none} .cwsb-restaurant-cover-image{height:180px;max-height:180px} .cwsb-product-title-row{gap:10px}.cwsb-product-title-row .cwsb-product-price{padding-top:17px;font-size:18px} .cwsb-add-to-cart{min-height:34px!important;padding:6px 11px!important;font-size:10px!important} .cwsb-cover-preview-image{height:150px} } /* v3.1.5 - scoped public menu/search/cart refinements */ html body.cwsb-public-menu-page{ margin:0!important;padding:0!important;background:#fff!important; font-family:inherit!important;overflow-x:hidden!important; } body.cwsb-public-menu-page #wpadminbar{display:none!important} body.cwsb-public-menu-page .cwsb-public-menu-route{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;} body.cwsb-public-menu-page .cwsb-menu, body.cwsb-public-menu-page .cwsb-menu *{box-sizing:border-box} body.cwsb-public-menu-page .cwsb-menu{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:0 0 60px;font-family:inherit;color:#111;line-height:1.4} body.cwsb-public-menu-page .cwsb-restaurant-cover{width:100%;height:clamp(180px,30vw,360px);margin:0 0 30px;overflow:hidden;background:#f4f4f4} body.cwsb-public-menu-page .cwsb-restaurant-cover-image{width:100%!important;height:100%!important;max-height:none!important;display:block;object-fit:cover;object-position:center} body.cwsb-public-menu-page .cwsb-menu-header-row{min-height:150px;margin:0 0 22px;display:flex;justify-content:center;align-items:center;position:relative} body.cwsb-public-menu-page .cwsb-restaurant-heading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px} body.cwsb-public-menu-page .cwsb-restaurant-heading h1{margin:0!important;font-size:32px!important;line-height:1.15!important;font-weight:500!important;color:#222!important} body.cwsb-public-menu-page .cwsb-restaurant-logo-wrap{width:125px;height:85px;display:flex;align-items:center;justify-content:center} body.cwsb-public-menu-page .cwsb-restaurant-logo{display:block!important;max-width:125px!important;max-height:85px!important;width:auto!important;height:auto!important;object-fit:contain!important} body.cwsb-public-menu-page .cwsb-menu-cart{right:0;top:50%;transform:translateY(-50%);font-family:inherit!important;line-height:1!important} body.cwsb-public-menu-page .cwsb-menu-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px} body.cwsb-public-menu-page .cwsb-menu-search{position:relative;display:flex;align-items:center;width:min(520px,100%);height:46px;border:1px solid #dedede;border-radius:8px;background:#fff;margin:0;padding:0 42px 0 42px;box-shadow:none} body.cwsb-public-menu-page .cwsb-menu-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:20px;color:#777;line-height:1} body.cwsb-public-menu-page .cwsb-menu-search input{width:100%!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#222!important;font:inherit!important;font-size:14px!important} body.cwsb-public-menu-page .cwsb-public-search-clear{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0!important;background:#f0f0f0!important;color:#555!important;width:25px;height:25px;padding:0!important;border-radius:50%;font-size:17px;line-height:25px;cursor:pointer} body.cwsb-public-menu-page .cwsb-public-search-clear.is-visible{display:block} body.cwsb-public-menu-page .cwsb-public-search-count{font-size:12px;color:#888;white-space:nowrap} body.cwsb-public-menu-page .cwsb-category-nav-wrap{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center!important;gap:4px!important;width:100%!important;margin:0 0 48px!important} body.cwsb-public-menu-page .cwsb-category-nav{display:flex!important;gap:34px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;padding:5px 8px 12px!important;min-width:0!important;cursor:grab} body.cwsb-public-menu-page .cwsb-category-nav::-webkit-scrollbar{display:none} body.cwsb-public-menu-page .cwsb-category-nav.is-dragging{cursor:grabbing} body.cwsb-public-menu-page .cwsb-category-link{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;text-decoration:none!important;color:#777!important;font-size:16px!important;font-weight:400!important;padding:5px 0!important;border:0!important;background:transparent!important;box-shadow:none!important} body.cwsb-public-menu-page .cwsb-category-link.is-active{color:#111!important;font-weight:600!important} body.cwsb-public-menu-page .cwsb-nav-arrow{border:0!important;background:transparent!important;color:#777!important;box-shadow:none!important;width:42px!important;height:42px!important;padding:0!important;font-size:30px!important;cursor:pointer} body.cwsb-public-menu-page .cwsb-category-loader{pointer-events:none;opacity:0} body.cwsb-public-menu-page .cwsb-category-section{margin:0 0 60px!important;padding:0!important} body.cwsb-public-menu-page .cwsb-category-title{margin:0 0 26px!important;padding:0 0 14px!important;border-bottom:1px solid #e5e5e5!important;font-size:30px!important;font-weight:400!important;color:#333!important} body.cwsb-public-menu-page .cwsb-product-list{display:grid!important;gap:0!important} body.cwsb-public-menu-page .cwsb-product-card{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:32px!important;padding:0 0 26px!important;margin:0 0 26px!important;border-bottom:1px solid #ededed!important;background:transparent!important;min-width:0!important} body.cwsb-public-menu-page .cwsb-product-image-link{display:block!important;width:220px!important;height:170px!important;overflow:hidden!important;background:#f5f6f6!important;text-decoration:none!important} body.cwsb-public-menu-page .cwsb-product-image{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important} body.cwsb-public-menu-page .cwsb-product-info{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important} body.cwsb-public-menu-page .cwsb-product-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:20px!important;margin:0 0 8px!important;width:100%!important} body.cwsb-public-menu-page .cwsb-product-category{font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#999!important;margin:0 0 7px!important} body.cwsb-public-menu-page .cwsb-product-name{margin:0!important;font-size:24px!important;line-height:1.2!important;font-weight:400!important;color:#333!important} body.cwsb-public-menu-page .cwsb-product-name a{color:inherit!important;text-decoration:none!important} body.cwsb-public-menu-page .cwsb-product-price{font-size:20px!important;line-height:1.25!important;font-weight:500!important;color:#111!important;white-space:nowrap!important;margin:0!important;padding:0!important;text-align:right!important} body.cwsb-public-menu-page .cwsb-product-excerpt{font-size:14px!important;line-height:1.55!important;color:#777!important;margin:0 0 16px!important;max-width:720px!important} body.cwsb-public-menu-page .cwsb-product-excerpt p{margin:0!important} body.cwsb-public-menu-page .cwsb-product-bottom{display:flex!important;align-items:center!important;gap:10px!important;margin-top:2px!important} body.cwsb-public-menu-page .cwsb-add-to-cart{display:inline-flex!important;width:auto!important;min-width:0!important;min-height:32px!important;height:32px!important;padding:5px 12px!important;border:0!important;border-radius:5px!important;background:var(--cwsb-button-color,#111)!important;color:var(--cwsb-button-text-color,#fff)!important;font-size:10px!important;font-weight:600!important;line-height:1!important;letter-spacing:.03em!important;text-transform:uppercase!important;box-shadow:none!important;cursor:pointer!important} body.cwsb-public-menu-page .cwsb-add-to-cart:hover{background-color: var(--cwsb-button-color, transparent) !important;color:#fff!important} body.cwsb-public-menu-page .cwsb-add-to-cart.cwsb-cart-processing{opacity:.55;pointer-events:none} body.cwsb-public-menu-page .cwsb-search-hidden{display:none!important} body.cwsb-public-menu-page .cwsb-no-search-results{padding:45px 20px;text-align:center;color:#888;font-size:14px;border:1px solid #eee} @media(max-width:767px){ body.cwsb-public-menu-page .cwsb-menu{width:calc(100% - 28px);padding-bottom:35px} body.cwsb-public-menu-page .cwsb-restaurant-cover{height:180px;margin-bottom:20px} body.cwsb-public-menu-page .cwsb-menu-header-row{min-height:125px;margin-bottom:18px} body.cwsb-public-menu-page .cwsb-restaurant-heading h1{font-size:25px!important} body.cwsb-public-menu-page .cwsb-restaurant-logo-wrap{width:105px;height:68px} body.cwsb-public-menu-page .cwsb-restaurant-logo{max-width:105px!important;max-height:68px!important} body.cwsb-public-menu-page .cwsb-menu-cart{padding:7px 9px!important;font-size:11px!important} body.cwsb-public-menu-page .cwsb-menu-tools{display:block;margin-bottom:18px} body.cwsb-public-menu-page .cwsb-menu-search{width:100%;height:44px} body.cwsb-public-menu-page .cwsb-public-search-count{display:block;margin-top:6px} body.cwsb-public-menu-page .cwsb-category-nav-wrap{grid-template-columns:30px minmax(0,1fr) 30px!important;margin-bottom:34px!important} body.cwsb-public-menu-page .cwsb-category-nav{gap:24px!important;padding-left:4px!important;padding-right:4px!important} body.cwsb-public-menu-page .cwsb-category-link{font-size:15px!important} body.cwsb-public-menu-page .cwsb-nav-arrow{width:30px!important;height:38px!important;font-size:24px!important} body.cwsb-public-menu-page .cwsb-category-section{margin-bottom:42px!important} body.cwsb-public-menu-page .cwsb-category-title{font-size:25px!important;margin-bottom:20px!important} body.cwsb-public-menu-page .cwsb-product-card{grid-template-columns:105px minmax(0,1fr)!important;gap:14px!important;padding-bottom:20px!important;margin-bottom:20px!important} body.cwsb-public-menu-page .cwsb-product-image-link{width:105px!important;height:100px!important} body.cwsb-public-menu-page .cwsb-product-title-row{gap:8px!important} body.cwsb-public-menu-page .cwsb-product-name{font-size:18px!important} body.cwsb-public-menu-page .cwsb-product-price{font-size:16px!important} body.cwsb-public-menu-page .cwsb-product-excerpt{font-size:12px!important;line-height:1.45!important;margin-bottom:11px!important} body.cwsb-public-menu-page .cwsb-add-to-cart{height:30px!important;min-height:30px!important;padding:5px 10px!important;font-size:9px!important} } @media(max-width:390px){ body.cwsb-public-menu-page .cwsb-product-card{grid-template-columns:88px minmax(0,1fr)!important;gap:11px!important} body.cwsb-public-menu-page .cwsb-product-image-link{width:88px!important;height:88px!important} body.cwsb-public-menu-page .cwsb-product-name{font-size:16px!important} body.cwsb-public-menu-page .cwsb-product-price{font-size:14px!important} } /* Dashboard search controls must stay styled even when the theme has aggressive form rules. */ body.cwsb-dashboard-page .cwsb-product-toolbar{display:flex!important;align-items:center!important;gap:14px!important} body.cwsb-dashboard-page .cwsb-product-search{height:44px!important;box-sizing:border-box!important} body.cwsb-dashboard-page .cwsb-product-search input[type=search]{appearance:none!important;-webkit-appearance:none!important;height:42px!important;box-sizing:border-box!important;color:#252b34!important} body.cwsb-dashboard-page .cwsb-product-search input[type=search]::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none} body.cwsb-dashboard-page .cwsb-search-empty strong,body.cwsb-dashboard-page .cwsb-search-empty span{display:block} body.cwsb-dashboard-page .cwsb-search-empty span{margin-top:6px;color:#9aa1ab} @media(max-width:600px){body.cwsb-dashboard-page .cwsb-product-toolbar{display:block!important}body.cwsb-dashboard-page .cwsb-product-search{width:100%!important;max-width:none!important}} /* v3.1.6 — final public menu composition */ body.cwsb-public-menu-page .cwsb-menu{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 60px!important;overflow:visible!important} body.cwsb-public-menu-page .cwsb-menu-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:0} body.cwsb-public-menu-page .cwsb-restaurant-cover{position:relative;width:100vw!important;height:clamp(220px,32vw,420px)!important;margin:0 0 0 calc(50% - 50vw)!important;border-radius:0!important;overflow:visible!important;background:#eee!important} body.cwsb-public-menu-page .cwsb-restaurant-cover-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important} body.cwsb-public-menu-page .cwsb-cover-logo-wrap{position:absolute!important;left:50%!important;bottom:-62px!important;transform:translateX(-50%)!important;width:132px!important;height:132px!important;border-radius:50%!important;background:#fff!important;border:6px solid #fff!important;box-shadow:0 3px 18px rgba(0,0,0,.14)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;z-index:5!important} body.cwsb-public-menu-page .cwsb-cover-logo{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block!important;margin:0!important} body.cwsb-public-menu-page .cwsb-menu-header-row{min-height:175px!important;margin:0!important;padding:76px 0 22px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;position:relative!important} body.cwsb-public-menu-page .cwsb-restaurant-heading{margin:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important} body.cwsb-public-menu-page .cwsb-restaurant-heading h1{font-size:30px!important;color:#222!important;font-weight:500!important} body.cwsb-public-menu-page .cwsb-menu-tools{margin:0 0 24px!important} body.cwsb-public-menu-page .cwsb-menu-search{width:100%!important;max-width:620px!important;height:48px!important;border:1px solid #dfe3e7!important;border-radius:24px!important;background:#f8f9fa!important;padding:0 48px!important;box-shadow:0 2px 10px rgba(0,0,0,.04)!important} body.cwsb-public-menu-page .cwsb-menu-search:focus-within{background:#fff!important;border-color:#b8bec6!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important} body.cwsb-public-menu-page .cwsb-menu-search-icon{left:18px!important;color:#777!important} body.cwsb-public-menu-page .cwsb-public-search-clear{right:13px!important} body.cwsb-public-menu-page .cwsb-category-nav-wrap{margin-bottom:42px!important} body.cwsb-public-menu-page .cwsb-product-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important} body.cwsb-public-menu-page .cwsb-product-title-row>.cwsb-product-price{grid-column:2!important;grid-row:1!important;margin:0!important;padding:0!important;align-self:start!important;justify-self:end!important;font-size:20px!important;font-weight:600!important;white-space:nowrap!important} body.cwsb-public-menu-page .cwsb-product-excerpt{grid-column:1 / -1!important} body.cwsb-public-menu-page .cwsb-product-bottom{grid-column:1 / -1!important} body.cwsb-public-menu-page .cwsb-add-to-cart{height:32px!important;min-height:32px!important;padding:5px 12px!important;border-radius:4px!important;font-size:10px!important} @media(max-width:767px){ body.cwsb-public-menu-page .cwsb-menu-content{width:calc(100% - 28px)!important} body.cwsb-public-menu-page .cwsb-restaurant-cover{height:190px!important;margin-left:calc(50% - 50vw)!important} body.cwsb-public-menu-page .cwsb-cover-logo-wrap{width:104px!important;height:104px!important;bottom:-52px!important;border-width:5px!important} body.cwsb-public-menu-page .cwsb-menu-header-row{min-height:145px!important;padding-top:65px!important;padding-bottom:18px!important} body.cwsb-public-menu-page .cwsb-restaurant-heading h1{font-size:24px!important} body.cwsb-public-menu-page .cwsb-product-title-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important} body.cwsb-public-menu-page .cwsb-product-title-row>.cwsb-product-price{font-size:16px!important} } @media(max-width:390px){ body.cwsb-public-menu-page .cwsb-product-title-row>.cwsb-product-price{font-size:14px!important} } /* v3.1.8 - real cart and checkout navigation */ body.cwsb-public-menu-page .cwsb-menu-cart-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:20} body.cwsb-public-menu-page .cwsb-menu-cart-wrap .cwsb-menu-cart{position:relative!important;right:auto!important;top:auto!important;transform:none!important} body.cwsb-public-menu-page .cwsb-menu-cart-links{position:absolute;right:0;top:calc(100% + 8px);display:flex;gap:6px;padding:7px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.10);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease} body.cwsb-public-menu-page .cwsb-menu-cart-wrap:hover .cwsb-menu-cart-links, body.cwsb-public-menu-page .cwsb-menu-cart-wrap:focus-within .cwsb-menu-cart-links{opacity:1;visibility:visible;pointer-events:auto} body.cwsb-public-menu-page .cwsb-menu-cart-links a{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 11px!important;border-radius:5px!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:600!important;line-height:1!important} body.cwsb-public-menu-page .cwsb-menu-cart-links a:first-child{background:#f2f2f2!important;color:#111!important} @media(max-width:767px){ body.cwsb-public-menu-page .cwsb-menu-cart-links{right:0;min-width:150px;justify-content:stretch} body.cwsb-public-menu-page .cwsb-menu-cart-links a{flex:1} } /* v3.1.9 - public menu uses one cart control only; no extra View Cart/Checkout dropdown. */ body.cwsb-public-menu-page .cwsb-menu-cart-links{display:none!important} /* Product image lightbox v3.2.2 — centered and compact */ .cwsb-image-lightbox{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147483647!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;margin:0!important;box-sizing:border-box!important} .cwsb-image-lightbox.is-open{display:flex!important} .cwsb-image-lightbox-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.78)!important} .cwsb-image-lightbox-content{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:78vw!important;max-height:78vh!important;margin:0!important;padding:0!important} .cwsb-image-lightbox-content img{display:block!important;width:auto!important;height:auto!important;max-width:78vw!important;max-height:78vh!important;object-fit:contain!important;margin:0!important;padding:0!important;border-radius:8px!important;box-shadow:0 18px 60px rgba(0,0,0,.38)!important} .cwsb-image-lightbox-close{position:absolute!important;z-index:3!important;top:18px!important;right:18px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:25px!important;line-height:1!important;padding:0!important;margin:0!important;cursor:pointer!important;box-shadow:0 5px 20px rgba(0,0,0,.2)!important} html.cwsb-lightbox-open,body.cwsb-lightbox-open{overflow:hidden!important;touch-action:none!important} @media(max-width:767px){.cwsb-image-lightbox{padding:15px!important}.cwsb-image-lightbox-content{max-width:84vw!important;max-height:72vh!important}.cwsb-image-lightbox-content img{max-width:84vw!important;max-height:72vh!important}.cwsb-image-lightbox-close{top:10px!important;right:10px!important;width:38px!important;height:38px!important;font-size:23px!important}} /* v3.2.3 - laptop-sized viewport tuning */ @media (min-width:768px) and (max-width:1400px){ .cwsb-image-lightbox{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;padding:20px!important;align-items:center!important;justify-content:center!important;} .cwsb-image-lightbox-content{width:min(760px,72vw)!important;max-width:72vw!important;max-height:72vh!important;} .cwsb-image-lightbox-content img{max-width:72vw!important;max-height:72vh!important;width:auto!important;height:auto!important;} .cwsb-image-lightbox-close{top:14px!important;right:14px!important;} } @media (min-width:1401px){ .cwsb-image-lightbox-content,.cwsb-image-lightbox-content img{max-width:78vw!important;max-height:78vh!important;} } /* CWSB v3.2.5 FINAL DASHBOARD OVERRIDE */ html body.cwsb-dashboard-page { margin: 0 !important; padding: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; overflow-x: hidden !important; background: #f6f7f9 !important; } html body.cwsb-dashboard-page #page, html body.cwsb-dashboard-page .site, html body.cwsb-dashboard-page .site-content, html body.cwsb-dashboard-page .wp-site-blocks, html body.cwsb-dashboard-page .entry-content, html body.cwsb-dashboard-page main, html body.cwsb-dashboard-page article { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } html body.cwsb-dashboard-page .cwsb-app { position: relative !important; display: flex !important; flex-direction: row !important; width: 100% !important; max-width: none !important; min-height: 100vh !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; background: #f6f7f9 !important; } html body.cwsb-dashboard-page .cwsb-sidebar { position: relative !important; flex: 0 0 272px !important; width: 272px !important; min-height: 100vh !important; height: auto !important; transform: none !important; z-index: 20 !important; } html body.cwsb-dashboard-page .cwsb-main { position: relative !important; display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 38px 50px !important; margin: 0 !important; box-sizing: border-box !important; } html body.cwsb-dashboard-page .cwsb-sidebar-overlay, html body.cwsb-dashboard-page .cwsb-mobile-menu { display: none !important; } @media (max-width: 900px) { html body.cwsb-dashboard-page .cwsb-app { display: block !important; width: 100% !important; min-height: 100vh !important; } html body.cwsb-dashboard-page .cwsb-sidebar { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: min(290px, 84vw) !important; height: 100vh !important; height: 100dvh !important; min-height: 0 !important; padding: 20px 16px !important; box-sizing: border-box !important; transform: translate3d(-110%,0,0) !important; transition: transform .25s ease !important; overflow-y: auto !important; overflow-x: hidden !important; z-index: 10020 !important; } html body.cwsb-dashboard-page .cwsb-app.cwsb-nav-open .cwsb-sidebar { transform: translate3d(0,0,0) !important; } html body.cwsb-dashboard-page .cwsb-sidebar-overlay { display: block !important; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(8,12,18,.48) !important; z-index: 10010 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } html body.cwsb-dashboard-page .cwsb-app.cwsb-nav-open .cwsb-sidebar-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html body.cwsb-dashboard-page .cwsb-main { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 16px 36px !important; } html body.cwsb-dashboard-page .cwsb-topbar { display: flex !important; width: 100% !important; min-height: 72px !important; height: auto !important; padding: 14px 0 !important; box-sizing: border-box !important; position: sticky !important; top: 0 !important; z-index: 1000 !important; background: #f6f7f9 !important; } html body.cwsb-dashboard-page .cwsb-mobile-menu { display: inline-flex !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; align-items: center !important; justify-content: center !important; margin: 0 10px 0 0 !important; padding: 0 !important; border: 1px solid #e1e5ea !important; border-radius: 10px !important; background: #fff !important; color: #181d25 !important; font-size: 19px !important; cursor: pointer !important; } html body.cwsb-dashboard-page .cwsb-topbar > div { min-width: 0 !important; display: flex !important; align-items: center !important; } html body.cwsb-dashboard-page .cwsb-topbar h1 { font-size: 20px !important; } html body.cwsb-dashboard-page .cwsb-top-menu { display: none !important; } html body.cwsb-dashboard-page .cwsb-stat-grid { grid-template-columns: 1fr 1fr !important; } html body.cwsb-dashboard-page .cwsb-dashboard-columns, html body.cwsb-dashboard-page .cwsb-menu-overview, html body.cwsb-dashboard-page .cwsb-settings-grid { grid-template-columns: 1fr !important; } html body.cwsb-dashboard-page .cwsb-welcome { display: block !important; } html body.cwsb-dashboard-page .cwsb-section-heading { display: flex !important; flex-direction: column !important; } html body.cwsb-dashboard-page .cwsb-section-heading .cwsb-primary-btn { width: 100% !important; } html body.cwsb-dashboard-page .cwsb-product-toolbar { display: block !important; } html body.cwsb-dashboard-page .cwsb-product-search { width: 100% !important; max-width: none !important; } } @media (max-width: 480px) { html body.cwsb-dashboard-page .cwsb-main { padding-left: 12px !important; padding-right: 12px !important; } html body.cwsb-dashboard-page .cwsb-stat-grid { grid-template-columns: 1fr !important; } } /* CWSB Pro feature pack */ .cwsb-product-name{margin-bottom:4px!important}.cwsb-product-category{margin-top:0!important;font-size:12px!important;letter-spacing:.08em!important;color:#999!important}.cwsb-product-badge{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;background:#f0f1f3;color:#333;font-size:10px;font-weight:700}.cwsb-sold-out{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:5px;background:#eee;color:#777;font-size:11px;font-weight:700}.cwsb-options-modal{display:none;position:fixed!important;inset:0!important;z-index:2147483000!important;align-items:center!important;justify-content:center!important;padding:20px!important}.cwsb-options-modal.is-open{display:flex!important}.cwsb-options-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}.cwsb-options-card{position:relative;z-index:2;width:min(460px,calc(100vw - 32px));max-height:82vh;overflow:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.3)}.cwsb-options-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f3f5;font-size:22px;cursor:pointer}.cwsb-options-body h3{margin:0 40px 5px 0;font-size:22px}.cwsb-options-subtitle{margin:0 0 18px;color:#888;font-size:12px}.cwsb-options-list{display:grid;gap:8px;margin-bottom:20px}.cwsb-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e6e8eb;border-radius:10px;cursor:pointer}.cwsb-option input{width:17px;height:17px}.cwsb-option span{flex:1;font-size:13px}.cwsb-option b{font-size:12px}.cwsb-order-list{display:grid;gap:8px}.cwsb-order-row{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid #edf0f3;border-radius:10px}.cwsb-order-row span{display:block;color:#8b929e;font-size:11px;margin-top:3px}.cwsb-qr-panel{display:flex;gap:30px;align-items:center}.cwsb-qr-panel img{width:220px;height:220px;object-fit:contain}.cwsb-qr-panel .cwsb-primary-btn{display:inline-block;margin-top:15px;text-decoration:none}@media(max-width:700px){.cwsb-qr-panel{flex-direction:column;align-items:flex-start}.cwsb-qr-panel img{width:180px;height:180px}.cwsb-product-title-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.cwsb-product-name{font-size:20px!important}.cwsb-product-price{font-size:17px!important}.cwsb-options-card{padding:20px}} /* v4.0.1 dashboard product action hardening */ .cwsb-dashboard .cwsb-product-manager-row .cwsb-icon-btn{position:relative;z-index:5;pointer-events:auto;touch-action:manipulation;} .cwsb-dashboard .cwsb-product-manager-row{cursor:grab;} .cwsb-dashboard .cwsb-product-manager-row .cwsb-icon-btn{cursor:pointer;} /* CWSB public site header/footer and clickable product details */ .cwsb-public-header{position:sticky;top:0;z-index:1000;background:var(--cwsb-header-bg,#fff);border-bottom:1px solid rgba(0,0,0,.08);color:var(--cwsb-header-text,#222)} .cwsb-public-header-inner{width:min(1120px,calc(100% - 48px));min-height:68px;margin:auto;display:flex;align-items:center;gap:28px} .cwsb-public-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;white-space:nowrap} .cwsb-public-brand-logo{width:38px;height:38px;border-radius:50%;object-fit:contain} .cwsb-public-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:none} .cwsb-public-nav a{color:inherit!important;text-decoration:none!important;font-size:14px;padding:24px 0 20px;border-bottom:2px solid transparent} .cwsb-public-nav a:hover,.cwsb-public-nav a.is-active{color:var(--cwsb-primary,#181d25)!important;border-bottom-color:var(--cwsb-primary,#181d25)} .cwsb-public-header-cart{display:inline-flex;align-items:center;gap:7px;color:inherit!important;text-decoration:none!important;border:1px solid #ddd;border-radius:22px;padding:8px 13px;white-space:nowrap} .cwsb-public-footer{margin-top:70px;background:var(--cwsb-footer-bg,#181d25);color:var(--cwsb-footer-text,#fff)} .cwsb-public-footer-grid{width:min(1120px,calc(100% - 48px));margin:auto;padding:50px 0 35px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px} .cwsb-public-footer h3{margin:0 0 16px;color:inherit;font-size:16px}.cwsb-public-footer p,.cwsb-public-footer span,.cwsb-public-footer a{display:block;color:inherit;text-decoration:none;opacity:.86;font-size:13px;line-height:1.8;margin:3px 0}.cwsb-public-footer a:hover{opacity:1}.cwsb-footer-social{display:flex;gap:14px;margin-top:10px}.cwsb-footer-social a{display:inline-block}.cwsb-public-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 24px;text-align:center;font-size:12px;opacity:.7} .cwsb-custom-page{padding:70px 0 20px;min-height:420px}.cwsb-custom-page h1{font-size:38px;margin:10px 0 30px}.cwsb-custom-page-content{font-size:16px;line-height:1.8;color:#555;max-width:820px}.cwsb-custom-page-content img{max-width:100%;height:auto} .cwsb-product-detail-trigger{cursor:pointer}.cwsb-product-detail-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(0,0,0,.7)}.cwsb-product-detail-modal.is-open{display:flex}.cwsb-product-detail-card{position:relative;width:min(680px,92vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.3)}.cwsb-product-detail-image{width:100%;height:min(360px,45vh);object-fit:cover;display:block}.cwsb-product-detail-body{padding:26px}.cwsb-product-detail-category{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#999}.cwsb-product-detail-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cwsb-product-detail-title{margin:5px 0 0;font-size:28px;font-weight:500}.cwsb-product-detail-price{font-size:20px;font-weight:700;white-space:nowrap}.cwsb-product-detail-description{margin:15px 0 22px;color:#666;line-height:1.6}.cwsb-product-detail-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.15)} @media(max-width:700px){.cwsb-public-header-inner{width:calc(100% - 24px);min-height:58px;gap:12px}.cwsb-public-brand span{display:none}.cwsb-public-nav{justify-content:flex-start;gap:18px}.cwsb-public-nav a{padding:19px 0 16px;font-size:13px}.cwsb-public-header-cart{padding:7px 10px;font-size:12px}.cwsb-public-footer-grid{width:calc(100% - 28px);grid-template-columns:1fr;gap:25px;padding:35px 0}.cwsb-custom-page{padding:45px 0}.cwsb-custom-page h1{font-size:30px}.cwsb-product-detail-card{width:94vw}.cwsb-product-detail-image{height:250px}.cwsb-product-detail-title-row{gap:10px}.cwsb-product-detail-title{font-size:22px}.cwsb-product-detail-price{font-size:17px}} /* CWSB dashboard pages manager */ .cwsb-page-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #edf0f3}.cwsb-page-row:last-child{border-bottom:0}.cwsb-page-row b{display:block;font-size:14px}.cwsb-page-row span{display:block;color:#9299a5;font-size:11px;margin-top:4px}.cwsb-danger-btn{border:0;background:#fff0f0;color:#c33;padding:8px 11px;border-radius:8px;cursor:pointer}.cwsb-danger-btn:hover{background:#ffe4e4} .cwsb-product-modal-open{overflow:hidden!important} .cwsb-product-detail-backdrop{position:absolute;inset:0} @media(max-width:700px){.cwsb-page-row{align-items:flex-start;flex-direction:column}.cwsb-page-row>div:last-child{display:flex;gap:8px}.cwsb-product-detail-body{padding:20px}.cwsb-product-detail-card{max-height:90vh}.cwsb-product-detail-add{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important}} /* v4.1.1 public navigation refinements */ .cwsb-public-header-inner{position:relative} .cwsb-public-nav-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-width:0} .cwsb-public-nav a:hover,.cwsb-public-nav a.is-active{color:var(--cwsb-active-nav,var(--cwsb-primary,#181d25))!important;border-bottom-color:var(--cwsb-active-nav,var(--cwsb-primary,#181d25))!important} .cwsb-public-nav-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:8px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px} .cwsb-public-nav-toggle span{display:block;width:23px;height:2px;background:currentColor;border-radius:2px} .cwsb-custom-page-image{display:block;width:100%;max-width:900px;max-height:420px;object-fit:cover;border-radius:16px;margin:0 0 35px} .cwsb-return-menu{display:inline-flex;align-items:center;gap:6px;margin:0 0 25px;color:var(--cwsb-primary,#181d25)!important;text-decoration:none!important;font-size:14px;font-weight:600} .cwsb-return-menu:hover{color:var(--cwsb-active-nav,var(--cwsb-primary,#181d25))!important} .cwsb-page-image-current{display:inline-flex;padding:7px 10px;border-radius:8px;background:#edf9f0;color:#237a3b;font-size:12px;margin-bottom:10px} @media(max-width:700px){ .cwsb-public-header-inner{min-height:60px!important;width:calc(100% - 24px)!important;justify-content:space-between!important} .cwsb-public-nav-toggle{display:flex!important;color:var(--cwsb-header-text,#222)!important;flex:0 0 42px} .cwsb-public-nav-wrap{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);padding:8px 12px 12px;background:var(--cwsb-header-bg,#fff);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px rgba(0,0,0,.08);z-index:1001} .cwsb-public-header.is-nav-open .cwsb-public-nav-wrap{display:block} .cwsb-public-nav{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0!important;max-height:70vh;overflow-y:auto!important;overflow-x:hidden!important} .cwsb-public-nav a{display:block!important;padding:13px 8px!important;border-bottom:1px solid rgba(0,0,0,.07)!important;font-size:14px!important} .cwsb-public-nav a:last-child{border-bottom:0!important} .cwsb-public-header-cart{flex:0 0 auto} .cwsb-custom-page-image{max-height:280px;border-radius:12px;margin-bottom:25px} } /* v4.1.2 - CWSB commerce shell: Cart and Checkout feel like part of the restaurant menu */ html body.cwsb-commerce-page-body{margin:0!important;padding:0!important;background:#f8f8f7!important;color:#181818!important;overflow-x:hidden!important;font-family:inherit} html body.cwsb-commerce-page-body .cwsb-public-header{position:sticky!important;top:0!important;z-index:10000!important;background:var(--cwsb-header-bg,#fff)!important} html body.cwsb-commerce-page-body .cwsb-public-header-inner{min-height:68px!important} html body.cwsb-commerce-page-body .cwsb-commerce-page{min-height:55vh;padding:46px 0 75px!important;background:#f8f8f7!important} .cwsb-commerce-shell{width:min(1120px,calc(100% - 48px));margin:0 auto;box-sizing:border-box} .cwsb-commerce-breadcrumb{margin-bottom:18px}.cwsb-commerce-breadcrumb a{color:var(--cwsb-active-nav,var(--cwsb-primary,#181d25))!important;text-decoration:none!important;font-size:13px;font-weight:600} .cwsb-commerce-heading{margin-bottom:24px}.cwsb-commerce-heading h1{margin:5px 0 0!important;font-size:36px!important;line-height:1.15!important;font-weight:600!important;color:#181818!important} .cwsb-commerce-card{background:#fff;border:1px solid #e8e8e5;border-radius:18px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.045);box-sizing:border-box} .cwsb-commerce-card .woocommerce{width:100%!important;color:#181818!important} .cwsb-commerce-card table.shop_table{border-collapse:separate!important;border-spacing:0!important;border:1px solid #e8e8e5!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important} .cwsb-commerce-card table.shop_table th,.cwsb-commerce-card table.shop_table td{border-color:#ececea!important;padding:16px!important} .cwsb-commerce-card .product-name a,.cwsb-commerce-card a{color:var(--cwsb-primary,#181d25)!important} .cwsb-commerce-card .button,.cwsb-commerce-card button,.cwsb-commerce-card input[type=submit]{border-radius:7px!important;border:0!important;background:var(--cwsb-primary,#181d25)!important;color:#fff!important;padding:11px 18px!important;min-height:42px!important;box-shadow:none!important;text-decoration:none!important} .cwsb-commerce-card .button:hover,.cwsb-commerce-card button:hover,.cwsb-commerce-card input[type=submit]:hover{opacity:.9!important;background:var(--cwsb-active-nav,var(--cwsb-primary,#181d25))!important;color:#fff!important} .cwsb-commerce-card input,.cwsb-commerce-card select,.cwsb-commerce-card textarea{border:1px solid #ddd!important;border-radius:7px!important;background:#fff!important;color:#181818!important;min-height:42px!important;box-shadow:none!important} .cwsb-commerce-card .woocommerce-info,.cwsb-commerce-card .woocommerce-message,.cwsb-commerce-card .woocommerce-error{border-top-color:var(--cwsb-primary,#181d25)!important;background:#fafafa!important;color:#333!important} .cwsb-commerce-card .wc-proceed-to-checkout{padding-bottom:0!important} .cwsb-commerce-card .checkout-button{background:var(--cwsb-primary,#181d25)!important;color:#fff!important;border-radius:8px!important} .cwsb-commerce-card .cart-empty.woocommerce-info{margin-bottom:0!important} .cwsb-commerce-card .woocommerce-cart-form__cart-item img{max-width:72px!important;height:72px!important;object-fit:cover!important;border-radius:8px!important} .cwsb-commerce-fallback-header{background:#fff;border-bottom:1px solid #e8e8e5;min-height:68px;display:flex;align-items:center;font-weight:700} @media(max-width:700px){ html body.cwsb-commerce-page-body .cwsb-commerce-page{padding:28px 0 50px!important} .cwsb-commerce-shell{width:calc(100% - 28px)} .cwsb-commerce-card{padding:16px;border-radius:14px;overflow:hidden} .cwsb-commerce-heading h1{font-size:28px!important} .cwsb-commerce-card table.shop_table{font-size:13px!important} .cwsb-commerce-card table.shop_table th,.cwsb-commerce-card table.shop_table td{padding:10px!important} .cwsb-commerce-card .woocommerce-cart-form__cart-item img{max-width:55px!important;height:55px!important} .cwsb-commerce-card .button,.cwsb-commerce-card button,.cwsb-commerce-card input[type=submit]{width:auto!important;max-width:100%!important;padding:10px 14px!important} .cwsb-commerce-card .woocommerce-cart-form__cart-item .product-remove{padding-left:4px!important;padding-right:4px!important} } /* v4.1.9 - Commerce pages must use the active restaurant shell, never the site theme shell. */ html body.cwsb-commerce-context > header.site-header, html body.cwsb-commerce-context > .site-header, html body.cwsb-commerce-context > .wp-site-blocks > header, html body.cwsb-commerce-context > .wp-site-blocks > .wp-block-template-part:first-child, html body.cwsb-commerce-context header.wp-block-template-part, html body.cwsb-commerce-context .wp-site-blocks > header, html body.cwsb-commerce-context .site-footer, html body.cwsb-commerce-context > footer, html body.cwsb-commerce-context > .wp-site-blocks > footer, html body.cwsb-commerce-context .wp-block-template-part footer { display:none!important; } html body.cwsb-commerce-context .cwsb-commerce-page-body, html body.cwsb-commerce-context .cwsb-commerce-page { margin-top:0!important; } html body.cwsb-commerce-context .cwsb-public-header { display:block!important; } /* v4.2.0 - polished desktop menu while preserving the mobile layout */ @media (min-width: 768px) { body.cwsb-public-menu-page .cwsb-menu-content { width: min(1080px, calc(100% - 48px)) !important; margin: 0 auto !important; } body.cwsb-public-menu-page .cwsb-category-section, body.cwsb-public-menu-page .cwsb-category-title, body.cwsb-public-menu-page .cwsb-product-list { width: 100% !important; } body.cwsb-public-menu-page .cwsb-product-list { max-width: 1040px !important; margin: 0 auto !important; } body.cwsb-public-menu-page .cwsb-category-title { font-size: 28px !important; margin-bottom: 22px !important; padding-bottom: 12px !important; } body.cwsb-public-menu-page .cwsb-product-card { grid-template-columns: 190px minmax(0, 1fr) !important; gap: 26px !important; padding: 0 0 22px !important; margin: 0 0 22px !important; min-height: 150px !important; cursor: pointer !important; transition: transform .16s ease, opacity .16s ease !important; } body.cwsb-public-menu-page .cwsb-product-card:hover { opacity: .96 !important; } body.cwsb-public-menu-page .cwsb-product-image-link { width: 190px !important; height: 150px !important; border-radius: 8px !important; } body.cwsb-public-menu-page .cwsb-product-info { min-height: 150px !important; } body.cwsb-public-menu-page .cwsb-product-title-row { gap: 28px !important; margin-bottom: 7px !important; } body.cwsb-public-menu-page .cwsb-product-name { font-size: 23px !important; font-weight: 500 !important; } body.cwsb-public-menu-page .cwsb-product-category { font-size: 10px !important; margin-bottom: 6px !important; } body.cwsb-public-menu-page .cwsb-product-price { font-size: 18px !important; font-weight: 600 !important; padding-top: 2px !important; } body.cwsb-public-menu-page .cwsb-product-excerpt { max-width: 680px !important; font-size: 13px !important; line-height: 1.5 !important; margin-bottom: 13px !important; } body.cwsb-public-menu-page .cwsb-product-bottom { margin-top: 0 !important; } } /* Product detail click affordance: the whole product information area is readable/clickable. */ body.cwsb-public-menu-page .cwsb-product-card .cwsb-product-name a, body.cwsb-public-menu-page .cwsb-product-card .cwsb-product-image-link { cursor: pointer !important; } /* v4.2.1 - desktop catalogue grid inspired by modern online-shop layouts. Mobile/tablet layout remains unchanged. */ @media (min-width: 901px) { body.cwsb-public-menu-page .cwsb-menu-content { display: grid !important; grid-template-columns: 230px minmax(0, 1fr) !important; column-gap: 38px !important; align-items: start !important; width: min(1160px, calc(100% - 64px)) !important; margin: 0 auto !important; } body.cwsb-public-menu-page .cwsb-menu-header-row, body.cwsb-public-menu-page .cwsb-menu-tools { grid-column: 1 / -1 !important; } body.cwsb-public-menu-page .cwsb-menu-header-row { grid-row: 1 !important; } body.cwsb-public-menu-page .cwsb-menu-tools { grid-row: 2 !important; margin-bottom: 26px !important; } /* Left-side Browse categories */ body.cwsb-public-menu-page .cwsb-category-nav-wrap { grid-column: 1 !important; grid-row: 3 !important; display: block !important; width: 230px !important; margin: 0 !important; padding: 0 !important; position: sticky !important; top: 24px !important; align-self: start !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap::before { content: 'BROWSE' !important; display: block !important; margin: 0 0 17px !important; padding: 0 0 10px !important; border-bottom: 1px solid #e8e8e8 !important; color: #555 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .02em !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-nav-arrow, body.cwsb-public-menu-page .cwsb-category-loader { display: none !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-category-nav { display: block !important; width: 100% !important; max-height: calc(100vh - 120px) !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 0 !important; margin: 0 !important; white-space: normal !important; cursor: default !important; scroll-behavior: auto !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-category-link { display: block !important; width: 100% !important; padding: 10px 0 !important; margin: 0 !important; border-bottom: 1px solid #eeeeee !important; color: #777 !important; font-size: 15px !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-decoration: none !important; transition: color .18s ease, padding-left .18s ease !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-category-link:hover { color: var(--cwsb-active-nav, #111) !important; padding-left: 4px !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-category-link.is-active { color: var(--cwsb-active-nav, #111) !important; font-weight: 600 !important; border-bottom: 1px solid #eeeeee !important; } /* Product catalogue area */ body.cwsb-public-menu-page .cwsb-category-sections { grid-column: 2 !important; grid-row: 3 !important; min-width: 0 !important; } body.cwsb-public-menu-page .cwsb-category-section { margin: 0 0 58px !important; width: 100% !important; } body.cwsb-public-menu-page .cwsb-category-title { margin: 0 0 22px !important; padding: 0 0 13px !important; border-bottom: 1px solid #e8e8e8 !important; color: #333 !important; font-size: 25px !important; font-weight: 400 !important; text-transform: none !important; } body.cwsb-public-menu-page .cwsb-product-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 20px !important; width: 100% !important; max-width: none !important; margin: 0 !important; } body.cwsb-public-menu-page .cwsb-product-card { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 20px !important; gap: 0 !important; border-bottom: 1px solid #ededed !important; background: transparent !important; cursor: default !important; transition: transform .18s ease, opacity .18s ease !important; } body.cwsb-public-menu-page .cwsb-product-card:hover { transform: translateY(-2px) !important; opacity: 1 !important; } body.cwsb-public-menu-page .cwsb-product-image-link, body.cwsb-public-menu-page .cwsb-product-image-placeholder { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1.35 / 1 !important; margin: 0 0 13px !important; overflow: hidden !important; border-radius: 0 !important; background: #f3f3f3 !important; } body.cwsb-public-menu-page .cwsb-product-image-link img, body.cwsb-public-menu-page .cwsb-product-image-placeholder img { width: 100% !important; height: 100% !important; object-fit: cover !important; } body.cwsb-public-menu-page .cwsb-product-info { min-height: 0 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } body.cwsb-public-menu-page .cwsb-product-title-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; align-items: start !important; width: 100% !important; margin: 0 0 7px !important; } body.cwsb-public-menu-page .cwsb-product-heading { min-width: 0 !important; } body.cwsb-public-menu-page .cwsb-product-name { margin: 0 !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 500 !important; color: #333 !important; } body.cwsb-public-menu-page .cwsb-product-name a { color: inherit !important; } body.cwsb-public-menu-page .cwsb-product-category { margin: 3px 0 0 !important; color: #999 !important; font-size: 10px !important; line-height: 1.3 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.cwsb-public-menu-page .cwsb-product-price { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; padding: 0 !important; color: var(--cwsb-price-color, #111111) !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 600 !important; white-space: nowrap !important; text-align: right !important; } body.cwsb-public-menu-page .cwsb-product-excerpt { width: 100% !important; margin: 5px 0 12px !important; color: #777 !important; font-size: 12px !important; line-height: 1.5 !important; } body.cwsb-public-menu-page .cwsb-product-bottom { display: flex !important; align-items: center !important; width: 100% !important; margin: 0 !important; } body.cwsb-public-menu-page .cwsb-add-to-cart { min-height: 32px !important; height: 32px !important; padding: 6px 13px !important; border-radius: 0 !important; font-size: 10px !important; letter-spacing: .03em !important; } body.cwsb-public-menu-page .cwsb-sold-out { font-size: 11px !important; color: #a33 !important; } } @media (min-width: 901px) and (max-width: 1050px) { body.cwsb-public-menu-page .cwsb-menu-content { width: min(960px, calc(100% - 36px)) !important; grid-template-columns: 190px minmax(0, 1fr) !important; column-gap: 28px !important; } body.cwsb-public-menu-page .cwsb-category-nav-wrap { width: 190px !important; } body.cwsb-public-menu-page .cwsb-product-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* v4.2.2 - FINAL desktop catalogue layout override. This block intentionally comes last so theme/legacy menu rules cannot collapse product cards. */ @media (min-width: 901px) { html body.cwsb-public-menu-page .cwsb-menu-content { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; column-gap: 36px !important; align-items: start !important; width: min(1180px, calc(100% - 56px)) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } html body.cwsb-public-menu-page .cwsb-menu-header-row, html body.cwsb-public-menu-page .cwsb-menu-tools { grid-column: 1 / -1 !important; } html body.cwsb-public-menu-page .cwsb-category-nav-wrap { grid-column: 1 !important; grid-row: 3 !important; width: 220px !important; max-width: 220px !important; display: block !important; position: sticky !important; top: 24px !important; margin: 0 !important; padding: 0 !important; } html body.cwsb-public-menu-page .cwsb-category-sections { grid-column: 2 !important; grid-row: 3 !important; width: 100% !important; min-width: 0 !important; display: block !important; } html body.cwsb-public-menu-page .cwsb-product-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 20px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } html body.cwsb-public-menu-page .cwsb-product-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 0 20px !important; border-bottom: 1px solid #ededed !important; background: transparent !important; box-sizing: border-box !important; gap: 0 !important; } html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-link, html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-placeholder { display: block !important; flex: 0 0 auto !important; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 1.35 / 1 !important; margin: 0 0 13px !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-link img, html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-placeholder img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; } html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-info { display: flex !important; flex: 0 0 auto !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.cwsb-public-menu-page .cwsb-product-title-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: start !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; margin: 0 0 7px !important; } html body.cwsb-public-menu-page .cwsb-product-heading { min-width: 0 !important; width: auto !important; } html body.cwsb-public-menu-page .cwsb-product-name { margin: 0 !important; padding: 0 !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 500 !important; word-break: normal !important; overflow-wrap: anywhere !important; } html body.cwsb-public-menu-page .cwsb-product-category { margin: 3px 0 0 !important; font-size: 10px !important; line-height: 1.3 !important; } html body.cwsb-public-menu-page .cwsb-product-price { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; min-width: max-content !important; margin: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.3 !important; white-space: nowrap !important; text-align: right !important; } html body.cwsb-public-menu-page .cwsb-product-excerpt { width: 100% !important; max-width: none !important; margin: 5px 0 12px !important; font-size: 12px !important; line-height: 1.5 !important; } html body.cwsb-public-menu-page .cwsb-product-bottom { display: flex !important; width: 100% !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } html body.cwsb-public-menu-page .cwsb-add-to-cart { display: inline-flex !important; width: auto !important; min-width: 0 !important; height: 32px !important; min-height: 32px !important; padding: 6px 13px !important; font-size: 10px !important; border-radius: 4px !important; } } @media (min-width: 901px) and (max-width: 1120px) { html body.cwsb-public-menu-page .cwsb-menu-content { width: min(1000px, calc(100% - 36px)) !important; grid-template-columns: 190px minmax(0, 1fr) !important; column-gap: 28px !important; } html body.cwsb-public-menu-page .cwsb-category-nav-wrap { width: 190px !important; max-width: 190px !important; } html body.cwsb-public-menu-page .cwsb-product-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* v4.2.3 - desktop catalogue: image + text below, no boxed product cards. */ @media (min-width: 901px) { html body.cwsb-public-menu-page .cwsb-product-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ededed !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 28px !important; margin: 0 !important; gap: 0 !important; overflow: visible !important; transform: none !important; } html body.cwsb-public-menu-page .cwsb-product-card:hover { background: transparent !important; border-color: #ededed !important; box-shadow: none !important; transform: none !important; } html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-link, html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-placeholder { width: 100% !important; height: 235px !important; aspect-ratio: auto !important; margin: 0 0 14px !important; padding: 0 !important; border-radius: 0 !important; background: #f4f5f5 !important; overflow: hidden !important; } html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-link img, html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-placeholder img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-info { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; margin: 0 !important; } /* Name first, category immediately below. */ html body.cwsb-public-menu-page .cwsb-product-title-row { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; margin: 0 0 8px !important; } html body.cwsb-public-menu-page .cwsb-product-heading { width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } html body.cwsb-public-menu-page .cwsb-product-name { order: 1 !important; width: 100% !important; margin: 0 !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 500 !important; word-break: normal !important; overflow-wrap: normal !important; } html body.cwsb-public-menu-page .cwsb-product-category { order: 2 !important; margin: 4px 0 0 !important; font-size: 10px !important; line-height: 1.3 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } html body.cwsb-public-menu-page .cwsb-product-badge { order: 3 !important; margin-top: 6px !important; } /* Price underneath category, then Add to Cart underneath price. */ html body.cwsb-public-menu-page .cwsb-product-price { order: 2 !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 0 10px !important; padding: 0 !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; text-align: left !important; white-space: nowrap !important; } html body.cwsb-public-menu-page .cwsb-product-excerpt { order: 1 !important; width: 100% !important; margin: 0 0 12px !important; font-size: 12px !important; line-height: 1.5 !important; } html body.cwsb-public-menu-page .cwsb-product-bottom { order: 3 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body.cwsb-public-menu-page .cwsb-add-to-cart { width: auto !important; min-width: 0 !important; height: 34px !important; min-height: 34px !important; padding: 7px 14px !important; font-size: 10px !important; line-height: 1 !important; border-radius: 3px !important; } } @media (min-width: 901px) and (max-width: 1120px) { html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-link, html body.cwsb-public-menu-page .cwsb-product-card > .cwsb-product-image-placeholder { height: 205px !important; } } /* v4.2.4 — polished desktop hero/header + right-aligned menu search */ @media (min-width: 768px){ html body.cwsb-public-menu-page .cwsb-menu-tools{ display:flex!important; justify-content:flex-end!important; align-items:center!important; gap:14px!important; margin:0 0 28px!important; padding:0!important; } html body.cwsb-public-menu-page .cwsb-menu-search{ width:min(420px,42vw)!important; max-width:420px!important; height:48px!important; border-radius:24px!important; background:rgba(248,249,250,.96)!important; border:1px solid rgba(25,30,38,.12)!important; box-shadow:0 5px 20px rgba(0,0,0,.06)!important; } html body.cwsb-public-menu-page .cwsb-public-search-count{ order:-1!important; margin-right:2px!important; } } /* Refined restaurant hero: cinematic cover, restrained overlay, floating logo */ html body.cwsb-public-menu-page .cwsb-restaurant-cover{ position:relative!important; isolation:isolate!important; box-shadow:0 16px 42px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.10)!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover::before{ content:""!important; position:absolute!important; inset:0!important; z-index:1!important; pointer-events:none!important; background: linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.24) 100%), linear-gradient(90deg,rgba(0,0,0,.08),transparent 28%,transparent 72%,rgba(0,0,0,.08))!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover-image{ position:relative!important; z-index:0!important; transform:scale(1.002)!important; transition:transform .7s ease!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover:hover .cwsb-restaurant-cover-image{ transform:scale(1.015)!important; } html body.cwsb-public-menu-page .cwsb-cover-logo-wrap{ z-index:8!important; width:148px!important; height:148px!important; bottom:-74px!important; border:7px solid rgba(255,255,255,.98)!important; box-shadow:0 14px 34px rgba(0,0,0,.28),0 4px 10px rgba(0,0,0,.14)!important; transition:transform .3s ease,box-shadow .3s ease!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover:hover .cwsb-cover-logo-wrap{ transform:translateX(-50%) translateY(-4px)!important; box-shadow:0 16px 36px rgba(0,0,0,.23),0 3px 8px rgba(0,0,0,.09)!important; } html body.cwsb-public-menu-page .cwsb-menu-header-row{ padding-top:86px!important; padding-bottom:24px!important; } html body.cwsb-public-menu-page .cwsb-restaurant-heading h1{ letter-spacing:-.025em!important; } html body.cwsb-public-menu-page .cwsb-public-header{ backdrop-filter:saturate(140%) blur(10px)!important; -webkit-backdrop-filter:saturate(140%) blur(10px)!important; box-shadow:0 3px 18px rgba(0,0,0,.055)!important; } html body.cwsb-public-menu-page .cwsb-public-header-inner{ min-height:66px!important; } html body.cwsb-public-menu-page .cwsb-public-nav a{ transition:color .2s ease,border-color .2s ease,opacity .2s ease!important; } html body.cwsb-public-menu-page .cwsb-public-header-cart{ box-shadow:0 3px 12px rgba(0,0,0,.06)!important; transition:transform .2s ease,box-shadow .2s ease!important; } html body.cwsb-public-menu-page .cwsb-public-header-cart:hover{ transform:translateY(-1px)!important; box-shadow:0 6px 16px rgba(0,0,0,.09)!important; } @media(max-width:767px){ html body.cwsb-public-menu-page .cwsb-cover-logo-wrap{ width:108px!important;height:108px!important;bottom:-54px!important;border-width:5px!important; } html body.cwsb-public-menu-page .cwsb-menu-header-row{ padding-top:66px!important;padding-bottom:18px!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover:hover .cwsb-cover-logo-wrap{ transform:translateX(-50%)!important; } } /* v4.2.5 — restaurant hero/header treatment: navigation lives visually on the cover */ html body.cwsb-public-menu-page .cwsb-public-header{ position:absolute!important; top:0!important; left:0!important; right:0!important; width:100%!important; z-index:60!important; background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.18) 58%,rgba(0,0,0,0) 100%)!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html body.cwsb-public-menu-page .cwsb-public-header-inner{ width:min(1240px,calc(100% - 56px))!important; min-height:82px!important; margin:0 auto!important; padding:0!important; position:relative!important; } html body.cwsb-public-menu-page .cwsb-public-nav-wrap{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:82px!important; } html body.cwsb-public-menu-page .cwsb-public-nav{ display:flex!important; align-items:center!important; justify-content:center!important; gap:30px!important; } html body.cwsb-public-menu-page .cwsb-public-nav a{ color:#fff!important; text-shadow:0 1px 5px rgba(0,0,0,.38)!important; border-bottom:2px solid transparent!important; padding:8px 0!important; font-size:13px!important; font-weight:500!important; opacity:.96!important; } html body.cwsb-public-menu-page .cwsb-public-nav a:hover, html body.cwsb-public-menu-page .cwsb-public-nav a.is-active{ color:#fff!important; border-bottom-color:var(--cwsb-active-nav,#fff)!important; opacity:1!important; } html body.cwsb-public-menu-page .cwsb-public-header-cart{ position:absolute!important; right:0!important; top:50%!important; transform:translateY(-50%)!important; color:#fff!important; border:1px solid rgba(255,255,255,.55)!important; background:rgba(0,0,0,.18)!important; box-shadow:0 4px 16px rgba(0,0,0,.12)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } html body.cwsb-public-menu-page .cwsb-public-header-cart:hover{ color:#fff!important; background:rgba(0,0,0,.3)!important; transform:translateY(calc(-50% - 1px))!important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle{display:none!important} html body.cwsb-public-menu-page .cwsb-restaurant-cover::after{ content:""!important; position:absolute!important; inset:0!important; z-index:2!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,.28) 100%)!important; } html body.cwsb-public-menu-page .cwsb-cover-logo-wrap{z-index:20!important;bottom:-74px!important} html body.cwsb-public-menu-page .cwsb-menu-header-row{position:relative!important;z-index:15!important} @media(max-width:767px){ html body.cwsb-public-menu-page .cwsb-public-header{ background:rgba(0,0,0,.34)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } html body.cwsb-public-menu-page .cwsb-public-header-inner{width:calc(100% - 28px)!important;min-height:62px!important} html body.cwsb-public-menu-page .cwsb-public-nav-wrap{display:none!important} html body.cwsb-public-menu-page .cwsb-public-nav-toggle{ display:flex!important; position:absolute!important; left:0!important; top:50%!important; transform:translateY(-50%)!important; width:42px!important; height:42px!important; padding:10px!important; margin:0!important; border:1px solid rgba(255,255,255,.45)!important; border-radius:10px!important; background:rgba(0,0,0,.18)!important; flex-direction:column!important; justify-content:center!important; gap:4px!important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle span{display:block!important;width:20px!important;height:2px!important;background:#fff!important;border-radius:2px!important} html body.cwsb-public-menu-page .cwsb-public-header-cart{right:0!important} html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav-wrap{display:block!important;position:absolute!important;top:62px!important;left:0!important;right:0!important;background:rgba(20,24,30,.96)!important;border-radius:12px!important;padding:8px!important;box-shadow:0 16px 35px rgba(0,0,0,.25)!important} html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav{display:grid!important;gap:2px!important} html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav a{display:block!important;padding:11px 12px!important;border:0!important;text-shadow:none!important;border-radius:7px!important} html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav a:hover, html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav a.is-active{background:rgba(255,255,255,.10)!important;color:#fff!important} } /* v4.4.0 — category/business icons */ .cwsb-category-link{display:inline-flex!important;align-items:center!important;gap:7px!important} .cwsb-category-link .cwsb-category-icon{width:17px;height:17px;flex:0 0 17px} .cwsb-category-title{display:flex!important;align-items:center!important;gap:10px!important} .cwsb-category-title .cwsb-category-icon{width:24px;height:24px;flex:0 0 24px} .cwsb-business-info{--cwsb-business-icon-size:18px} .cwsb-business-item{display:flex!important;align-items:flex-start!important;gap:9px!important;margin:0 0 10px!important;text-decoration:none!important} .cwsb-business-icon{width:var(--cwsb-business-icon-size,18px)!important;height:var(--cwsb-business-icon-size,18px)!important;flex:0 0 var(--cwsb-business-icon-size,18px)!important;display:block!important} .cwsb-footer-social{display:flex;flex-direction:column;gap:2px} @media(max-width:700px){.cwsb-category-nav{gap:20px!important}.cwsb-category-link .cwsb-category-icon{width:15px;height:15px;flex-basis:15px}.cwsb-category-title .cwsb-category-icon{width:21px;height:21px;flex-basis:21px}} /* v4.5.1 - unified desktop catalogue with left-side category filters. */ .cwsb-desktop-catalogue{display:none} @media (min-width:901px){ html body.cwsb-public-menu-page .cwsb-category-sections{display:none!important} html body.cwsb-public-menu-page .cwsb-desktop-catalogue{display:block!important;grid-column:2!important;grid-row:3!important;width:100%!important;min-width:0!important} html body.cwsb-public-menu-page .cwsb-desktop-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 20px!important;width:100%!important;margin:0!important} html body.cwsb-public-menu-page .cwsb-desktop-product-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 0 28px!important;border:0!important;border-bottom:1px solid #ededed!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} html body.cwsb-public-menu-page .cwsb-desktop-product-card[style*="display: none"]{display:none!important} html body.cwsb-public-menu-page .cwsb-desktop-product-card .cwsb-product-image-link{width:100%!important;height:auto!important;aspect-ratio:1.15/1!important;margin:0 0 15px!important;border-radius:8px!important;overflow:hidden!important} html body.cwsb-public-menu-page .cwsb-desktop-product-card .cwsb-product-image{width:100%!important;height:100%!important;object-fit:cover!important} html body.cwsb-public-menu-page .cwsb-desktop-product-card .cwsb-product-info{width:100%!important} html body.cwsb-public-menu-page .cwsb-desktop-no-results{grid-column:1/-1!important;padding:60px 20px!important;text-align:center!important;color:#888!important;font-size:14px!important} html body.cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-category-all-link{font-weight:600!important} } @media (min-width:901px) and (max-width:1120px){ html body.cwsb-public-menu-page .cwsb-desktop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* v4.7.5 — keep the business name out of the desktop header; it belongs on the cover. */ @media (min-width:901px){ html body.cwsb-public-menu-page .cwsb-public-header .cwsb-mobile-header-business-name{ display:none!important; width:0!important; max-width:0!important; min-width:0!important; flex:0 0 0!important; margin:0!important; padding:0!important; overflow:hidden!important; } } /* v4.6.0 — default public header with logo + straight desktop cover with centered business identity */ html body.cwsb-public-menu-page .cwsb-public-header-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;text-decoration:none!important;color:inherit!important;border-radius:10px!important;overflow:hidden!important} html body.cwsb-public-menu-page .cwsb-public-header-logo-image{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;margin:0!important} html body.cwsb-public-menu-page .cwsb-public-header-logo-placeholder{width:44px!important;height:44px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#181d25!important;color:#fff!important;font-weight:700!important;font-size:18px!important} html body.cwsb-public-menu-page .cwsb-cover-center-content{display:none} @media (min-width:901px){ html body.cwsb-public-menu-page .cwsb-public-header{position:relative!important;z-index:100!important;background:#fff!important;border-bottom:1px solid #eee!important} html body.cwsb-public-menu-page .cwsb-public-header-inner{min-height:72px!important;display:flex!important;align-items:center!important;gap:22px!important;padding:0 28px!important} html body.cwsb-public-menu-page .cwsb-public-header-logo{margin-right:auto!important} html body.cwsb-public-menu-page .cwsb-public-nav-wrap{position:absolute!important;left:50%!important;transform:translateX(-50%)!important} html body.cwsb-public-menu-page .cwsb-public-header-cart{margin-left:auto!important} html body.cwsb-public-menu-page .cwsb-public-nav-toggle{display:none!important} html body.cwsb-public-menu-page .cwsb-restaurant-cover{height:clamp(300px,34vw,440px)!important;margin:0 0 32px calc(50% - 50vw)!important;border-radius:0!important;overflow:hidden!important;position:relative!important} html body.cwsb-public-menu-page .cwsb-restaurant-cover::before,html body.cwsb-public-menu-page .cwsb-restaurant-cover::after{display:none!important;content:none!important} html body.cwsb-public-menu-page .cwsb-restaurant-cover-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important} html body.cwsb-public-menu-page .cwsb-restaurant-cover:hover .cwsb-restaurant-cover-image{transform:none!important} html body.cwsb-public-menu-page .cwsb-cover-center-content{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:40px!important;background:rgba(0,0,0,.18)!important;color:#fff!important;z-index:5!important} html body.cwsb-public-menu-page .cwsb-cover-center-content h1{margin:0!important;color:#fff!important;font-size:clamp(34px,5vw,64px)!important;line-height:1.1!important;font-weight:600!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important} html body.cwsb-public-menu-page .cwsb-cover-center-content p{margin:12px 0 0!important;color:#fff!important;font-size:clamp(16px,1.8vw,23px)!important;line-height:1.35!important;text-shadow:0 2px 10px rgba(0,0,0,.4)!important;max-width:760px!important} html body.cwsb-public-menu-page .cwsb-cover-logo-wrap{display:none!important} html body.cwsb-public-menu-page .cwsb-menu-header-row{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important} } /* v4.7.2 — targeted desktop/mobile header, logo, cover and icon alignment fixes. */ html body.cwsb-public-menu-page .cwsb-public-header, html body.cwsb-public-menu-page .cwsb-public-header-inner{ background:var(--cwsb-header-bg,#fff)!important; color:var(--cwsb-header-text,#222)!important; } html body.cwsb-public-menu-page .cwsb-public-header{ border-bottom-color:color-mix(in srgb,var(--cwsb-header-text,#222) 12%,transparent)!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo{ width:auto!important;height:auto!important;min-width:0!important;max-width:160px!important; border-radius:0!important;overflow:visible!important;background:transparent!important; flex:0 0 auto!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo-image{ width:auto!important;height:auto!important;max-width:160px!important;max-height:52px!important; object-fit:contain!important;border-radius:0!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo-placeholder{ width:44px!important;height:44px!important;border-radius:0!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content{ position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important;text-align:center!important; padding:24px!important;background:rgba(0,0,0,.16)!important;color:#fff!important;z-index:5!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content h1{ margin:0!important;color:#fff!important;font-size:clamp(28px,5vw,62px)!important; line-height:1.08!important;font-weight:600!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content p{ margin:10px 0 0!important;color:#fff!important;font-size:clamp(14px,1.8vw,22px)!important; line-height:1.35!important;text-shadow:0 2px 10px rgba(0,0,0,.4)!important;max-width:760px!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover{border-radius:0!important;overflow:hidden!important;} html body.cwsb-public-menu-page .cwsb-restaurant-cover::before, html body.cwsb-public-menu-page .cwsb-restaurant-cover::after{display:none!important;content:none!important;} /* Never force the cover logo into a circle. */ html body.cwsb-public-menu-page .cwsb-restaurant-cover .cwsb-cover-logo-wrap, html body.cwsb-public-menu-page .cwsb-restaurant-cover .cwsb-cover-logo-wrap:hover, html body.cwsb-public-menu-page .cwsb-restaurant-cover .cwsb-cover-logo-wrap:focus, html body.cwsb-public-menu-page .cwsb-restaurant-cover .cwsb-cover-logo-wrap:active{ border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover .cwsb-cover-logo{ width:auto!important;height:auto!important;max-width:180px!important;max-height:100px!important; object-fit:contain!important;border-radius:0!important; } /* Consistent category icon geometry. */ html body.cwsb-public-menu-page .cwsb-category-link{ display:inline-flex!important;align-items:center!important;gap:8px!important; } html body.cwsb-public-menu-page .cwsb-category-link .cwsb-category-icon, html body.cwsb-public-menu-page .cwsb-category-title .cwsb-category-icon{ display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important; min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important; box-sizing:border-box!important;vertical-align:middle!important; } @media (max-width:700px){ html body.cwsb-public-menu-page .cwsb-public-header-logo{max-width:110px!important;} html body.cwsb-public-menu-page .cwsb-public-header-logo-image{max-width:110px!important;max-height:42px!important;} html body.cwsb-public-menu-page .cwsb-cover-center-content{padding:18px!important;} html body.cwsb-public-menu-page .cwsb-cover-center-content h1{font-size:clamp(24px,8vw,38px)!important;} html body.cwsb-public-menu-page .cwsb-cover-center-content p{font-size:14px!important;margin-top:8px!important;} html body.cwsb-public-menu-page .cwsb-category-link .cwsb-category-icon{flex-basis:18px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;} } @media (min-width:701px){ html body.cwsb-public-menu-page .cwsb-public-header{position:relative!important;} } /* v4.7.2 — final requested presentation and persistence fixes. */ html body.cwsb-public-menu-page .cwsb-restaurant-cover{ border-radius:0!important; clip-path:none!important; overflow:hidden!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover::before, html body.cwsb-public-menu-page .cwsb-restaurant-cover::after{ content:none!important; display:none!important; clip-path:none!important; } html body.cwsb-public-menu-page .cwsb-cover-logo-wrap, html body.cwsb-public-menu-page .cwsb-cover-logo-wrap:hover, html body.cwsb-public-menu-page .cwsb-cover-logo-wrap:focus, html body.cwsb-public-menu-page .cwsb-cover-logo-wrap:active{ display:none!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content{ background:transparent!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content h1{ text-shadow:0 2px 5px rgba(0,0,0,.65),0 1px 14px rgba(0,0,0,.35)!important; } html body.cwsb-public-menu-page .cwsb-public-header{ position:relative!important; background:var(--cwsb-header-bg,#fff)!important; color:var(--cwsb-header-text,#222)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:none!important; border-bottom:1px solid color-mix(in srgb,var(--cwsb-header-text,#222) 12%,transparent)!important; } html body.cwsb-public-menu-page .cwsb-public-header-inner{ background:transparent!important; color:var(--cwsb-header-text,#222)!important; } html body.cwsb-public-menu-page .cwsb-public-nav a{ color:var(--cwsb-header-text,#222)!important; text-shadow:none!important; } html body.cwsb-public-menu-page .cwsb-public-nav a:hover, html body.cwsb-public-menu-page .cwsb-public-nav a.is-active{ color:var(--cwsb-active-nav,var(--cwsb-header-text,#222))!important; border-bottom-color:var(--cwsb-active-nav,var(--cwsb-header-text,#222))!important; } html body.cwsb-public-menu-page .cwsb-public-header-cart{ color:var(--cwsb-header-text,#222)!important; border-color:color-mix(in srgb,var(--cwsb-header-text,#222) 35%,transparent)!important; background:transparent!important; box-shadow:none!important; } html body.cwsb-public-menu-page .cwsb-public-header-cart:hover{ color:var(--cwsb-active-nav,var(--cwsb-header-text,#222))!important; background:transparent!important; transform:none!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo, html body.cwsb-public-menu-page .cwsb-public-header-logo-image{ border-radius:0!important; overflow:visible!important; transform:none!important; transition:none!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo-image{ width:auto!important;height:auto!important;max-width:160px!important;max-height:52px!important;object-fit:contain!important; } html body.cwsb-public-menu-page .category-icon-wrapper{ width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; box-sizing:border-box!important;line-height:0!important; } html body.cwsb-public-menu-page .category-icon-wrapper .cwsb-category-icon{ width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important; display:block!important;flex:0 0 18px!important;margin:0!important;transform:none!important; } html body.cwsb-public-menu-page .cwsb-category-link{ display:inline-flex!important;align-items:center!important;gap:8px!important; line-height:20px!important; } @media (min-width:901px){ html body.cwsb-public-menu-page .cwsb-menu-content{ display:grid!important; grid-template-columns:minmax(190px,220px) minmax(0,1fr)!important; column-gap:32px!important; align-items:start!important; } html body.cwsb-public-menu-page .cwsb-menu-tools{ grid-column:2!important;grid-row:1!important;width:100%!important; } html body.cwsb-public-menu-page .cwsb-category-nav-wrap{ grid-column:1!important;grid-row:1 / span 2!important; display:block!important;margin:0!important;padding:0!important; position:sticky!important;top:18px!important; } html body.cwsb-public-menu-page .cwsb-category-loader, html body.cwsb-public-menu-page .cwsb-nav-arrow{display:none!important} html body.cwsb-public-menu-page .cwsb-category-nav{ display:flex!important;flex-direction:column!important;gap:2px!important; width:100%!important;overflow:visible!important;white-space:normal!important; } html body.cwsb-public-menu-page .cwsb-category-link{ width:100%!important;box-sizing:border-box!important;padding:9px 10px!important;border:0!important; border-radius:7px!important;text-decoration:none!important; } html body.cwsb-public-menu-page .cwsb-category-link.is-active{ border-bottom:0!important;background:color-mix(in srgb,var(--cwsb-primary,#181d25) 8%,transparent)!important; color:var(--cwsb-primary,#181d25)!important; } html body.cwsb-public-menu-page .cwsb-desktop-catalogue{ grid-column:2!important;grid-row:2!important;width:100%!important;min-width:0!important; } html body.cwsb-public-menu-page .cwsb-category-sections{display:none!important} html body.cwsb-public-menu-page .cwsb-public-header-inner{min-height:72px!important;padding:0 28px!important} } @media (max-width:900px){ html body.cwsb-public-menu-page .cwsb-public-header{position:relative!important;z-index:100!important;min-height:62px!important} html body.cwsb-public-menu-page .cwsb-public-header-inner{ width:calc(100% - 28px)!important;min-height:62px!important;padding:0!important;margin:0 auto!important; display:flex!important;align-items:center!important;gap:10px!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo{margin:0!important;max-width:110px!important;flex:0 0 auto!important} html body.cwsb-public-menu-page .cwsb-public-header-logo-image{max-width:110px!important;max-height:42px!important} html body.cwsb-public-menu-page .cwsb-public-nav-toggle{ order:2!important;position:static!important;transform:none!important;margin-left:auto!important; width:40px!important;height:40px!important;padding:9px!important;display:flex!important; flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important; border:1px solid color-mix(in srgb,var(--cwsb-header-text,#222) 30%,transparent)!important; border-radius:9px!important;background:transparent!important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle span{background:var(--cwsb-header-text,#222)!important;width:20px!important;height:2px!important} html body.cwsb-public-menu-page .cwsb-public-nav-wrap{order:3!important} html body.cwsb-public-menu-page .cwsb-public-header-cart{order:4!important;position:static!important;transform:none!important;margin:0!important;padding:7px 10px!important} html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav-wrap{ top:62px!important;background:var(--cwsb-header-bg,#fff)!important;color:var(--cwsb-header-text,#222)!important; } html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav a{color:var(--cwsb-header-text,#222)!important} html body.cwsb-public-menu-page .cwsb-cover-center-content{padding:18px!important;background:transparent!important} html body.cwsb-public-menu-page .cwsb-cover-center-content h1{font-size:clamp(24px,8vw,38px)!important;text-shadow:0 2px 5px rgba(0,0,0,.65),0 1px 10px rgba(0,0,0,.35)!important} html body.cwsb-public-menu-page .cwsb-cover-center-content p{font-size:14px!important;margin-top:8px!important;text-shadow:0 2px 5px rgba(0,0,0,.55)!important} html body.cwsb-public-menu-page .cwsb-category-link .category-icon-wrapper{width:18px!important;height:18px!important;min-width:18px!important;flex-basis:18px!important} html body.cwsb-public-menu-page .cwsb-category-link .category-icon-wrapper .cwsb-category-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important;flex-basis:17px!important} } /* v4.7.3 — reference mobile public-menu layout. Mobile-only; desktop is untouched. */ @media (max-width:900px){ html body.cwsb-public-menu-page .cwsb-public-header{ position:relative!important;top:auto!important;left:auto!important;right:auto!important; width:100%!important;min-height:62px!important;background:var(--cwsb-header-bg,#000)!important; color:var(--cwsb-header-text,#fff)!important;border:0!important;box-shadow:none!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } html body.cwsb-public-menu-page .cwsb-public-header-inner{ width:100%!important;min-height:62px!important;margin:0!important;padding:0 22px!important; display:flex!important;align-items:center!important;gap:10px!important;box-sizing:border-box!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo{ width:auto!important;height:auto!important;max-width:58px!important;max-height:48px!important; margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important; flex:0 0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo-image{ display:block!important;width:auto!important;height:auto!important;max-width:58px!important;max-height:48px!important; object-fit:contain!important;border:0!important;border-radius:0!important;transform:none!important;transition:none!important; } html body.cwsb-public-menu-page .cwsb-public-header-logo-placeholder{ width:40px!important;height:40px!important;border-radius:0!important;background:transparent!important; color:var(--cwsb-header-text,#fff)!important; } html body.cwsb-public-menu-page .cwsb-mobile-header-business-name{ display:block!important;min-width:0!important;flex:1 1 auto!important;margin:0!important;padding:0!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; color:var(--cwsb-header-text,#fff)!important;font-size:21px!important;font-weight:500!important;line-height:1.15!important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle{ order:3!important;position:static!important;display:flex!important;flex:0 0 42px!important; width:42px!important;height:42px!important;margin:0!important;padding:9px 5px!important; border:0!important;border-radius:0!important;background:transparent!important;color:var(--cwsb-header-text,#fff)!important; box-shadow:none!important;transform:none!important;gap:5px!important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle span{ display:block!important;width:30px!important;height:3px!important;margin:0!important;border-radius:2px!important; background:currentColor!important; } html body.cwsb-public-menu-page .cwsb-public-nav-wrap{order:4!important} html body.cwsb-public-menu-page .cwsb-public-header-cart{display:none!important} html body.cwsb-public-menu-page .cwsb-public-header.is-nav-open .cwsb-public-nav-wrap, html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav-wrap{ top:62px!important;left:0!important;right:0!important;width:100%!important; background:var(--cwsb-header-bg,#000)!important;color:var(--cwsb-header-text,#fff)!important; border:0!important;border-radius:0!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;padding:8px 14px!important; } html body.cwsb-public-menu-page .cwsb-public-header.is-nav-open .cwsb-public-nav a, html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav a{ color:var(--cwsb-header-text,#fff)!important;background:transparent!important;border:0!important; } /* The cover is the only hero identity block when a cover exists. */ html body.cwsb-public-menu-page .cwsb-menu.has-cover .cwsb-menu-header-row{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important} html body.cwsb-public-menu-page .cwsb-restaurant-cover{ width:100vw!important;height:210px!important;margin:0 0 0 calc(50% - 50vw)!important;padding:0!important; border:0!important;border-radius:0!important;overflow:hidden!important;clip-path:none!important; box-shadow:none!important;background:#eee!important;isolation:auto!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover-image{ display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important; object-fit:cover!important;object-position:center!important;margin:0!important;transform:none!important;transition:none!important; } html body.cwsb-public-menu-page .cwsb-restaurant-cover::before, html body.cwsb-public-menu-page .cwsb-restaurant-cover::after{display:none!important;content:none!important;background:none!important;} html body.cwsb-public-menu-page .cwsb-cover-logo-wrap{display:none!important} html body.cwsb-public-menu-page .cwsb-cover-center-content{ position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important;text-align:center!important; padding:20px 24px!important;background:transparent!important;color:#fff!important;z-index:2!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content h1{ margin:0!important;padding:0!important;color:#fff!important;font-size:clamp(27px,8vw,38px)!important; line-height:1.08!important;font-weight:600!important;letter-spacing:-.02em!important; text-shadow:0 2px 6px rgba(0,0,0,.7),0 1px 14px rgba(0,0,0,.35)!important; } html body.cwsb-public-menu-page .cwsb-cover-center-content p{ margin:8px 0 0!important;padding:0!important;color:#fff!important;font-size:15px!important; line-height:1.3!important;font-weight:400!important;text-shadow:0 2px 5px rgba(0,0,0,.65)!important; } /* Menu content begins directly with search. */ html body.cwsb-public-menu-page .cwsb-menu-content{ width:100%!important;max-width:none!important;margin:0!important;padding:0 0 36px!important; display:block!important;box-sizing:border-box!important; } html body.cwsb-public-menu-page .cwsb-menu-tools{ display:block!important;width:auto!important;margin:30px 26px 0!important;padding:0!important; } html body.cwsb-public-menu-page .cwsb-menu-search{ width:100%!important;height:46px!important;box-sizing:border-box!important;margin:0!important;padding:0 44px!important; border:1px solid #ddd!important;border-radius:24px!important;background:#fff!important; box-shadow:0 2px 10px rgba(0,0,0,.04)!important; } html body.cwsb-public-menu-page .cwsb-menu-search-icon{ left:18px!important;font-size:21px!important;color:#777!important; } html body.cwsb-public-menu-page .cwsb-menu-search input{ height:44px!important;font-size:15px!important;color:#333!important; } html body.cwsb-public-menu-page .cwsb-public-search-count{display:none!important} html body.cwsb-public-menu-page .cwsb-category-nav-wrap{ display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;align-items:center!important; width:auto!important;margin:36px 20px 42px!important;padding:0!important;gap:0!important; } html body.cwsb-public-menu-page .cwsb-category-loader{display:none!important} html body.cwsb-public-menu-page .cwsb-nav-arrow{ display:block!important;width:30px!important;height:42px!important;padding:0!important;margin:0!important; border:0!important;background:transparent!important;color:#777!important;font-size:31px!important;line-height:1!important; } html body.cwsb-public-menu-page .cwsb-category-nav{ display:flex!important;align-items:center!important;gap:30px!important;width:100%!important;min-width:0!important; overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:0 2px 7px!important;margin:0!important; scrollbar-width:none!important; } html body.cwsb-public-menu-page .cwsb-category-nav::-webkit-scrollbar{display:none!important} html body.cwsb-public-menu-page .cwsb-category-link{ display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important; width:auto!important;margin:0!important;padding:0 0 7px!important;border:0!important;border-bottom:2px solid transparent!important; border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#777!important; font-size:16px!important;font-weight:400!important;line-height:1.2!important;text-decoration:none!important; } html body.cwsb-public-menu-page .cwsb-category-link.is-active{ color:#111!important;font-weight:700!important;border-bottom-color:#111!important;background:transparent!important; } html body.cwsb-public-menu-page .cwsb-category-link .category-icon-wrapper{display:none!important} html body.cwsb-public-menu-page .cwsb-category-link .cwsb-category-icon{display:none!important} html body.cwsb-public-menu-page .cwsb-category-sections{ display:block!important;width:100%!important;margin:0!important;padding:0!important; } html body.cwsb-public-menu-page .cwsb-category-section{ width:100%!important;margin:0 0 42px!important;padding:0!important;box-sizing:border-box!important; } html body.cwsb-public-menu-page .cwsb-category-title{ margin:0 26px 18px!important;padding:0 0 14px!important;border-bottom:1px solid #e2e2e2!important; font-size:27px!important;line-height:1.15!important;font-weight:400!important;color:#222!important; } html body.cwsb-public-menu-page .cwsb-category-title .category-icon-wrapper{display:none!important} html body.cwsb-public-menu-page .cwsb-product-list{ display:block!important;width:100%!important;margin:0!important;padding:0 26px!important;box-sizing:border-box!important; } html body.cwsb-public-menu-page .cwsb-product-card{ display:grid!important;grid-template-columns:clamp(78px,22vw,96px) minmax(0,1fr)!important;column-gap:22px!important; align-items:start!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 0 20px!important; border:0!important;border-bottom:1px solid #e5e5e5!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;transform:none!important;transition:none!important;cursor:default!important; } html body.cwsb-public-menu-page .cwsb-product-card + .cwsb-product-card{padding-top:20px!important} html body.cwsb-public-menu-page .cwsb-product-image-link, html body.cwsb-public-menu-page .cwsb-product-image-placeholder{ grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;height:auto!important; aspect-ratio:1/1!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0!important;background:#f3f4f4!important; } html body.cwsb-public-menu-page .cwsb-product-image-link img, html body.cwsb-public-menu-page .cwsb-product-image-placeholder img{ display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important; } html body.cwsb-public-menu-page .cwsb-product-info{ grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important; align-items:stretch!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important; } html body.cwsb-public-menu-page .cwsb-product-title-row{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important; width:100%!important;margin:0 0 7px!important;padding:0!important; } html body.cwsb-public-menu-page .cwsb-product-heading{min-width:0!important;width:auto!important} html body.cwsb-public-menu-page .cwsb-product-name{ margin:0!important;padding:0!important;color:#222!important;font-size:17px!important;line-height:1.25!important;font-weight:600!important; } html body.cwsb-public-menu-page .cwsb-product-category{display:none!important} html body.cwsb-public-menu-page .cwsb-product-price{ grid-column:2!important;grid-row:1!important;margin:0!important;padding:0!important;color:var(--cwsb-price-color,#111)!important; font-size:16px!important;line-height:1.25!important;font-weight:700!important;white-space:nowrap!important;text-align:right!important; } html body.cwsb-public-menu-page .cwsb-product-excerpt{ width:100%!important;margin:0 0 11px!important;padding:0!important;color:#777!important;font-size:13px!important;line-height:1.42!important; } html body.cwsb-public-menu-page .cwsb-product-excerpt p{margin:0!important} html body.cwsb-public-menu-page .cwsb-product-bottom{ display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;margin:0!important;padding:0!important; } html body.cwsb-public-menu-page .cwsb-add-to-cart{ display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:112px!important; height:34px!important;min-height:34px!important;padding:7px 13px!important;border:0!important;border-radius:18px!important; background-color: var(--cwsb-button-color, transparent) !important;color:var(--cwsb-button-text-color,#fff)!important;font-size:11px!important;font-weight:600!important;line-height:1!important; text-transform:none!important;letter-spacing:0!important;box-shadow:none!important; } html body.cwsb-public-menu-page .cwsb-sold-out{font-size:12px!important;color:#a33!important} } @media (max-width:360px){ html body.cwsb-public-menu-page .cwsb-public-header-inner{padding:0 16px!important} html body.cwsb-public-menu-page .cwsb-mobile-header-business-name{font-size:18px!important} html body.cwsb-public-menu-page .cwsb-category-nav-wrap{margin-left:14px!important;margin-right:14px!important} html body.cwsb-public-menu-page .cwsb-category-nav{gap:22px!important} html body.cwsb-public-menu-page .cwsb-product-list{padding-left:20px!important;padding-right:20px!important} html body.cwsb-public-menu-page .cwsb-category-title{margin-left:20px!important;margin-right:20px!important} html body.cwsb-public-menu-page .cwsb-product-card{grid-template-columns:76px minmax(0,1fr)!important;column-gap:16px!important} html body.cwsb-public-menu-page .cwsb-product-name{font-size:16px!important} html body.cwsb-public-menu-page .cwsb-product-price{font-size:14px!important} html body.cwsb-public-menu-page .cwsb-add-to-cart{min-width:98px!important;padding-left:10px!important;padding-right:10px!important} } /* CWSB mobile logo position fix */ @media (max-width: 767px) { body.cwsb-public-menu-page .cwsb-menu-header-row { position: relative !important; justify-content: center !important; } body.cwsb-public-menu-page .cwsb-restaurant-heading { position: relative !important; width: 100% !important; display: block !important; text-align: center !important; } body.cwsb-public-menu-page .cwsb-restaurant-heading .cwsb-restaurant-logo-wrap { position: absolute !important; left: 0 !important; right: auto !important; top: 0 !important; margin: 0 !important; width: 105px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } body.cwsb-public-menu-page .cwsb-restaurant-heading .cwsb-restaurant-logo { margin: 0 !important; max-width: 105px !important; max-height: 68px !important; } body.cwsb-public-menu-page .cwsb-restaurant-heading h1 { text-align: center !important; width: 100% !important; } } /* Footer contact SVG icons - force visible stroke */ .cwsb-business-icon { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; flex: 0 0 18px !important; display: block !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; color: inherit !important; visibility: visible !important; opacity: 1 !important; } .cwsb-business-item .cwsb-business-icon { visibility: visible !important; opacity: 1 !important; } /* v4.7.6 - public menu footer icon rendering, taller mobile cover and script-style business name */ .cwsb-public-footer .cwsb-business-icon, .cwsb-public-footer .cwsb-business-icon path, .cwsb-public-footer .cwsb-business-icon circle, .cwsb-public-footer .cwsb-business-icon rect, .cwsb-public-footer .cwsb-business-icon line, .cwsb-public-footer .cwsb-business-icon polyline, .cwsb-public-footer .cwsb-business-icon polygon { display: block !important; visibility: visible !important; opacity: 1 !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; color: var(--cwsb-footer-text, #fff) !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; fill: none !important; } .cwsb-public-footer .cwsb-business-item > .cwsb-business-icon { flex: 0 0 18px !important; margin: 2px 0 0 !important; overflow: visible !important; } @media (max-width: 700px) { html body.cwsb-public-menu-page .cwsb-restaurant-cover { height: 300px !important; min-height: 300px !important; } html body.cwsb-public-menu-page .cwsb-cover-center-content h1 { font-family: "Brush Script MT", "Segoe Script", "URW Chancery L", cursive !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: clamp(34px, 10vw, 50px) !important; line-height: 1.05 !important; } } /* v4.7.7 - curvy business name on cover on desktop and mobile */ html body.cwsb-public-menu-page .cwsb-cover-center-content h1 { font-family: "Brush Script MT", "Segoe Script", "URW Chancery L", "Apple Chancery", cursive !important; font-weight: 400 !important; letter-spacing: 0 !important; } @media (max-width: 700px) { html body.cwsb-public-menu-page .cwsb-restaurant-cover { height: 320px !important; min-height: 320px !important; } } /* v4.7.8 - authoritative responsive CWSB header/cover/branding rules */ .cwsb-public-header, .cwsb-public-footer { background-color: var(--cwsb-header-bg, #fff); } .cwsb-public-footer { background-color: var(--cwsb-footer-bg, #181d25) !important; color: var(--cwsb-footer-text, #fff) !important; } .cwsb-public-footer h3, .cwsb-public-footer p, .cwsb-public-footer span, .cwsb-public-footer a { color: var(--cwsb-footer-text, #fff) !important; } .cwsb-public-footer .cwsb-business-icon, .cwsb-public-footer .cwsb-business-icon path, .cwsb-public-footer .cwsb-business-icon circle, .cwsb-public-footer .cwsb-business-icon rect, .cwsb-public-footer .cwsb-business-icon line, .cwsb-public-footer .cwsb-business-icon polyline, .cwsb-public-footer .cwsb-business-icon polygon { color: var(--cwsb-business-icon-color, var(--cwsb-footer-text, #fff)) !important; stroke: currentColor !important; } /* The script font is loaded by WordPress in PHP; this is the single cover typography rule. */ html body.cwsb-public-menu-page .cwsb-cover-center-content h1 { font-family: "Great Vibes", cursive !important; font-weight: 400 !important; letter-spacing: 0 !important; } /* Desktop: the mobile-only business-name element must never occupy header space. */ @media (min-width: 901px) { html body.cwsb-public-menu-page .cwsb-mobile-header-business-name, html body.cwsb-commerce-page-body .cwsb-mobile-header-business-name { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; flex: 0 0 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; visibility: hidden !important; } } /* Mobile public menu header: deterministic LEFT logo / name / RIGHT hamburger. */ @media (max-width: 900px) { html body.cwsb-public-menu-page .cwsb-public-header, html body.cwsb-commerce-page-body .cwsb-public-header { position: relative !important; top: auto !important; width: 100% !important; min-height: 86px !important; height: 86px !important; background: var(--cwsb-header-bg, #fff) !important; color: var(--cwsb-header-text, #222) !important; border-bottom: 1px solid color-mix(in srgb, var(--cwsb-header-text, #222) 12%, transparent) !important; } html body.cwsb-public-menu-page .cwsb-public-header-inner, html body.cwsb-commerce-page-body .cwsb-public-header-inner { width: 100% !important; height: 86px !important; min-height: 86px !important; margin: 0 !important; padding: 0 18px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; box-sizing: border-box !important; } html body.cwsb-public-menu-page .cwsb-public-header-logo, html body.cwsb-commerce-page-body .cwsb-public-header-logo { order: 1 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 58px !important; height: auto !important; } html body.cwsb-public-menu-page .cwsb-public-header-logo-image, html body.cwsb-commerce-page-body .cwsb-public-header-logo-image { width: auto !important; height: auto !important; max-width: 58px !important; max-height: 48px !important; object-fit: contain !important; } html body.cwsb-public-menu-page .cwsb-mobile-header-business-name, html body.cwsb-commerce-page-body .cwsb-mobile-header-business-name { order: 2 !important; display: block !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: var(--cwsb-header-text, #222) !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1.15 !important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle, html body.cwsb-commerce-page-body .cwsb-public-nav-toggle { order: 3 !important; display: flex !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 8px !important; align-items: center !important; justify-content: center !important; gap: 5px !important; background: transparent !important; color: var(--cwsb-header-text, #222) !important; border: 1px solid color-mix(in srgb, var(--cwsb-header-text, #222) 28%, transparent) !important; border-radius: 9px !important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle span, html body.cwsb-commerce-page-body .cwsb-public-nav-toggle span { width: 22px !important; height: 2px !important; background: currentColor !important; display: block !important; } html body.cwsb-public-menu-page .cwsb-public-nav-wrap, html body.cwsb-commerce-page-body .cwsb-public-nav-wrap { top: 86px !important; background: var(--cwsb-header-bg, #fff) !important; color: var(--cwsb-header-text, #222) !important; } html body.cwsb-public-menu-page .cwsb-public-header.is-nav-open .cwsb-public-nav-wrap, html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav-wrap, html body.cwsb-commerce-page-body .cwsb-public-header.is-nav-open .cwsb-public-nav-wrap, html body.cwsb-commerce-page-body .cwsb-public-header.is-open .cwsb-public-nav-wrap { top: 86px !important; background: var(--cwsb-header-bg, #fff) !important; color: var(--cwsb-header-text, #222) !important; } /* Taller mobile cover. */ html body.cwsb-public-menu-page .cwsb-restaurant-cover { height: 320px !important; min-height: 320px !important; } } /* Cart/Checkout use the same desktop CWSB header styling and colors. */ html body.cwsb-commerce-page-body .cwsb-public-header, html body.cwsb-commerce-page-body .cwsb-public-header-inner { background: var(--cwsb-header-bg, #fff) !important; color: var(--cwsb-header-text, #222) !important; } html body.cwsb-commerce-page-body .cwsb-public-nav a { color: var(--cwsb-header-text, #222) !important; } html body.cwsb-commerce-page-body .cwsb-public-nav a:hover, html body.cwsb-commerce-page-body .cwsb-public-nav a.is-active { color: var(--cwsb-active-nav, var(--cwsb-primary, #181d25)) !important; border-bottom-color: var(--cwsb-active-nav, var(--cwsb-primary, #181d25)) !important; } html body.cwsb-commerce-page-body .cwsb-public-header-cart { color: var(--cwsb-header-text, #222) !important; border-color: color-mix(in srgb, var(--cwsb-header-text, #222) 35%, transparent) !important; background: transparent !important; } html body.cwsb-commerce-page-body .cwsb-public-header-cart:hover { color: var(--cwsb-active-nav, var(--cwsb-primary, #181d25)) !important; } /* v4.7.9 — authoritative business design colors, footer contact visibility, and header cleanup */ .cwsb-public-menu-page .cwsb-product-price, .cwsb-commerce-page-body .cwsb-product-price, .cwsb-public-menu-page .cwsb-product-detail-price, .cwsb-commerce-page-body .cwsb-product-detail-price { color: var(--cwsb-price-color, #111111) !important; } .cwsb-public-menu-page .cwsb-add-to-cart, .cwsb-public-menu-page .cwsb-product-detail-add, .cwsb-public-menu-page .cwsb-primary-btn, .cwsb-commerce-page-body .cwsb-primary-btn, .cwsb-commerce-page-body .cwsb-product-detail-add { background-color: var(--cwsb-button-color, transparent) !important; border-color: var(--cwsb-button-color, #181d25) !important; color: #fff !important;} .cwsb-public-menu-page .cwsb-add-to-cart:hover, .cwsb-public-menu-page .cwsb-product-detail-add:hover, .cwsb-public-menu-page .cwsb-primary-btn:hover, .cwsb-commerce-page-body .cwsb-primary-btn:hover, .cwsb-commerce-page-body .cwsb-product-detail-add:hover { background-color: var(--cwsb-button-color, transparent) !important; border-color: var(--cwsb-button-color, #181d25) !important; color: #fff !important; opacity: .9;} .cwsb-public-menu-page .cwsb-category-nav-wrap .cwsb-category-link.is-active, .cwsb-public-menu-page .cwsb-category-link.cwsb-category-all-link.is-active { color: var(--cwsb-active-category-color, #181d25) !important; border-bottom-color: var(--cwsb-active-category-color, #181d25) !important; } .cwsb-public-footer { background: var(--cwsb-footer-bg, #181d25) !important; color: var(--cwsb-footer-text, #fff) !important; } .cwsb-public-footer h3, .cwsb-public-footer p, .cwsb-public-footer a, .cwsb-public-footer .cwsb-business-item, .cwsb-public-footer .cwsb-business-item > span { color: var(--cwsb-footer-text, #fff) !important; } .cwsb-public-footer .cwsb-business-info, .cwsb-public-footer .cwsb-business-item { visibility: visible !important; opacity: 1 !important; } .cwsb-public-footer .cwsb-business-icon, .cwsb-public-footer .cwsb-business-icon * { display: block !important; visibility: visible !important; opacity: 1 !important; color: var(--cwsb-business-icon-color, var(--cwsb-footer-text, #fff)) !important; stroke: currentColor !important; } /* Header contains logo + navigation + cart only. */ html body.cwsb-public-menu-page .cwsb-mobile-header-business-name, html body.cwsb-commerce-page-body .cwsb-mobile-header-business-name { display: none !important; } @media (max-width: 900px) { html body.cwsb-public-menu-page .cwsb-public-header-inner, html body.cwsb-commerce-page-body .cwsb-public-header-inner { justify-content: flex-start !important; } html body.cwsb-public-menu-page .cwsb-public-header-logo, html body.cwsb-commerce-page-body .cwsb-public-header-logo { order: 1 !important; margin-right: auto !important; margin-left: 0 !important; } html body.cwsb-public-menu-page .cwsb-public-nav-toggle, html body.cwsb-commerce-page-body .cwsb-public-nav-toggle { order: 3 !important; margin-left: auto !important; } } /* v4.8.0 — button text color and mobile menu active color */ .cwsb-public-menu-page .cwsb-add-to-cart, .cwsb-public-menu-page .cwsb-product-detail-add, .cwsb-public-menu-page .cwsb-primary-btn, .cwsb-commerce-page-body .cwsb-primary-btn, .cwsb-commerce-page-body .cwsb-product-detail-add { background-color: var(--cwsb-button-color, transparent) !important; border-color: var(--cwsb-button-color, #181d25) !important; color: var(--cwsb-button-text-color, #fff) !important;} .cwsb-public-menu-page .cwsb-add-to-cart:hover, .cwsb-public-menu-page .cwsb-product-detail-add:hover, .cwsb-public-menu-page .cwsb-primary-btn:hover, .cwsb-commerce-page-body .cwsb-primary-btn:hover, .cwsb-commerce-page-body .cwsb-product-detail-add:hover { background-color: var(--cwsb-button-color, transparent) !important; border-color: var(--cwsb-button-color, #181d25) !important; color: var(--cwsb-button-text-color, #fff) !important;} @media (max-width: 900px) { html body.cwsb-public-menu-page .cwsb-public-header.is-open .cwsb-public-nav a.is-active, html body.cwsb-commerce-page-body .cwsb-public-header.is-open .cwsb-public-nav a.is-active { background: var(--cwsb-mobile-active-color, rgba(255,255,255,.10)) !important; color: var(--cwsb-header-text, #fff) !important; } } /* v4.8.3 — authoritative custom colors for public product prices and Add to Cart */ html body.cwsb-public-menu-page .cwsb-add-to-cart, html body.cwsb-public-menu-page .cwsb-add-to-cart.button, html body.cwsb-public-menu-page a.cwsb-add-to-cart, html body.cwsb-public-menu-page button.cwsb-add-to-cart { background: var(--cwsb-button-color, transparent) !important; background-color: var(--cwsb-button-color, transparent) !important; background-image: none !important; border-color: var(--cwsb-button-color, transparent) !important; color: var(--cwsb-button-text-color, #ffffff) !important; } html body.cwsb-public-menu-page .cwsb-add-to-cart:hover, html body.cwsb-public-menu-page .cwsb-add-to-cart:focus, html body.cwsb-public-menu-page .cwsb-add-to-cart:active, html body.cwsb-public-menu-page .cwsb-add-to-cart.button:hover, html body.cwsb-public-menu-page .cwsb-add-to-cart.button:focus, html body.cwsb-public-menu-page .cwsb-add-to-cart.button:active { background: var(--cwsb-button-color, transparent) !important; background-color: var(--cwsb-button-color, transparent) !important; background-image: none !important; border-color: var(--cwsb-button-color, transparent) !important; color: var(--cwsb-button-text-color, #ffffff) !important; } html body.cwsb-public-menu-page .cwsb-product-price, html body.cwsb-public-menu-page .cwsb-product-detail-price { color: var(--cwsb-price-color, #111111) !important; }