Update Polish translations and enhance checkout styles

- Changed the button text for adding a voucher code to Polish ("Dodaj kod rabatowy").
- Updated placeholder text in checkout form fields to use field labels.
- Modified shipping template to display shipping time in Polish.
- Refined CSS styles for better layout and responsiveness in checkout areas.
- Updated custom CSS version in the head template and added a script to move the free shipping message to the top of the container.

modules/thecheckout/views/templates/front/_partials/cart-voucher.tpl

@@ -54,7 +54,7 @@
               <input type="hidden" name="addDiscount" value="1">
               <div class="promo-input-button d-f">
                 <input class="promo-input" type="text" name="discount_name" placeholder="{l s='Promo code' d='Shop.Theme.Checkout'}">
-                <button data-link-action="x-add-voucher" type="submit" class="btn btn-primary"><span>{l s='Add' d='Shop.Theme.Actions'}</span></button>
+                <button data-link-action="x-add-voucher" type="submit" class="btn btn-primary"><span>Dodaj kod rabatowy</span></button>
               </div>
             </form>
           {/block}

modules/thecheckout/views/templates/front/_partials/checkout-form-fields.tpl

@@ -240,7 +240,7 @@
             name="{$field.name|escape:'javascript':'UTF-8'}"
             type="{$field.type|escape:'javascript':'UTF-8'}"
             value="{$field.value|escape:'htmlall':'UTF-8'}"
-            placeholder="{$placeholder|escape:'javascript':'UTF-8'}"
+            placeholder=" {$field.label|escape:'htmlall':'UTF-8'}"
             {if $field.autoCompleteAttribute}autocomplete="{$field.autoCompleteAttribute|escape:'javascript':'UTF-8'}"{/if}
             {if $field.maxLength}maxlength="{$field.maxLength|escape:'javascript':'UTF-8'}"{/if}
             {if $field.required}required{/if}
@@ -257,11 +257,11 @@
       <span class="effects-helper"></span>
 
 
-      {if $field.type !== 'checkbox' && $field.type !== 'radio-buttons' && $field.type !== 'birthday'}
+      {* {if $field.type !== 'checkbox' && $field.type !== 'radio-buttons' && $field.type !== 'birthday'}
         <span class="field-label"{if !$field.required} data-optional-label="{l s='(optional)' mod='thecheckout'}"{/if}>
           {$field.label|escape:'htmlall':'UTF-8'}
         </span>
-      {/if}
+      {/if} *}
 
 
     </label>

modules/thecheckout/views/templates/front/blocks/shipping.tpl

@@ -71,15 +71,15 @@
                             <div class="delivery-option-name">
                               <span class="h6 carrier-name">{$carrier.name|escape:'htmlall':'UTF-8'}</span>
                             </div>
-                            <div class="delivery-option-delay">
-                              <span class="carrier-delay">{$carrier.delay|escape:'htmlall':'UTF-8'}</span>
-                            </div>
                             {* Yes, this is repeated from below, so that we can control price display easily with CSS *}
                             <div style="display: none;" class="delivery-option-price{if $carrier.price_with_tax == 0} free{/if}">
                               <span class="carrier-price">{$carrier.price|escape:'htmlall':'UTF-8'}</span>
                               <span class="carrier-price-with-tax-formatted">{$carrier.price_with_tax_formatted|escape:'htmlall':'UTF-8'}</span>
                               <span class="carrier-price-without-tax-formatted">{$carrier.price_without_tax_formatted|escape:'htmlall':'UTF-8'}</span>
                             </div>
+                            <div class="delivery-option-delay">
+                              <span class="carrier-delay">Czas wysyłki: {$carrier.delay|escape:'htmlall':'UTF-8'}</span>
+                            </div>
                           </div>
                           <div class="delivery-option-price{if $carrier.price_with_tax == 0} free{/if}">
                             <span class="carrier-price">{$carrier.price|escape:'htmlall':'UTF-8'}</span>

themes/charme/assets/css/custom.scss

@@ -37,15 +37,6 @@
     display: none !important;
   }
 
-  .form-control,
-  select.form-control-select.form-control {
-    height: 35px;
-    line-height: 35px;
-    padding: 2px 5px;
-    background: #FFF;
-    font-size: 14px;
-  }
-
   #select-widget {
     width: 100% !important;
   }
@@ -83,3 +74,182 @@
     font-size: 14px;
   }
 }
+
+#checkout .card {
+  background: #FFF !important;
+}
+
+#tc-container {
+  margin-top: 25px;
+
+  .checkout-area-2 {
+    margin-bottom: 10px;
+  }
+
+  .blocks {
+    border: 1px solid #eee;
+    padding: 15px;
+  }
+
+  .checkout-area-4 {
+    gap: 10px;
+    margin-bottom: 10px;
+  }
+
+  .checkout-area-9 {
+    margin-bottom: 10px;
+    gap: 10px;
+  }
+
+  .checkout-block {
+    #main {
+      .block-header {
+        padding: 0 !important;
+      }
+
+      .cart-grid {
+        margin: 0 !important;
+
+        .card {
+          padding: 0 !important;
+        }
+
+        .cart-detailed-totals {
+          background: #FFF !important;
+        }
+
+        .promo-highlighted {
+          margin-top: 15px;
+          padding-top: 15px;
+          border-top: 1px solid #d3d3d3;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 825px) {
+    .blocks {
+      display: none !important;
+    }
+  }
+}
+
+#tc-container-mobile,
+#tc-container {
+
+  .custom-checkbox {
+    margin-bottom: 10px !important;
+  }
+
+  .block-header.account-header,
+  .block-header.address-name-header,
+  .block-header.shipping-method-header,
+  .block-header.payment-method-header {
+    padding: 0 !important;
+    margin-bottom: 10px;
+
+    &::before {
+      background: #ff0f1c !important;
+      color: #FFF !important;
+      border: 0 !important;
+    }
+  }
+
+  input[type="text"],
+  input[type="email"],
+  input[type="password"],
+  input[type="tel"],
+  textarea,
+  select {
+    border: 1px solid #d3d3d3;
+    border-radius: 4px;
+    padding: 10px;
+    height: 40px;
+    line-height: 20px;
+    font-size: 14px;
+    width: 100%;
+    color: #000;
+
+    &::placeholder {
+      color: #999 !important;
+      visibility: visible !important;
+      opacity: 1 !important;
+    }
+
+    &:focus {
+      border-color: #7c7c7c !important;
+    }
+  }
+
+  .cart-line-product-quantity {
+    width: 80px !important;
+  }
+
+  .suggestion:hover,
+  .selected {
+    background: #FFF !important;
+  }
+
+  .remaining-amount-to-free-shipping-container {
+    margin-bottom: 10px;
+  }
+
+  a.cart-line-product-quantity-up,
+  a.cart-line-product-quantity-down {
+    height: 40px !important;
+    width: 40px !important;
+    border: 1px solid #d3d3d3 !important;
+    margin-left: 3px;
+    margin-right: 3px;
+    background-size: 30% !important;
+  }
+
+  .delivery-options-list.shipping-selected {
+    #select-widget {
+      border: 0 !important;
+    }
+  }
+
+  .block-promo .promo-input-button .promo-input+button {
+    flex-basis: auto;
+  }
+}
+
+body.compact-cart #tc-container .qty-container .qty-box {
+  transform: none !important;
+  margin-bottom: 5px;
+}
+
+#tc-container-mobile {
+  .checkout-block {
+    padding: 0 !important;
+  }
+
+  .card.cart-container {
+    padding: 0 !important;
+  }
+
+  .product-line-actions {
+    padding-top: 0 !important;
+  }
+
+  .product-line-price {
+    display: none !important;
+  }
+
+  .cart-detailed-totals {
+    background: #FFF !important;
+  }
+
+  .card.cart-summary {
+    padding: 0 !important;
+    background: #FFF !important;
+  }
+
+  .delivery-options-list.shipping-selected {
+    #select-widget {
+      padding-left: 10px;
+      background-image: none !important;
+    }
+  }
+}

themes/charme/templates/_partials/head.tpl

@@ -54,7 +54,7 @@
   {include file="_partials/stylesheets.tpl" stylesheets=$stylesheets}
 {/block}
 
-<link rel="stylesheet" href="/themes/charme/assets/css/custom.css?ver=1.0030">
+<link rel="stylesheet" href="/themes/charme/assets/css/custom.css?ver=1.0102">
 
 {block name='javascript_head'}
   {include file="_partials/javascript.tpl" javascript=$javascript.head vars=$js_custom_vars}
@@ -65,3 +65,22 @@
 {/block}
 
 {block name='hook_extra'}{/block}
+{literal}
+<script type="text/javascript">
+console.log('test');
+  (function waitForElement() {
+  const targetSelector = '.remaining-amount-to-free-shipping-container';
+  const destinationSelector = '#tc-container';
+
+  const targetElement = document.querySelector(targetSelector);
+  const destinationElement = document.querySelector(destinationSelector);
+
+  if (targetElement && destinationElement) {
+    destinationElement.insertBefore(targetElement, destinationElement.firstChild);
+  } else {
+    // Czekaj i sprawdź ponownie za 200 ms
+    setTimeout(waitForElement, 200);
+  }
+})();
+</script>
+{/literal}