a.fb{background:url(../images/fb.svg) no-repeat} a.fb:hover{background:url(../images/fb_.svg) no-repeat} a.inst{background:url(../images/insta.svg) no-repeat} a.inst:hover{background:url(../images/insta_.svg) no-repeat} a.in{background:url(../images/in.svg) no-repeat} a.in:hover{background:url(../images/in_.svg) no-repeat} .cat-limited .product-item{background:url(../images/products/LegBoxLim-3x1.jpg)} .cat-classic .product-item{background:url(../images/products/LegendBoxClassic-2x1.jpg)} .cat-chocolate .product-item{background:url(../images/products/Chocolate-cat.jpg)} .cat-postcards .product-item{background:url(../images/products/Postcards.jpg)} .cat-bundles .product-item{background:url(../images/products/Bundles.jpg)} .cat-notebooks .product-item{background:url(../images/products/Notebooks.jpg)} .cat-legendselect .product-item{background:url(../images/products/cat-legendselect.jpg)} .cat-ornaments .product-item{background:url(../images/products/cat-ornaments.jpg)} .cat-calendars .product-item{background:url(../images/products/cat-calendars.jpg)} .cat-christmas .product-item{background:url(../images/products/cat-christmas.jpg)} .cat-magnets .product-item{background:url(../images/products/cat-magnets.jpg)} .cat-colouring .product-item{background:url(../images/products/cat-colouring.jpg)} .cat-cows .product-item{background:url(../images/products/cat-cows.jpg)} .page-id-544 .cat-limited .product-item{background:url(../images/products/LegBoxLim-3x1.jpg)} .page-id-544 .cat-classic .product-item{background:url(../images/products/LegendBoxClassic-2x1.jpg)} .page-id-544 .cat-chocolate .product-item{background:url(../images/products/chocolate-all.png)}*/ .page-id-544 .cat-postcards .product-item{background:url(../images/products/postcard-all.jpg)} .page-id-544 .cat-bundles .product-item{background:url(../images/products/bundle-all.jpg)} .page-id-544 .cat-notebooks .product-item{background:url(../images/products/notebooks-all.jpg)} /*.page-id-544 .cat-legendselect .product-item{background:url(../images/products/new/Limited_select.jpg)}*/ .page-id-544 .cat-ornaments .product-item{background:url(../images/products/new/Ornaments.jpg)} .page-id-544 .cat-calendars .product-item{background:url(../images/products/new/Calendar.jpg)} .page-id-544 .cat-christmas .product-item{background:url(../images/products/new/Chr_card.jpg)} .page-id-544 .cat-magnets .product-item{background:url(../images/products/new/Magnets.jpg)} .page-id-544 .cat-colouring .product-item{background:url(../images/products/new/CollourBook.jpg)} @media (min-width:320px) and (max-width:767px){ .mobi .cat-limited .product-item{background:url(../images/products/Legendbox_Limited_t.jpg)} .mobi .cat-classic .product-item{background:url(../images/products/Legendbox_classic_t.jpg)} .mobi .cat-legendselect .product-item{background:url(../images/products/cat-legendselect_t.png)} .mobi .cat-magnets .product-item{background:url(../images/products/cat-magnets_t.png)} .mobi .cat-notebooks .product-item{background:url(../images/products/Square_Notebooks.jpg)} .page-id-544 .mobi .cat-limited .product-item{background:url(../images/products/Legendbox_Limited_t.jpg)} .page-id-544 .mobi .cat-classic .product-item{background:url(../images/products/Legendbox_classic_t.jpg)} .page-id-544 .mobi .cat-chocolate .product-item{background:url(../images/products/Chocolate-cat.jpg)} .page-id-544 .mobi .cat-postcards .product-item{background:url(../images/products/Postcards.jpg)} .page-id-544 .mobi .cat-bundles .product-item{background:url(../images/products/Bundles.jpg)} .page-id-544 .mobi .cat-notebooks .product-item{background:url(../images/products/Square_Notebooks.jpg)} .page-id-544 .mobi .cat-christmas .product-item{background:url(../images/products/Square_Christmas.png)} .page-id-544 .mobi .cat-calendars .product-item{background:url(../images/products/Square_Calendars.png)} .page-id-544 .mobi .cat-ornaments .product-item{background:url(../images/products/Square_Ornaments.png)} .page-id-544 .mobi .cat-colouring .product-item{background:url(../images/products/Square_Colouring.png)} .page-id-544 .mobi .cat-cows .product-item{background:url(../images/products/Rocking-Cow-Gruetzi-Hello-R-800px.jpg)} } .home .gallery-grid .product-item .product-name{-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;} .home .gallery-grid .vc_column-inner:hover .product-name{bottom:30px;} .cat-bot-hover{position: relative;z-index: 99;background: #d7d7d7;height: 35px;line-height: 35px;padding:0 20px;font-size:14px;color:#535353;margin-top:-45px;opacity:0; -webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;} .gallery-grid .vc_column-inner:hover .cat-bot-hover{opacity:1;-moz-transition:0.1s ease all;-o-transition:0.1s ease all;transition:0.1s ease all;} .cat-bot-hover .wpb_wrapper div{color:#535353;float:right;} .cat-chocolate .cat-bot-hover .wpb_wrapper div span{color:#fb070c;} .cat-bot-hover .wpb_wrapper a{position: absolute;width: 100%;height: 35px;} #wphtmlblock-banner-born-in-switzerland .banner-content a{margin-top:30px;display:inline-block;height:40px;line-height:40px;color: #fff;font-size: 16px;text-transform: uppercase;text-decoration: none;min-width: 260px;text-align: center;background: #d1050f} #wphtmlblock-banner-born-in-switzerland .banner-content a:hover{background: #000} .home-banner-box a.content__form__button{cursor: pointer;} .home-banner-box a.content__form__button:hover{background: #d1050f;text-decoration: none !important} .catecory-product-list .vc_gitem-acf{font-size: 14px;color: #000;} .catecory-product-list p{margin:0px ; padding:0px; display:inline;} .catecory-product-list .vc_gitem-zone-c p{display:block;} .catecory-product-list .vc_col-sm-4{width: 33%} .fmba{display: none;font-size: 0} #pselector.mselect-style{width: auto;} #pselector.mselect-style select{padding-right: 30px} .home-slider-txt.home-new { position: relative; top: inherit; width: 85%; max-width: 1440px; margin: 0 auto; height: 100%; display: inline-flex; align-items: center; text-align: center; justify-content: center; flex-direction: column; } .home-slider-txt.home-new.col-2 { flex-direction: row; justify-content: space-between; align-items: center; } .home-slider .home-new.sl2 {padding-top: 0; justify-content: flex-end; padding-bottom: 100px;} .home-slider .home-new .title {padding-top: 0;} .home-slider .item .left {width: 50%;} .home-slider .item .right {width: 50%; padding: 0 30px;} @media (min-width: 320px) and (max-width: 767px) { .home-slider .item .left, .home-slider .item .right {width: 100%;} .home-slider-txt.home-new.col-2 {flex-direction: column; justify-content: center;} } @media (min-width:320px) and (max-width:767px){ .catecory-product-list .vc_col-sm-4{width: 100%} .cat-bot-hover{font-size:14px;bottom:0px;background: transparent;opacity: 1} .cat-bot-hover .fmba{display:block;color:#000;font-size: 14px} .cat-bot-hover .wpb_wrapper div, .cat-bot-hover .wpb_wrapper a{display:none;font-size: 0} .home .gallery-grid .product-item .product-name{bottom:17px;} .home .gallery-grid .product-item:hover .product-name{bottom:17px;} .home .gallery-grid .vc_column-inner:hover .cat-bot-hover{opacity:1} .cat-bot-hover{position: absolute;bottom:5px;} .cat-bot-hover .wpb_wrapper p:last-of-type{display: none} } .ger_eng{ line-height:50px; } .fline{ vertical-align:top; } #wpadminbar{ display:none !Important; } #wpadminbar.admin_b{ display:block !Important; } /* --- Account Details (edit-account) page --- */ .woocommerce-EditAccountForm fieldset { margin-top: 2em; padding-bottom: 1.5em; border-bottom: 1px solid #e5e5e5; margin-bottom: 1.5em; } .woocommerce-EditAccountForm fieldset legend { font-weight: 700; font-size: inherit; font-family: inherit; padding: 0 0.5em 0 0; } .woocommerce-EditAccountForm .password-input, .woocommerce-form-login .password-input { display: flex; flex-direction: column; position: relative; } .woocommerce-EditAccountForm .password-input input[type="password"], .woocommerce-EditAccountForm .password-input input[type="text"], .woocommerce-form-login .password-input input[type="password"], .woocommerce-form-login .password-input input[type="text"] { padding-right: 2.5rem; } .woocommerce-EditAccountForm .show-password-input, .woocommerce-form-login .show-password-input { background: transparent; border: 0; cursor: pointer; padding: 0; position: absolute; right: 0.7em; top: 50%; transform: translateY(-50%); -webkit-appearance: none; } .woocommerce-EditAccountForm .show-password-input::before, .woocommerce-form-login .show-password-input::before { background-repeat: no-repeat; background-size: cover; background-image: url('data:image/svg+xml,'); content: ''; display: block; height: 20px; width: 20px; } .woocommerce-EditAccountForm .show-password-input.display-password::before, .woocommerce-form-login .show-password-input.display-password::before { background-image: url('data:image/svg+xml,'); } .woocommerce-EditAccountForm .input-radio { margin-right: 0.4em; } /* ========================================================================== Checkout Multistep — Button Styling ========================================================================== */ /* Buttons side-by-side: Previous left, Next right */ .thwmscf-wrapper .thwmscf-buttons { display: flex !important; justify-content: space-between; align-items: center; gap: 15px; text-align: center; } /* Previous button — light blue */ .thwmscf-buttons .button-prev { background: #6DAEDB !important; border-color: #6DAEDB !important; color: #fff !important; } .thwmscf-buttons .button-prev:hover, .thwmscf-buttons .button-prev:focus { background: #5A9AC8 !important; border-color: #5A9AC8 !important; } /* Next button — dark blue (matches site brand) */ .thwmscf-buttons .button-next { background: #00385f !important; border-color: #00385f !important; color: #fff !important; margin-left: auto; } .thwmscf-buttons .button-next:hover, .thwmscf-buttons .button-next:focus { background: #002a48 !important; border-color: #002a48 !important; } /* Hide Next button on last step (useless there) */ .thwmscf-buttons .button-next.thwmscf-last-next { display: none !important; } /* Hide Previous on first step */ .thwmscf-buttons .button-prev.thwmscf-first-prev { display: none !important; } /* When Previous is hidden, keep Next right-aligned at half width */ .thwmscf-buttons .button-prev.thwmscf-first-prev ~ .button-next { max-width: 50%; } /* Make all tabs look clickable (not just backward ones) */ ul.thwmscf-tabs li a { cursor: pointer !important; } /* Tab buttons — finished steps grey, active step black */ ul.thwmscf-tabs li a.thwmscf-finished-step { background: #666 !important; border-color: #666 !important; color: #fff !important; } ul.thwmscf-tabs li a.thwmscf-finished-step:hover { background: #444 !important; border-color: #444 !important; } ul.thwmscf-tabs li a.active { background: #000 !important; border-color: #000 !important; color: #fff !important; } /* ========================================================================== Checkout — Shipping-first flow ========================================================================== */ /* Hide "Ship to a different address?" header (checkbox stays in DOM, always checked) */ #ship-to-different-address { position: absolute !important; overflow: hidden; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* Ensure shipping address fields are always visible */ .woocommerce-shipping-fields .shipping_address { display: block !important; } /* ========================================================================== Checkout — "Same as shipping address" checkbox ========================================================================== */ #varsys-same-as-shipping { margin-bottom: 20px; padding: 12px 15px; background: #f0f7fc; border: 1px solid #d0e3f0; border-radius: 3px; } #varsys-same-as-shipping label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 15px; color: #00385f; font-weight: 600; margin-bottom: 0; } #varsys-same-as-shipping input[type="checkbox"] { position: static !important; width: auto !important; flex-shrink: 0; margin: 0; border: 2px solid #00385f; } /* ========================================================================== Checkout — Collapsible Order Summary on address steps ========================================================================== */ .varsys-step-summary { background: #f8f9fa; border: 1px solid #e5e5e5; padding: 12px 15px; margin-bottom: 20px; border-radius: 3px; } .varsys-summary-toggle { display: block; text-decoration: none !important; color: #00385f; font-size: 14px; font-weight: 600; font-family: 'GillSans', sans-serif; } .varsys-summary-toggle:hover { color: #002a48; } .varsys-summary-toggle .varsys-chevron { float: right; transition: transform 0.2s; font-size: 11px; } .varsys-summary-toggle.open .varsys-chevron { transform: rotate(180deg); } .varsys-summary-content table { width: 100%; margin-top: 10px; font-size: 13px; border-collapse: collapse; } .varsys-summary-content table td { padding: 5px 0; border-bottom: 1px solid #eee; vertical-align: top; } .varsys-summary-content table td:last-child { text-align: right; white-space: nowrap; } .varsys-summary-content .total td { border-bottom: none; padding-top: 8px; } .varsys-summary-content .discount td { color: #4CAF50; } /* ========================================================================== Cart page — layout cleanup ========================================================================== */ /* Hide UPDATE CART button (AJAX handles quantity changes) */ .checkout-list .row.total button[name="update_cart"] { display: none !important; } /* Hide "Proceed to checkout" link (redundant with CHECKOUT button below) */ .checkout-list .wc-proceed-to-checkout { display: none !important; } /* Voucher code — clear float, sit on own line */ .checkout-list .checkout-total-drop { float: none; margin: 10px 0; } /* Right-align subtotal/coupon area under item prices */ .checkout-list .cart_totals { float: right; padding: 15px 0 20px 0; } .checkout-list .cart_totals .shop_table.shop_table_responsive { width: auto; } .checkout-list .cart_totals table { margin: 0; } .checkout-list .cart_totals table th { text-align: right; padding-right: 15px; } /* Previous button — soft grey-blue, less prominent than Next */ .thwmscf-buttons .button-prev { background: #b0becb !important; border-color: #b0becb !important; color: #fff !important; } .thwmscf-buttons .button-prev:hover { background: #8fa0b0 !important; border-color: #8fa0b0 !important; } /* Hide "Create an account?" and password on billing step */ .checkout2 .create-account, .checkout2 #account_password_field { display: none !important; } /* ========================================================================== Checkout — Field validation error styling ========================================================================== */ .checkout2 .form-row.woocommerce-invalid input, .checkout2 .form-row.woocommerce-invalid select { border-color: #c00 !important; } .checkout2 .form-row.woocommerce-invalid label { color: #c00; } /* ========================================================================== Checkout — Compact two-column form layout ========================================================================== */ .checkout2 .form-row.form-row-first { float: left !important; width: 48% !important; clear: left; } .checkout2 .form-row.form-row-last { float: right !important; width: 48% !important; clear: none; } .checkout2 .form-row.form-row-wide { clear: both; } /* ========================================================================== Checkout — Prevent CLS from JS-based panel hiding The multistep plugin hides inactive panels via jQuery .hide() AFTER page load, causing a massive layout shift. These rules hide them immediately via CSS; the plugin's inline styles override when JS runs. ========================================================================== */ .thwmscf-tab-panel { display: none; } .thwmscf-accordion-label.active + .thwmscf-tab-panel { display: block; } /* ========================================================================== Checkout Login Step — clarity & layout fixes ========================================================================== */ /* Hide tab row on the login step (step-0) for visual clarity. Tabs reappear once user proceeds to shipping (step-1+). */ #thwmscf-tabs:has(#step-0.active) { display: none; } /* Vertically center the login step content */ #thwmscf-tab-panel-0 { text-align: center; padding: 50px 0 30px; } /* Register/Login/Guest choice buttons */ #thwmscf-tab-panel-0 > button.register, #thwmscf-tab-panel-0 > button.login, #thwmscf-tab-panel-0 > button.guest_checkout { cursor: pointer; transition: background-color 0.15s, color 0.15s, border-color 0.15s; } #thwmscf-tab-panel-0 > button.active { background-color: #00354d; color: #fff; border-color: #00354d; } /* Keep Register/Login/Guest forms left-aligned when they appear */ #thwmscf-tab-panel-0 .woocommerce-form-registration, #thwmscf-tab-panel-0 .woocommerce-form-login-toggle { text-align: left; max-width: 480px; margin: 20px auto 0; } /* Next button on login step — centered, clear CTA */ #thwmscf-tab-panel-0 .thwmscf-buttons { justify-content: center !important; margin-top: 30px; } #thwmscf-tab-panel-0 .action-next { min-width: 260px; margin: 0 !important; padding: 6px 50px !important; font-size: 18px !important; line-height: 36px !important; } /* Hide empty "show password" button (no icon loaded in this theme) */ #thwmscf-tab-panel-0 .show-password-input { display: none; } /* ========================================================================== Checkout — Centering: tabs, order content, buttons ========================================================================== */ /* Center tab buttons */ #thwmscf-tabs { text-align: center; } #thwmscf-tabs li { float: none !important; display: inline-block !important; } /* Center and constrain order review table */ .woocommerce-checkout-review-order-table { margin: 0 auto !important; width: 100% !important; width: 100%; } /* Shrink product thumbnails on checkout to 50% (1/4 area) */ .woocommerce-checkout-review-order-table .product-name .col-md-4 { width: 50% !important; flex: none; } .woocommerce-checkout-review-order-table .product-name .col-md-4 img { width: 100%; height: auto; } /* ========================================================================== Checkout — Delivery & Payment step fixes ========================================================================== */ /* --- Button layout: Previous left, Place Order right --- */ #thwmscf-tab-panel-3 .thwmscf-buttons { display: none !important; } #payment { float: none !important; width: 100% !important; clear: both; margin: 0 auto !important; margin: 0 auto !important; } #payment .place-order { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 15px; padding: 20px 0 10px !important; } /* Hide privacy policy text on checkout (T&C requirement already removed) */ #payment .place-order .woocommerce-terms-and-conditions-wrapper { display: none !important; } #payment .place-order .varsys-prev-btn { background: #b0becb !important; border-color: #b0becb !important; color: #fff !important; font-family: 'GillSans'; font-size: 20px !important; text-transform: uppercase; padding: 6px 60px !important; line-height: 36px; border-radius: 0; border: 1px solid #b0becb; cursor: pointer; transition: 0.5s ease all; flex: 1; text-align: center; } #payment .place-order .varsys-prev-btn:hover { background: #8fa0b0 !important; border-color: #8fa0b0 !important; } #payment .place-order #place_order { flex: 1; width: 100% !important; margin: 0 !important; padding: 6px 60px !important; } /* --- Payment method: hide radios (kept for form submission), show text in table --- */ /* #payment .about_paypal -- removed (PayPal disabled) */ /* #payment .payment_box -- now visible for Stripe */ /* #payment .payment_methods -- now visible for Stripe */ /* "Payment via" row in table — match Subtotal/Shipping/Total styling */ .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { padding-bottom: 16px; } .varsys-payment-method th { font-size: 16px; font-weight: 400; font-family: 'GillSans', sans-serif; text-transform: uppercase; color: rgb(98, 98, 98); text-align: right; padding-right: 30px; padding-top: 20px; border-top: 1px solid #ebe9eb; } .varsys-payment-method td { padding-top: 20px; border-top: 1px solid #ebe9eb; font-size: 14px; } /* --- Coupon form --- */ .varsys-coupon-form { width: 100%; margin: 6px auto 0; text-align: left; } .varsys-coupon-toggle { font-family: 'GillSans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; font-size: 16px; color: #00385f; text-decoration: underline; cursor: pointer; } .varsys-coupon-toggle:hover { color: #002a48; } .varsys-coupon-fields { display: flex; justify-content: flex-start; gap: 8px; margin-top: 8px; } .varsys-coupon-input { max-width: 200px; padding: 6px 10px; border: 1px solid #ccc; font-size: 14px; font-family: 'GillSans', sans-serif; } .varsys-coupon-apply { padding: 6px 16px !important; font-size: 18px !important; line-height: 1.4 !important; min-height: auto !important; } /* --- Shipping row: fix alignment, remove list styling --- */ .woocommerce-shipping-totals td ul.woocommerce-shipping-methods { list-style: none !important; margin: 0 !important; padding: 0 !important; } .woocommerce-shipping-totals td ul.woocommerce-shipping-methods li { padding: 0 !important; margin: 0 !important; } .woocommerce-shipping-totals td label { font-weight: normal !important; margin: 0 !important; } /* --- Total row: match font size to item prices, tax on own line --- */ .order-total td { font-size: inherit !important; } .order-total td strong { font-size: inherit !important; font-weight: 600; } .order-total td .includes_tax { display: block; font-size: 12px; font-weight: normal; color: #888; margin-top: 3px; } /* --- WC error banner: hide on checkout (we handle errors inline) --- */ .checkout2 .woocommerce-error { display: none !important; } /* --- Lazy-load Instagram & follow sections (below the fold) --- */ .instagram-box, .follow-box { content-visibility: auto; contain-intrinsic-size: auto 500px; } /* --- Shipping policy page tables --- */ .text-box table.shipping-table { width: 100%; border-collapse: collapse; margin-bottom: 10px; } .text-box table.shipping-table th, .text-box table.shipping-table td { padding: 8px 12px; text-align: left; border-bottom: 1px solid #e5e5e5; vertical-align: top; } .text-box table.shipping-table th { font-weight: 600; } .text-box table.shipping-table th:last-child, .text-box table.shipping-table td:last-child { width: 35%; } /* ========================================================================== Order Received / Thank-you page ========================================================================== */ .woocommerce-order-received .woocommerce-order { max-width: 680px; margin: 0 auto; padding: 40px 20px 60px; } /* "Thank you" success message */ .woocommerce-order-received .woocommerce-thankyou-order-received { font-family: 'GillSans', sans-serif; font-size: 20px; text-align: center; color: #00385f; margin-bottom: 40px; padding: 20px 0; } /* Order details vertical, one item per line */list .woocommerce-order-received ul.woocommerce-order-overview, .woocommerce-order-received ul.order_details, .woocommerce ul.order_details { list-style: none !important; margin: 0 0 40px !important; padding: 30px 0 !important; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .woocommerce-order-received ul.woocommerce-order-overview li, .woocommerce-order-received ul.order_details li, .woocommerce ul.order_details li { display: block !important; float: none !important; width: 100% !important; border-right: none !important; padding: 12px 0 !important; margin: 0 !important; font-family: 'GillSans', sans-serif; font-size: 16px; color: #626262; border-bottom: 1px solid #f0f0f0; } .woocommerce-order-received ul.woocommerce-order-overview li:last-child, .woocommerce-order-received ul.order_details li:last-child, .woocommerce ul.order_details li:last-child { border-bottom: none; } .woocommerce-order-received ul.woocommerce-order-overview li strong, .woocommerce-order-received ul.order_details li strong, .woocommerce ul.order_details li strong { float: right; color: #333; font-weight: 600; } /* ========================================================================== My Orders tableAccount ========================================================================== */ /* Space out action buttons (pay/view/cancel) */ .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a { display: inline-block; margin: 3px 6px 3px 0; padding: 6px 14px; white-space: nowrap; } /* Give the entire orders table more breathing room */ .woocommerce-MyAccount-content .woocommerce-orders-table { border-collapse: separate; border-spacing: 0; } .woocommerce-orders-table td, .woocommerce-orders-table th { padding: 12px 15px !important; vertical-align: middle; } /* ========================================================================== Delivery & Payment -- Layout fixes (March 2026) ========================================================================== */ /* #1: Smaller product image, align left (match cart ~120px) */ .woocommerce-checkout-review-order-table .product-name .col-md-4 { width: 120px !important; flex: none; } /* #4: Increase subtotal price size */ .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout-review-order-table .cart-subtotal td .woocommerce-Price-amount { font-size: 18px; } /* #5: Shipping cost -- match subtotal grey (was blue 13px) */ .woocommerce-shipping-totals td, .woocommerce-shipping-totals td label, .woocommerce-shipping-totals td .woocommerce-Price-amount { color: rgb(98, 98, 98) !important; font-size: 18px !important; } /* #6 & #8: Widen right column, prevent tax text wrap */ .woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td { min-width: 130px; } .order-total td .includes_tax { white-space: nowrap; } /* Dividers: remove lines under subtotal & shipping; keep above subtotal + below total */ .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals th, .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td, .woocommerce-checkout-review-order-table tfoot .order-total th, .woocommerce-checkout-review-order-table tfoot .order-total td { border-top: none !important; } .woocommerce-checkout-review-order-table tfoot .order-total th, .woocommerce-checkout-review-order-table tfoot .order-total td { border-bottom: 1px solid #ccc; padding-bottom: 16px; } /* #2: Pull coupon up closer to total row */ .varsys-coupon-form { margin-top: -35px; margin-bottom: 10px; position: relative; z-index: 1; } /* #7: More breathing room before payment section */ #payment { margin-top: 25px !important; } /* ========================================================================== Stripe payment section -- styling (March 2026) ========================================================================== */ /* Hide radio button (only one payment method) */ #payment .payment_methods .input-radio { display: none !important; } /* Style the payment method label - hide pseudo-element radio */ #payment .payment_methods label { padding-left: 0 !important; font-size: 18px; font-weight: 600; color: #00385f; cursor: default; } #payment .payment_methods label::before, #payment .payment_methods label::after { display: none !important; } /* Reduce left padding on payment methods list */ #payment .payment_methods { padding-left: 0 !important; list-style: none !important; } /* Clean up payment box padding */ #payment .payment_box { padding: 10px 0 5px !important; } /* Hide radio pseudo-element, replace "Stripe" label with "Credit Card" */ #payment .payment_methods label::before { display: none !important; } #payment .payment_methods label[for="payment_method_stripe"] { font-size: 0 !important; color: transparent !important; } #payment .payment_methods label[for="payment_method_stripe"]::after { content: "Credit Card" !important; font-size: 18px !important; font-weight: 600 !important; color: #00385f !important; display: inline !important; position: static !important; width: auto !important; height: auto !important; background: none !important; border-radius: 0 !important; top: auto !important; left: auto !important; } /* German override for Credit Card label */ html[lang^="de"] #payment .payment_methods label[for="payment_method_stripe"]::after { content: "Kreditkarte" !important; } /* Hide Stripe express checkout buttons (disabled via settings, CSS fallback) */ #wc-stripe-express-checkout-element, #wc-stripe-express-checkout-button-separator { display: none !important; } /* Override Stripe JS "Pay Now" button text for DE */ html[lang^="de"] #place_order { font-size: 0 !important; color: transparent !important; } html[lang^="de"] #place_order::after { content: "JETZT BEZAHLEN" !important; font-size: 18px !important; color: #fff !important; letter-spacing: 2px !important; } /* Fix #52v2: Mobile nav menu - wider panel, larger text, more spacing */ .mobile-menu { width: 95vw !important; max-width: 380px; padding: 16px 30px 24px !important; } .m-logo { height: auto !important; margin-bottom: 16px !important; } .m-logo img { height: auto !important; max-height: 55px; width: auto; object-fit: contain; } /* Cart and login rows */ .mobile-menu .m-cart { font-size: 17px !important; letter-spacing: 1.6px !important; padding: 16px 0 !important; } .mobile-menu .m-account { font-size: 17px !important; padding: 18px 0 16px !important; } /* Main nav links */ .mobile-menu .m-navigation li { font-size: 24px !important; line-height: 1.4 !important; padding-bottom: 6px !important; } .mobile-menu .m-navigation li.padtop { padding-top: 20px !important; } .mobile-menu .m-navigation li a { font-size: 24px !important; } /* Language switcher */ .mobile-menu .language-chooser-text li { font-size: 17px !important; line-height: 42px !important; } /* Social icons row */ .mobile-menu .m-soc { padding: 16px 0 10px !important; } /* Contact section */ .mobile-menu .m-address a { font-size: 15px !important; line-height: 1.8 !important; } /* Copyright */ .mobile-menu .m-copy { font-size: 12px !important; padding: 14px 0 !important; }