galali-shoptet 1.0.15 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "galali-shoptet",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Custom CSS for Galali Shoptet theme (designshop.galali.cz)",
   "main": "style.css",
   "style": "style.css",

package/style.css

@@ -2966,7 +2966,6 @@ body.type-detail .content-wrapper .similar-products .products {
 
 /* Layout: main 8/4 split (cart items / sidebar), responsive */
 body.ordering-process main#content,
-body.ordering-process main#content,
 body:has(#cart-wrapper) main#content {
     padding: 0 var(--gl-gutter) var(--gl-section-gap) !important;
     box-sizing: border-box;
@@ -3297,21 +3296,7 @@ table.cart-table td.p-total strong.price-final {
 }
 table.cart-table td.p-total form.inline { display: inline-block; }
 table.cart-table td.p-total button.remove-item {
-    /*! position: absolute; */
-    /*! right: 0; */
-    /*! top: 50%; */
-    /*! transform: translateY(-50%); */
-    /*! width: 32px; */
-    /*! height: 32px; */
-    /*! background: transparent; */
-    /*! border: none; */
     cursor: pointer;
-    /*! padding: 0; */
-    /*! transition: opacity .15s; */
-    /*! background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23828282' stroke-width='1.5' stroke-linecap='round'><path d='M4 4l8 8M12 4l-8 8'/></svg>"); */
-    /*! background-position: center; */
-    /*! background-repeat: no-repeat; */
-    /*! background-size: 16px 16px; */
     min-width: 0;
     border: 1px solid black;
     margin-left: 5px;
@@ -3629,7 +3614,6 @@ button[type="submit"]:not(#orderFormButton):not(.btn-conversion):hover {
 
 /* Responsive košík */
 @media (max-width: 1023px) {
-    body.ordering-process main#content,
     body.ordering-process main#content { padding: 0 32px 96px !important; }
     #cart-wrapper .row.cart-row {
         grid-template-columns: 1fr !important;
@@ -3646,7 +3630,6 @@ button[type="submit"]:not(#orderFormButton):not(.btn-conversion):hover {
     .cart-summary .extras-wrapper { grid-template-columns: 1fr; }
 }
 @media (max-width: 767px) {
-    body.ordering-process main#content,
     body.ordering-process main#content { padding: 0 16px 64px !important; }
     #cart-wrapper { padding: 16px 0 0; }
     ol.cart-header > li,
@@ -7432,6 +7415,14 @@ body.type-search .products.products-block .product .add-to-cart {
         background: transparent !important;
         border: 0 !important;
         box-shadow: none !important;
+        /* Bar leží (fixed, z60) přes logo v headeru → jinak přebírá kliky a logo
+           není klikatelné. none = kliky projdou na logo pod ním; ikony mají auto níž. */
+        pointer-events: none !important;
+    }
+    .top-navigation-bar .top-navigation-tools,
+    .top-navigation-bar .responsive-tools,
+    .top-navigation-bar .responsive-tools * {
+        pointer-events: auto !important;
     }
     header#header {
         position: sticky !important;
@@ -7453,12 +7444,17 @@ body.type-search .products.products-block .product .add-to-cart {
         background-size: 22px 22px !important;
     }
 
-    /* --- A4) Větší tap-target ikon (min 44px hit area), vizuální ikona 22px --- */
+    /* --- A4) Větší tap-target ikon (min 44px hit area), vizuální ikona 22px.
+       position:relative + z-index → ikony vždy nad sourozenci (na checkoutu byl
+       search anchor jinak nehittestovatelný = neklikatelný). --- */
     .top-navigation-bar .top-navigation-tools .responsive-tools a.toggle-window {
         width: 44px !important;
         min-width: 44px !important;
         height: 44px !important;
         background-size: 22px 22px !important;
+        position: relative !important;
+        z-index: 2 !important;
+        pointer-events: auto !important;
     }
     .top-navigation-bar .top-navigation-tools .responsive-tools { gap: 2px !important; }
     .top-navigation-bar .container { height: 56px !important; padding: 0 8px 0 16px !important; }