.shopping-cart-wrapper .ic-cart:before, .ts-tiny-account-wrapper .account-link>a:before, .my-wishlist-wrapper a:before, .search-button>span:before { color: #1D3822 !important; } .pankaj-cat-item{ min-width:170px; text-align:center; text-decoration:none; flex-shrink:0; } .pankaj-cat-item img{ width:170px; height:170px; object-fit:cover; border-radius:25px; border:1px solid #ddd; transition:.3s; } .pankaj-cat-item h4{ margin-top:12px; font-size:18px; font-weight:100; color:#000; } .pankaj-cat-item:hover img{ transform:scale(1.05); } .woocommerce-products-header + .content-container, .products-loop{ margin-top:180px; } /* CATEGORY PAGE TITLE CENTER */ .breadcrumb-title-wrapper .breadcrumb-content.container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .breadcrumb-title { text-align: center; width: 100%; margin: 0 auto; } .breadcrumb { justify-content: center; } .product-wrapper .meta-wrapper { text-align: center; display: flex; flex-direction: column; align-items: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: } .product-wrapper .heading-title.product-name a { display: block; text-align: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: 22px; font-weight: 700; line-height: 1.4; margin-top: 12px; } .product-wrapper .heading-title.product-name a { display: block; text-align: center; font-size: 18px; font-weight: 700; color: #000; } .product-wrapper .price { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; text-align: center; margin-top: 10px; } /* Sale Price */ .product-wrapper .price .woocommerce-Price-amount.amount bdi { color: #22c55e !important; font-size: 20px; font-weight: 700; } /* Old Price */ .product-wrapper .price del .woocommerce-Price-amount.amount bdi { color: #999 !important; font-size: 18px; font-weight: 500; } .custom-color-swatch{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin:12px 0; } .custom-color-swatch span{ width:38px; height:38px; border-radius:50%; display:block; border:2px solid #e5e5e5; box-shadow:0 2px 8px rgba(0,0,0,0.08); } .custom-color-swatch p{ margin-top:8px; font-size:14px; font-weight:600; color:#444; text-transform:capitalize; } /* ========================================= SINGLE PRODUCT ICONS SECTION ========================================= */ .custom-product-icons{ /* 3 column layout */ display:grid; /* 3 equal columns */ grid-template-columns:repeat(3,1fr); /* Row gap + column gap */ gap:14px 15px; /* Top + bottom spacing */ margin:10px 0 0px; } /* SINGLE ICON ITEM */ .custom-product-icons .icon-item{ /* Icon + text side by side */ display:flex; /* Vertical center align */ align-items:center; /* Space between icon and text */ gap:14px; } /* ICON IMAGE */ .custom-product-icons .icon-item img{ /* Fixed width */ width:42px; /* Fixed height */ height:42px; /* Keep image ratio proper */ object-fit:contain; /* Prevent image shrinking */ flex-shrink:0; } /* ICON TEXT */ .custom-product-icons .icon-item span{ /* Text size */ font-size:10px; /* Text spacing */ line-height:1.4; /* Text color */ color:#1d1d1d; /* Medium font weight */ font-weight:500; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media(max-width:767px){ .custom-product-icons{ /* 2 column layout on mobile */ grid-template-columns:repeat(2,1fr); /* Smaller spacing */ gap:20px; } .custom-product-icons .icon-item span{ /* Smaller text on mobile */ font-size:14px; } .custom-product-icons .icon-item img{ /* Smaller icons on mobile */ width:29px; height:29px; } } .summary .detail-meta-top { margin-bottom: 5px !IMPORTANT;} /* ========================================= PREMIUM QUANTITY PRICING TABLE ========================================= */ .pankaj-pricing-table{ margin-top:-12px; } /* HEADING */ .pankaj-pricing-table h3 { font-size: 12px; line-height: 1.1; margin-bottom: 10px; color: #69C240; font-weight: 600; letter-spacing: -.5px; } /* TABLE */ .pankaj-pricing-table table{ width:100%; border:1px solid #dddddd; border-radius:20px; overflow:hidden; background:#ddd; box-shadow:0 4px 18px rgba(0,0,0,0.03); } /* TD */ .pankaj-pricing-table td { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 6px 6px; text-align: center; vertical-align: middle; background: #fff; font-size: 12px; color: #111; min-width: 100px; } /* FIRST ROW FIX */ .pankaj-pricing-table table tbody tr:first-child td{ padding-top:12px !important; padding-bottom:12px !important; vertical-align:middle !important; } /* REMOVE LAST BORDER */ .pankaj-pricing-table tr td:last-child{ border-right:none; } .pankaj-pricing-table tr:last-child td{ border-bottom:none; } /* LEFT COLUMN */ .pankaj-pricing-table .heading-col{ width:180px; min-width:180px; text-align:left !important; background:#fafafa; font-size:12px; font-weight:600; padding-left:18px !important; color:#333; } /* GREEN */ .pankaj-pricing-table .green{ background:#69c240; box-shadow:0 4px 10px rgba(105,194,64,0.18); } /* GRAY */ .pankaj-pricing-table .gray{ background:#69C240; color:#fff; } /* PRICE */ .pankaj-pricing-table strong{ display:block; font-size:12px; line-height:1.1; font-weight:600; color:#111; } /* SMALL TEXT */ .pankaj-pricing-table small { display: block; margin-top: 5px; font-size: 10px; color: #8a8a8a; line-height: 1.3; margin-bottom: 20px; } /* HOVER */ .pankaj-pricing-table td:hover{ background:#fcfcfc; transition:0.2s ease; } .pankaj-pricing-table .price-row td{ box-shadow: inset -1px 0 0 #e5e5e5; } .pankaj-pricing-table .price-row td:last-child{ box-shadow:none; } /* Buy More Save More Mobile Fix */ @media (max-width:768px){ .pankaj-pricing-table{ overflow:hidden !important; } .pankaj-pricing-table table{ min-width:100% !important; width:100% !important; table-layout:fixed !important; } .pankaj-pricing-table .heading-col{ width:28% !important; min-width:auto !important; padding:8px !important; font-size:14px !important; } .pankaj-pricing-table td{ width:18% !important; min-width:auto !important; padding:8px 4px !important; font-size:13px !important; } .pankaj-pricing-table strong{ font-size:14px !important; line-height:1.2 !important; } .pankaj-pricing-table small{ font-size:10px !important; line-height:1.2 !important; word-break:break-word !important; } .pankaj-pricing-table h3{ font-size:20px !important; margin-bottom:10px !important; } } /* MOBILE */ @media(max-width:768px){ .pankaj-pricing-table{ overflow-x:auto; margin-top:20px; } .pankaj-pricing-table table{ min-width:680px; } .pankaj-pricing-table h3{ font-size:24px; } .pankaj-pricing-table td{ padding:12px 8px; } } /* ========================================= PANKAJ LOGO PRINTING ========================================= */ .pankaj-logo-box{ width:100%; margin:-12px 0; } /* TOGGLE AREA */ .pankaj-logo-box .logo-toggle-wrap { display: flex; align-items: center; gap: 14px; cursor: pointer; margin-bottom: 10px; margin-top: 20px !IMPORTANT; } .pankaj-logo-box .logo-toggle-wrap input{ display:none; } /* SWITCH */ .pankaj-logo-box .toggle-slider{ width:62px; height:34px; background:#dcdcdc; border-radius:50px; position:relative; transition:.3s; flex-shrink:0; } .pankaj-logo-box .toggle-slider:before{ content:''; width:26px; height:26px; background:#fff; border-radius:50%; position:absolute; top:4px; left:4px; transition:.3s; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider{ background:#6bc442; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider:before{ left:32px; } /* TEXT */ .pankaj-logo-box .toggle-text{ font-size:15px; font-weight:700; color:#111; } /* HIDDEN AREA */ .pankaj-logo-box .logo-print-area { display: none; background: #edf7e8; padding: 25px; border-radius: 20px; margin-bottom: 20px; } /* FILE BUTTON */ .pankaj-logo-box .upload-box{ margin-bottom:35px; } .pankaj-logo-box .upload-box label { display: inline-block; background: #6bc442; color: #fff; padding: 4px 15px; border-radius: 14px; font-size: 13px; font-weight: 600; cursor: pointer; margin-bottom: 15px; } .pankaj-logo-box .upload-box input[type="file"]{ width:100%; margin-top:10px; } .pankaj-logo-box .upload-box small{ display:block; margin-top:12px; color:#666; font-size:14px; } /* TITLE */ .pankaj-logo-box .print-title{ font-size:34px; font-weight:700; margin-bottom:25px; line-height:1.2; } /* 3 BUTTONS IN ROW */ .pankaj-logo-box .print-options{ display:flex; gap:15px; margin-top:20px; } .print-color-title { font-size: 18px; font-weight: 700; color: #68BD45; margin: 0 0 20px; line-height: 1.2; margin-top: -28px !IMPORTANT; } .woocommerce div.product form.cart{ border-top: 0 !important; padding-top: 0 !important; } .pankaj-logo-box .print-card { flex: 1; margin: 0; padding: 5px; min-height: 70px; display: flex; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid #dfe7d8; border-radius: 18px; cursor: pointer; transition: .3s ease; } .pankaj-logo-box .print-card div{ width:100%; } .pankaj-logo-box .print-card input{ display:none; } .pankaj-logo-box .print-card strong{ display:block; color:#68BD45; font-size:17px; font-weight:700; margin-bottom:8px; } .pankaj-logo-box .print-card p{ margin:0; font-size:13px; color:#111; } /* ACTIVE */ .pankaj-logo-box .print-card.active{ background:#68BD45; border-color:#68BD45; } .pankaj-logo-box .print-card.active strong, .pankaj-logo-box .print-card.active p{ color:#fff; } /* HOVER */ .pankaj-logo-box .print-card:hover{ border-color:#68BD45; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-logo-box .print-title{ font-size:26px; } .pankaj-logo-box .print-options{ flex-direction:column; } .pankaj-logo-box .print-card{ min-height:90px; padding:16px; } .pankaj-logo-box .print-card strong{ font-size:18px; } .pankaj-logo-box .print-card p{ font-size:15px; } } .woocommerce div.product form.cart .variations_button { display: block !IMPORTANT;} /* DOT ICON */ .pankaj-attribute-list li::before{ content:""; width:8px; height:8px; border-radius:50%; background:#6cc63f; flex-shrink:0; } /* LABEL */ .pankaj-attribute-list li strong{ font-weight:700; color:#111; } /* HOVER */ .pankaj-attribute-list li:hover{ border-color:#6cc63f; background:#f4ffef; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-attribute-list ul{ gap:10px; } .pankaj-attribute-list li{ width:100%; font-size:15px; padding:10px 14px; } } /* .woocommerce div.product form.cart .variations { display:none !important; } */ .woocommerce div.product form.cart .variations { display: table !important; } /* HIDE THEME BADGE */ .ts-discount-percent{ display:none !important; } .yith-wfbt-submit-block .total_price .amount, ins .amount, .woocommerce .products .product ins .amount, .product_list_widget ins .amount, div.product .price ins .amount, .price ins .amount, .yith-wfbt-section ins .amount, .ts-wishlist-table-wrapper ins .amount, .cart ins .amount { color: #69C240; } .woocommerce div.product form.cart { padding-top: 0px !important; } .widget-container { margin: 19px 0 0 0 !important; padding: 15px 0 0 0 !important; border-width: 1px 0 0 0; border-style: solid; clear: both; position: relative; } p, address { margin: 0 0 0px !IMPORTANT; display: block; } .top-cat .woocommerce .products .product a img { box-shadow: none; height: 130px; width: 130px !IMPORTANT; border-radius: 20px; margin: 0 auto; border: 1px solid; } /* Hide only default variation rows */ .variation-Colour, .variation-Length, .variation-Width, .variation-Height, .variation-Quantity, .variation-Size, .variation-Colour + dd, .variation-Length + dd, .variation-Width + dd, .variation-Height + dd, .variation-Quantity + dd, .variation-Size + dd{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dt:not(.variation-OrderSummary), .woocommerce-checkout-review-order-table dl.variation dd:not(.variation-OrderSummary){ display:none !important; } /* Hide top product row */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name > strong.product-quantity, .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name{ font-size:0 !important; line-height:0 !important; } /* Keep premium box visible */ .woocommerce-checkout-review-order-table .variation-OrderSummary + dd{ font-size:initial !important; line-height:initial !important; } /* Hide top subtotal amount */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-total{ display:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item{ border:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item td{ padding:0 !important; border:none !important; } .premium-total .right{ font-size:30px; line-height:1.1; font-weight:800; color:#67c63d; } .woocommerce div.product div.summary { padding-left: 30px; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: auto; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); margin-left: 17px; border-radius: 25px; padding: 30px; } /* Form Css All custom page */ /* ========================= INPUT FIELD ========================= */ .inputfield{ padding:8px 16px !important; min-height:52px !important; font-size:18px !important; border-radius:10px !important; border:2px solid #e8e8e8 !important; box-shadow:none !important; } /* ========================= PRODUCT BUILDER FORM ========================= */ .product-builder-form{ width:100%; padding:10px; background:#fff; border-radius:22px; overflow:hidden; } /* ========================= HEADINGS ========================= */ .product-builder-form h4 { font-size: 15px; font-weight: 500; color: #111; margin-bottom: 14px; line-height: 1.2; letter-spacing: -0.3px; margin-bottom: 10px !important; margin-top: 10px !important; } .custom-class{ margin-bottom:24px; } /* ========================= RADIO WRAP ========================= */ .wpcf7-radio{ display:flex; flex-wrap:wrap; gap:10px; } /* ========================= PILLS ========================= */ .pill .wpcf7-list-item{ margin:0; } .pill label{ margin:0; } .pill input[type="radio"], .pill input[type="checkbox"]{ display:none; } /* ========================= BUTTON STYLE ========================= */ .pill .wpcf7-list-item-label{ display:flex; align-items:center; justify-content:center; text-align:center; width:100px; min-height:35px; padding:10px 16px; background:#fff; border:2px solid #e7e7e7; border-radius:14px; font-size:15px; font-weight:500; line-height:1.2; color:#222; cursor:pointer; transition:all .25s ease; box-shadow:0 2px 8px rgba(0,0,0,0.03); } /* ACTIVE */ .pill input:checked + .wpcf7-list-item-label{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* HOVER */ .pill .wpcf7-list-item-label:hover{ border-color:#6cc04a; } /* CAPS */ input[name="Caps"] + .wpcf7-list-item-label{ width:170px; } /* SIZE */ input[name="size"] + .wpcf7-list-item-label{ width:140px; min-height:50px; } /* QUANTITY */ input[name="quantity"] + .wpcf7-list-item-label{ width:58px; min-height:38px; font-size:14px; border-radius:12px; } /* ========================= INPUTS ========================= */ .inputfield, .form-control{ width:100%; background:#fff; outline:none; transition:.25s ease; } .inputfield:focus, .form-control:focus{ border-color:#6cc04a !important; } /* TEXTAREA */ textarea.inputfield{ min-height:100px !important; resize:none; padding-top:14px !important; } /* PLACEHOLDER */ ::placeholder{ color:#888; opacity:1; } /* ========================= DESIGN BOX ========================= */ .Custom-designer{ background:#fff; border:2px solid #ececec; border-radius:22px; padding:20px 18px; margin:22px 0; } /* ========================= CHECKBOX BUTTONS ========================= */ input[type="checkbox"] + .wpcf7-list-item-label{ width:auto !important; min-width:180px !important; min-height:46px !important; padding:10px 18px !important; border-radius:14px !important; font-size:15px !important; white-space:nowrap; } /* ========================= NOTES ========================= */ .upload-note{ font-size:13px; color:#666; margin-top:12px; margin-bottom:10px; line-height:1.4; } .note{ font-size:12px; color:#777; margin-top:10px; line-height:1.4; } .design-gst{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; } /* ========================= FILE INPUT ========================= */ .file-btn{ width:100%; border:2px solid #ececec; border-radius:14px; padding:10px; background:#fff; } .file-btn::file-selector-button{ background:#6cc04a; color:#fff; border:none; border-radius:10px; padding:10px 16px; margin-right:14px; cursor:pointer; font-weight:500; font-size:14px; } /* ========================= DESIGNER BUTTON ========================= */ .adesigner-btn{ margin-top:16px; width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; text-align:center; border:2px solid #e5e5e5; border-radius:14px; font-size:15px; font-weight:500; color:#111; cursor:pointer; transition:.25s ease; } .adesigner-btn:hover{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* ========================= BUTTONS ========================= */ .submit-btn, .popup-submit-btn{ width:100%; height:58px; border:none; border-radius:14px; background:#6cc04a; color:#fff; font-size:18px; font-weight:600; cursor:pointer; transition:.25s ease; } .submit-btn:hover, .popup-submit-btn:hover{ transform:translateY(-1px); } /* ========================= POPUP OVERLAY ========================= */ .quote-popup-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.65); display:none; align-items:center; justify-content:center; z-index:9999; padding:18px; } /* ========================= POPUP BOX ========================= */ .popup-quote-form{ width:100%; max-width:950px; background:#fff; border-radius:22px; padding:32px 24px; position:relative; } /* CLOSE */ .close-popup{ position:absolute; top:14px; right:18px; font-size:32px; line-height:1; cursor:pointer; } /* LABELS */ .popup-quote-form label { display: block; margin-bottom: -22px; font-size: 15px; font-weight: 500; color: #111; margin-top: 10px; } /* ========================= CF7 FIXES ========================= */ .wpcf7-spinner{ display:none; } .wpcf7-not-valid-tip{ margin-top:6px; font-size:12px; } .wpcf7-response-output{ margin-top:16px !important; border-radius:10px; font-size:13px; } /* ========================= MOBILE ========================= */ @media(max-width:767px){ .product-builder-form{ padding:8px; } .product-builder-form h4{ font-size:15px; } .pill .wpcf7-list-item-label{ width:calc(50% - 5px); font-size:14px; } input[name="quantity"] + .wpcf7-list-item-label{ width:52px; min-height:36px; font-size:13px; } input[name="Caps"] + .wpcf7-list-item-label{ width:150px; } input[name="size"] + .wpcf7-list-item-label{ width:130px; } .Custom-designer{ padding:18px 14px; } .popup-quote-form{ padding:22px 16px; } } /* Form Css All custom page end */ .inc-gst-text{ font-size:13px; font-weight:500; color:#666; margin-left:4px; } .coming-soon-text{ display:inline-flex !important; align-items:center; justify-content:center; background:#e8f8e8; color:#1f7a1f; border:1px solid #b7e4b7; padding:10px 22px; border-radius:30px; font-size:16px; font-weight:600; margin:12px 0; line-height:1; width:auto !important; max-width:max-content !important; } .products .product .price{ display:flex !important; align-items:center; gap:6px; } .products .product .price .inc-gst-text{ order:999 !important; margin-left:0 !important; white-space:nowrap; } .single-product .summary .price{ display:flex !important; align-items:center; gap:6px; flex-wrap:wrap; } .single-product .summary .price .inc-gst-text{ order:999 !important; white-space:nowrap; } /* ========================================= BILLING + SHIPPING SAME DESIGN ========================================= */ .woocommerce-billing-fields, .shipping_address{ background:#f5f5f5; padding:34px; border-radius:1px; box-shadow:0 4px 16px rgba(0,0,0,.08); } /* TITLE */ .woocommerce-billing-fields h3 { font-size: 22px; line-height: 1; font-weight: 600; margin-bottom: 30px; color: #68bd45; } /* SHIPPING TITLE */ #ship-to-different-address{ margin:35px 0 20px !important; } #ship-to-different-address label{ font-size:20px !important; font-weight:600 !important; color:#111 !important; } /* GRID */ .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:grid !important; grid-template-columns:repeat(12,1fr) !important; gap:12px !important; } /* RESET */ .woocommerce form .form-row{ width:100% !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; } /* ========================================= BILLING POSITIONS - Added by Jas ========================================= */ #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } /* Row 2 */ #billing_phone_field{ grid-column:1 / span 6; grid-row:2; } #billing_company_field{ grid-column:7 / span 6; grid-row:2; } /* Row 3 */ #billing_address_1_field{ grid-column:1 / span 12; grid-row:3; } /* Row 4 */ #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } /* Row 5 */ #billing_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= SHIPPING POSITIONS - Added by Jas ========================================= */ #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } /* Row 2 */ #shipping_phone_field{ grid-column:1 / span 6; grid-row:2; } #shipping_company_field{ grid-column:7 / span 6; grid-row:2; } /* Row 3 */ #shipping_address_1_field{ grid-column:1 / span 12; grid-row:3; } /* Row 4 */ #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } /* Row 5 */ #shipping_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= BILLING POSITIONS ========================================= */ /* #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } #billing_company_field{ grid-column:1 / span 12; grid-row:2; } #billing_address_1_field{ grid-column:1 / span 6; grid-row:3; } #billing_phone_field{ grid-column:7 / span 6; grid-row:3; } #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } #billing_country_field{ grid-column:1 / span 12; grid-row:5; } */ /* ========================================= SHIPPING POSITIONS ========================================= */ /* #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } #shipping_company_field{ grid-column:1 / span 12; grid-row:2; } #shipping_address_1_field{ grid-column:1 / span 6; grid-row:3; } #shipping_phone_field{ grid-column:7 / span 6; grid-row:3; } #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } #shipping_country_field{ grid-column:1 / span 12; grid-row:5; }*/ /* HIDE ADDRESS 2 */ #billing_address_2_field, #shipping_address_2_field{ display:none !important; } /* INPUTS */ .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ width:100% !important; height:55px !important; background:#fff !important; border:1px solid #b7b7b7 !important; border-radius:2px !important; box-shadow:none !important; font-size:17px !important; color:#222 !important; } /* INPUT PADDING */ .woocommerce form .input-text{ padding:0 22px !important; } /* SELECT2 */ .select2-container{ width:100% !important; } .select2-container--default .select2-selection--single{ display:flex !important; align-items:center !important; padding:0 22px !important; } .select2-container--default .select2-selection__rendered{ line-height:60px !important; padding:0 !important; } .select2-container--default .select2-selection__arrow{ height:64px !important; right:15px !important; } /* PLACEHOLDER */ .woocommerce input::placeholder{ color:#9c9c9c !important; opacity:1 !important; } .woocommerce-checkout .optional{ display:none !important; } /* LABELS */ /* CHECKOUT LABELS */ .woocommerce form .form-row label{ display:block !important; margin-bottom:0px; font-size:11px; font-weight:600; color:#222; line-height:1.4; } .woocommerce form .form-row label .optional{ font-size:13px; color:#777; font-weight:400; } .woocommerce form .form-row label .required{ color:#e53935; } /* MOBILE */ @media (max-width:768px){ .woocommerce-billing-fields, .shipping_address{ padding:20px; border-radius:20px; } .woocommerce-billing-fields h3{ font-size:42px; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:flex !important; flex-direction:column !important; } /* Billing Order */ #billing_first_name_field{order:1;} #billing_email_field{order:2;} #billing_phone_field{order:3;} #billing_company_field{order:4;} #billing_address_1_field{order:5;} #billing_city_field{order:6;} #billing_postcode_field{order:7;} #billing_state_field{order:8;} #billing_country_field{order:9;} /* Shipping Order */ #shipping_first_name_field{order:1;} #shipping_email_field{order:2;} #shipping_phone_field{order:3;} #shipping_company_field{order:4;} #shipping_address_1_field{order:5;} #shipping_city_field{order:6;} #shipping_postcode_field{order:7;} #shipping_state_field{order:8;} #shipping_country_field{order:9;} .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-shipping-fields__field-wrapper .form-row{ width:100% !important; margin-bottom:15px !important; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ height:58px !important; font-size:16px !important; } } /* ========================================= TOP SHIPPING BAR ========================================= */ .efp-top-bar{ background:#1D3822; width:100%; padding:12px 20px; position:relative; z-index:999; overflow:hidden; } .efp-top-bar-inner{ max-width:1400px; margin:0 auto; display:flex; align-items:center; } .efp-marquee{ flex:1; overflow:hidden; white-space:nowrap; } .efp-marquee-track{ display:inline-flex; align-items:center; white-space:nowrap; animation:efpMarquee 55s linear infinite; } .efp-marquee-track span{ padding-right:120px; font-size:16px; font-weight:600; color:#234823; } .efp-top-phone{ flex-shrink:0; margin-left:25px; text-decoration:none; color:#000; font-size:16px; font-weight:700; display:flex; align-items:center; gap:10px; } .efp-top-phone i{ font-size:20px; } @keyframes efpMarquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } } /* Mobile */ @media(max-width:768px){ .efp-top-bar{ padding:10px 15px; } .efp-top-bar-inner{ flex-direction:column; gap:8px; } .efp-marquee{ width:100%; } .efp-marquee-track span{ font-size:14px; padding-right:80px; } .efp-top-phone{ margin-left:0; font-size:14px; } .efp-top-phone i{ font-size:16px; } } .efp-top-phone{ flex-shrink:0; display:flex; align-items:center; gap:12px; text-decoration:none; color:#1f3b1f; font-size:18px; font-weight:700; background:#fff; padding:5px 10px; border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:all .3s ease; } .efp-top-phone:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.12); } .efp-top-phone i{ width:30px; height:30px; border-radius:50%; background:#4CAF50; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; } /* ===================================== CONTACT FORM 7 SUBSCRIBE FORM ===================================== */ .efp-subscribe-wrap{ width:100%; max-width:700px; margin:0 auto; position:relative; } .efp-subscribe-wrap p{ margin:0 !important; } .efp-subscribe-wrap .wpcf7-form{ position:relative; } .efp-subscribe-wrap .wpcf7-form-control-wrap{ display:block; width:100%; } /* EMAIL FIELD */ .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:88px !important; background:#f1f1f1 !important; border:2px solid #7d8694 !important; border-radius:28px !important; padding:0 300px 0 35px !important; font-size:22px !important; font-weight:500 !important; color:#555 !important; outline:none !important; box-sizing:border-box !important; box-shadow:none !important; } .efp-subscribe-wrap input[type="email"]::placeholder{ color:#7a7a7a !important; text-transform:uppercase; letter-spacing:.5px; } /* SUBMIT BUTTON */ .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:6px !important; right:6px !important; width:290px !important; height:76px !important; border:none !important; border-radius:22px !important; background:#69c81d !important; color:#fff !important; font-size:18px !important; font-weight:700 !important; letter-spacing:.5px; cursor:pointer !important; z-index:99 !important; transition:all .3s ease !important; margin:0 !important; padding:0 !important; } .efp-subscribe-wrap input[type="submit"]:hover{ background:#58ad19 !important; transform:translateY(-1px); } /* ERROR & SUCCESS */ .efp-subscribe-wrap .wpcf7-not-valid-tip{ font-size:12px !important; margin-top:6px; } .efp-subscribe-wrap .wpcf7-response-output{ margin:15px 0 0 !important; padding:10px !important; font-size:13px !important; border-radius:10px; } /* SPINNER */ .efp-subscribe-wrap .wpcf7-spinner{ position:absolute; bottom:-35px; left:0; } /* MOBILE */ @media (max-width:767px){ span.woocommerce-Price-amount.amount { font-size: 12px !IMPORTANT; } .efp-subscribe-wrap{ max-width:100%; position:relative; } .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:68px !important; padding:0 170px 0 20px !important; font-size:16px !important; border-radius:20px !important; } .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:4px !important; right:4px !important; width:165px !important; height:60px !important; margin:0 !important; border-radius:16px !important; font-size:15px !important; line-height:60px !important; } } .menu-desc, .menu-desc-lv0{ display:none !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#9e9e9e !important; line-height:64px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 64px !important; padding-left: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder{ display:inline !important; height:auto !important; line-height:64px !important; margin:0 !important; padding:0 !important; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { width: 100% !important; max-width: 509px; } .inc-gst-text{ display:inline !important; white-space:nowrap !important; margin-left:4px; } span.woocommerce-Price-amount.amount { font-size: 17px !IMPORTANT; } .premium-row .left { font-size: 16px !important; font-weight: 600; color: #1D3822 !important; max-width: 100%; } .premium-total .left { font-size: 17px; font-weight: 700; color: #1D3822 !important; color: #111; } .woocommerce-checkout-review-order-table ul#shipping_method{ margin:0 !important; } .woocommerce-checkout-review-order-table ul#shipping_method li{ white-space:nowrap !important; } h3#order_review_heading{ display: none; } .quote-popup-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); display:none; z-index:999999; } .quote-popup-overlay.active{ display:block; } .popup-quote-form{ position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; max-width:90vw; background:#fff; border-radius:12px; padding:40px; box-shadow:0 15px 50px rgba(0,0,0,.25); z-index:9999999; } .close-popup{ position:absolute; top:15px; right:20px; font-size:34px; cursor:pointer; } .popup-quote-form .row{ display:flex; flex-wrap:wrap; margin:0 -10px; } .popup-quote-form .col-md-6{ width:50%; padding:0 10px; box-sizing:border-box; } @media(max-width:768px){ .popup-quote-form{ width:95%; padding:25px; } .popup-quote-form .col-md-6{ width:100%; } } .elementor-element-4acfb9b{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc.animated{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; perspective:none !important; filter:none !important; } /* Popup wale Elementor columns ki animation globally kill */ .elementor-column.animated, .elementor-widget.animated, .elementor-element.animated{ animation:none !important; transform:none !important; } .animated.fadeInDown, .animated.fadeInUp, .animated.fadeInLeft, .animated.fadeInRight, .animated.zoomIn, .animated.slideInUp{ animation:none !important; transform:none !important; } .premium-cf7-container .animated{ animation:none !important; transform:none !important; } /* SIZE MM FIX */ .three-custom-class .row{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:12px; } .three-custom-class .col-4{ flex:1 1 0 !important; max-width:none !important; width:auto !important; } .three-custom-class .col-1{ flex:0 0 20px !important; width:20px !important; max-width:20px !important; text-align:center; } .three-custom-class input.wpcf7-text{ width:100% !important; height:48px; border:1px solid #d9d9d9; border-radius:12px; text-align:center; } .multiply-sign{ font-size:28px; line-height:1; color:#111; } .premium-cf7-container input.wpcf7-submit { font-size: 16px; color: #fff; background-color: #6CC04A !IMPORTANT; border: 1px solid #6CC04A; font-weight: 900; border-radius: 0; text-decoration: none; box-shadow: none; margin-top: 10px; padding: 5px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } p.adesigner-btn { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; } .elementor-invisible{ visibility: visible !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; animation: none !important; } .ts-header .ts-search-normal .search-content input[type="text"] { border: 1px solid #68BD45; border-radius: 20px; } .woocommerce-checkout-review-order-table dl.variation{ margin:0 !important; } .woocommerce-checkout-review-order-table dd{ margin:0 !important; padding:0 !important; } .variation-OrderSummary{ margin:0 !important; } .variation-OrderSummary + dd{ margin:0 !important; padding:0 !important; } .pankaj-premium-table{ margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ padding-top:8px !important; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ padding-top:12px !important; } .free-shipping-label{ display:inline-block; background:#e8f7df; color:#69be45; padding:4px 10px; border-radius:20px; font-size:13px; font-weight:700; } .pankaj-grand-total-row { border-top: 2px solid #67c23a; padding-top: 0px !important; margin-top: 0px !important; } .pankaj-product-divider{ border-top:1px solid #dfe7d8; margin:25px 0; } .pankaj-item-heading { font-size: 12px; font-weight: 500; color: #000; margin: 6px 0 6px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .pankaj-grand-total-row{ border-top:2px solid #67c23a; padding-top:20px; margin-top:20px; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ font-size:32px; font-weight:700; color:#67c23a; } .pankaj-grand-total-row{ display:flex; justify-content:space-between; align-items:center; gap:20px; } .pankaj-grand-total-row .left{ flex:1; } .pankaj-grand-total-row .right{ text-align:right; white-space:nowrap; } /* Hide Shipment label */ .woocommerce-shipping-totals th{ display:none !important; } /* Expand shipping method row */ .woocommerce-shipping-totals td{ width:100% !important; } .woocommerce-shipping-totals .woocommerce-Price-amount { color: #111 !important; font-weight: 700 !important; } .woocommerce-shipping-totals .inc-gst-text { color: #888 !important; font-weight: 400 !important; } .woocommerce-shipping-totals td{ padding-left:0 !important; padding-right:0 !important; } .woocommerce-shipping-totals ul, .woocommerce-shipping-totals li{ margin:0 !important; padding:0 !important; list-style:none !important; } .woocommerce-shipping-totals td{ text-align:left !important; padding-left:0 !important; } .woocommerce-shipping-totals ul{ width:100% !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals li{ display:flex !important; justify-content:flex-start !important; align-items:center !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ text-align:right !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; padding-bottom:0 !important; margin-bottom:0 !important; } .variation-OrderSummary{ margin-bottom:0 !important; } .variation-OrderSummary .pankaj-premium-table{ margin-bottom:0 !important; } .woocommerce-checkout-review-order-table dl.variation, .woocommerce-checkout-review-order-table dd{ margin-bottom:0 !important; } .pankaj-premium-table p{ margin:0 !important; padding:0 !important; } .pankaj-premium-table br{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dd { margin-bottom: 0 !important; padding-bottom: 0 !important; } label[for="payment_method_stripe"]{ font-size:0 !important; } label[for="payment_method_stripe"]:after{ content:'Credit/Debit Card'; font-size:16px; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single { height: 45px!important;} th.product-total{ display: none; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select { font-weight: 400 !important; padding: 10px !important; } @media (max-width:768px){ .woocommerce form .form-row .input-text, .woocommerce form .form-row select{ margin-bottom:8px; } } @media (max-width:768px){ .woocommerce form .form-row.address-field .select2-container .select2-selection--single { margin-bottom: 8px;} } .woocommerce-cart .product-name > a{ display:none !important; } .woocommerce-cart .variation dt{ display:none !important; } .woocommerce-cart .variation-LogoPrinting, .woocommerce-cart .variation-LogoPrinting + dd, .woocommerce-cart .variation-TotalPieces, .woocommerce-cart .variation-TotalPieces + dd, .woocommerce-cart .variation-PrintingCost, .woocommerce-cart .variation-PrintingCost + dd{ display:none !important; } /* ===================================== PREMIUM LOGIN REGISTER ===================================== */ .woocommerce-account .customer-login{ display:grid; grid-template-columns:repeat(2,1fr); gap:50px; max-width:1300px; margin:50px auto; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ background:#fff; padding:40px; border-radius:30px; box-shadow:0 10px 40px rgba(0,0,0,.08); border:1px solid #ececec; } .woocommerce-account h2{ font-size:38px; margin-bottom:30px; font-weight:700; } .woocommerce-account input.input-text{ height:60px !important; border-radius:14px !important; border:1px solid #d9d9d9 !important; padding:0 20px !important; font-size:16px !important; } .woocommerce-account button.button{ background:#1D3822 !important; border-color:#1D3822 !important; color:#fff !important; height:58px; padding:0 35px !important; border-radius:14px !important; font-size:16px; font-weight:700; } .custom-social-login{ margin-top:20px; } .custom-social-login .nsl-container{ width:100%; } .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; } .woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; } @media(max-width:768px){ .woocommerce-account .customer-login{ grid-template-columns:1fr; gap:25px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:25px; border-radius:20px; } .woocommerce-account h2{ font-size:28px; } } /* ===================================== PREMIUM MY ACCOUNT PAGE V2 ===================================== */ .woocommerce-account .customer-login{ max-width:1400px; margin:60px auto; gap:60px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ position:relative; background:#fff; border-radius:35px; padding:50px; border:1px solid #e7e7e7; box-shadow:0 15px 50px rgba(0,0,0,.06); overflow:hidden; } /* TOP GREEN LINE */ .woocommerce-account .u-column1:before, .woocommerce-account .u-column2:before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,#68BD45,#90d96f); } /* LOGIN TITLE */ .woocommerce-account .u-column1 h2:before{ content:"👋 "; } /* REGISTER TITLE */ .woocommerce-account .u-column2 h2:before{ content:"🚀 "; } .woocommerce-account h2{ font-size:42px; font-weight:700; margin-bottom:10px; color:#111; } /* SUBTITLE */ .woocommerce-account .u-column1 h2:after{ content:"Sign in to access your orders and account."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } .woocommerce-account .u-column2 h2:after{ content:"Create an account and start ordering online."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } /* INPUTS */ .woocommerce-account input.input-text{ height:65px !important; border-radius:16px !important; border:1px solid #dcdcdc !important; padding:0 22px !important; font-size:16px !important; transition:.3s; } .woocommerce-account input.input-text:focus{ border-color:#1D3822 !important; box-shadow:0 0 0 4px rgba(104,189,69,.12); } /* BUTTONS */ .woocommerce-account button.button{ height:60px; min-width:180px; border-radius:16px !important; background:#1D3822 !important; border-color:#1D3822 !important; font-size:18px !important; font-weight:700 !important; transition:.3s; } .woocommerce-account button.button:hover{ transform:translateY(-2px); } /* OR DIVIDER */ .custom-social-login{ margin-top:30px; position:relative; } .custom-social-login:before{ content:"OR CONTINUE WITH"; display:block; text-align:center; font-size:12px; letter-spacing:1px; color:#999; margin-bottom:18px; } /* SOCIAL BUTTONS */ .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; margin-bottom:12px !important; } /* LOST PASSWORD */ .woocommerce-LostPassword{ margin-top:12px; } .woocommerce-LostPassword a{ color:#68BD45; font-weight:600; } /* HOVER CARD */ .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-4px); transition:.3s; } /* MOBILE */ @media(max-width:768px){ .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:28px; border-radius:25px; } .woocommerce-account h2{ font-size:30px; } .woocommerce-account button.button{ width:100%; min-width:100%; } } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ backdrop-filter: blur(10px); box-shadow:0 20px 60px rgba(0,0,0,.08); } .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-5px); transition:.3s ease; } .custom-social-login .nsl-button{ width:100% !important; } /* Login form field spacing */ .woocommerce-form-login .form-row{ margin-bottom:16px !important; } .woocommerce-form-login .form-row:first-child{ margin-bottom:22px !important; } .variation-OrderSummary + dd{ width:100% !important; display:block !important; } .woocommerce-checkout-review-order-table dl.variation{ width:100% !important; } .woocommerce-checkout-review-order-table dd.variation-OrderSummary{ width:100% !important; } /* ========================================= CHECKOUT ORDER SUMMARY PERFECT ALIGNMENT ========================================= */ .variation-OrderSummary + dd{ width:100% !important; display:block !important; margin:0 !important; padding:0 !important; } .pankaj-premium-table{ width:100% !important; margin:0 !important; padding:0 !important; } .pankaj-premium-table .premium-row{ display:flex !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid #e8e8e8 !important; } tr.woocommerce-cart-form__cart-item.cart_item .pankaj-premium-table .premium-row{ width:90% !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; } /* PRICE */ .pankaj-premium-table .premium-row .woocommerce-Price-amount{ display:inline-block !important; font-size:18px !important; font-weight:500 !important; color:#111 !important; } /* GST */ .pankaj-premium-table .premium-row .inc-gst-text{ display:inline-block !important; margin-left:4px !important; white-space:nowrap !important; font-size:13px !important; margin-top: 5px !!important; } /* PRODUCT NAME */ .pankaj-premium-table .premium-row .left{ font-size:14px !important; font-weight:600 !important; color:#1D3822 !important; } /* SMALL TEXT */ .pankaj-premium-table .premium-row small{ display:block !important; margin-top:1px !important; color:#777 !important; font-size:13px !important; } /* IMPORTANT */ .woocommerce-checkout-review-order-table dl.variation{ width:100% !important; } .woocommerce-checkout-review-order-table dd.variation-OrderSummary{ width:100% !important; display:block !important; } .variation-OrderSummary .pankaj-premium-table{ width:100% !important; } /* SUBTOTAL + TOTAL KO TOUCH NAHI KARNA */ .cart-subtotal td, .order-total td{ width:auto !important; text-align:right !important; } .woocommerce .checkout #order_review table .product-total, .woocommerce .checkout #order_review table tfoot td { padding-left: 0px !important; } @media (max-width:768px){ tr.woocommerce-cart-form__cart-item.cart_item .pankaj-premium-table .premium-row { width: 125%!important; } .shop_table .quantity input.qty, .woocommerce .woocommerce-mini-cart-item .quantity input.qty { margin-bottom: 7px; } } .woocommerce table.shop_table.woocommerce-cart-form__contents th { padding: 0 0 0px 0 !IMPORTANT; display: none; } @media (max-width:768px){ .pankaj-premium-table .premium-row{ display:flex !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid #e8e8e8 !important; } } /* ========================================= CART TOTALS SHIPPING DESIGN ========================================= */ .woocommerce-shipping-totals td{ text-align:center !important; padding:20px 0 !important; } /* Shipping method row */ .woocommerce-shipping-totals ul#shipping_method{ list-style:none !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals ul#shipping_method li{ width:100% !important; margin:0 !important; padding:0 !important; } /* Shipping label */ .woocommerce-shipping-totals label{ display:block !important; width:100% !important; font-size:15px !important; font-weight:600 !important; margin-bottom:15px !important; line-height:1.5 !important; position:relative !important; } /* Pickup Address */ .woocommerce-shipping-totals .pickup-address{ display:block !important; margin-top:5px !important; margin-left:-19px !important; color:#666 !important; font-size:14px !important; padding-right:60px !important; } /* Free */ .woocommerce-shipping-totals label span[style*="float:right"]{ position:absolute !important; top:0 !important; right:0 !important; float:none !important; color:#69C240 !important; font-weight:600 !important; } @media (max-width: 767px){ /* Amount ko normal position par lao */ .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount{ display:inline !important; transform:none !important; } /* TD padding reset */ .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; padding-right:18px !important; /* 15-25px adjust kar sakte ho */ } /* Pickup address */ .woocommerce-shipping-totals .pickup-address{ margin-left:0 !important; padding-right:0 !important; } /* Free text */ #shipping_method li label span[style*="float:right"]{ position:static !important; float:right !important; } } .woocommerce-shipping-totals label br{ display:none !important; } .woocommerce-shipping-totals label .woocommerce-Price-amount{ font-size:18px !important; font-weight:700 !important; color:#000 !important; } /* Shipping text */ .woocommerce-shipping-destination{ text-align:center !important; font-size:16px !important; line-height:1.6 !important; margin:10px 0 15px !important; color:#222 !important; font-style:normal !important; } .woocommerce-shipping-destination strong{ font-weight:600 !important; } /* Change address */ .shipping-calculator-button{ display:block !important; text-align:center !important; margin-top:12px !important; font-size:16px !important; font-weight:500 !important; text-decoration:none !important; color:#000 !important; } .shipping-calculator-button:hover{ color:#1D3822 !important; } /* Truck icon spacing */ .shipping-calculator-button:before{ margin-right:8px !important; } /* Mobile */ @media(max-width:768px){ .woocommerce-shipping-totals label{ font-size:12px !important; } .woocommerce-shipping-totals label .woocommerce-Price-amount{ font-size:13px !important; } .woocommerce-shipping-destination{ font-size:15px !important; } } /* Mobile */ @media(max-width:768px){ .woocommerce ul#shipping_method li .amount { margin-right: 0px; } } .breadcrumb-title-wrapper .breadcrumb-title { gap: 10px !important; } @media (max-width:768px){ body.woocommerce div.product div.summary { padding-left: 0; padding-right: 0; margin-top: 0px !important; padding: 20px !important; } .woocommerce div.product div.summary { padding-left: 0px !important; margin: 0; gap: 10px; width: auto; box-shadow: none; margin-left: 0px !important; border-radius: 25px; padding: 30px; } .pankaj-logo-box .print-card { display: flex; align-items: center; gap: 18px; background: #fff; padding: 5px !important; border-radius: 22px; margin-bottom: 18px; cursor: pointer; transition: 0.3s; } .pankaj-logo-box .print-card strong { font-size: 15px !important; } } /* ========================================= SINGLE PRODUCT STOCK BELOW PRICE ========================================= */ .single-product .summary .price{ display:flex !important; align-items:center; gap:8px; flex-wrap:wrap; } .single-product .summary .price .single-stock-qty{ flex:0 0 100%; width:100%; display:flex !important; align-items:center; gap:20px; margin-top:10px; clear:both; } .single-product .summary .price .stock-status{ display:inline-block; font-size:16px; font-weight:500; color:#111; } .single-product .summary .price .stock-count{ display:inline-block; font-size:16px; font-weight:600; color:#111; } @media (max-width:768px){ .single-product .summary .price .single-stock-qty{ gap:12px; margin-top:8px; } .single-product .summary .price .stock-status, .single-product .summary .price .stock-count{ font-size:14px; } } /* Single Product Price Bigger */ .single-product .summary .price{ font-size:24px !important; font-weight:700 !important; } .single-product .summary .price .woocommerce-Price-amount.amount bdi{ font-size:20px !important; font-weight:800 !important; } .single-product .summary .price del .woocommerce-Price-amount.amount bdi{ font-size:16px !important; font-weight:600 !important; color:#999 !important; } .single-product .summary .price .inc-gst-text{ font-size:11px !important; font-weight:600 !important; } .woocommerce div.product .summary > .price, div.product .summary > .ts-variation-price { overflow: visible !important; } .single-product .summary .price del{ display:inline-flex !important; align-items:center !important; } .single-product .summary .price del .woocommerce-Price-amount{ display:flex !important; align-items:center !important; height:100% !important; } .single-product .summary .price del .woocommerce-Price-amount bdi{ display:flex !important; align-items:center !important; line-height:1 !important; } .single-product-buttons{ order:-1 !important; margin-bottom:20px !important; } .single-product form.cart .single_add_to_cart_button{ width: 350px !important; flex: 0 0 350px !important; } @media (max-width: 767px){ .single-product form.cart .single_add_to_cart_button{ width: 100% !important; flex: 1 1 auto !important; } } .single-product .woocommerce-product-gallery__image img{ max-width: 60% !important; margin: 0 auto !important; display: block !important; } .top-banner h3, h4, h5, h6 { margin: 0 0 0px 0 !IMPORTANT; } /* Brevo Newsletter Form */ #sib_signup_form_2{ width:100%; } #sib_signup_form_2 .sib_signup_box_inside_2{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:10px !important; flex-wrap:nowrap !important; } #sib_signup_form_2 p{ margin:0 !important; padding:0 !important; } #sib_signup_form_2 input[type="email"]{ width:320px !important; min-width:320px !important; height:50px !important; border:1px solid #d8d8d8 !important; border-radius:4px !important; padding:0 15px !important; font-size:15px !important; box-sizing:border-box !important; } #sib_signup_form_2 .sib-default-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; height:50px !important; min-width:130px !important; padding:0 25px !important; background:#69C240 !important; color:#fff !important; border:none !important; border-radius:4px !important; font-size:16px !important; font-weight:600 !important; cursor:pointer !important; white-space:nowrap !important; } #sib_signup_form_2 .sib-default-btn:hover{ background:#5aae38 !important; } @media(max-width:767px){ #sib_signup_form_2 .sib_signup_box_inside_2{ flex-direction:column !important; align-items:stretch !important; } #sib_signup_form_2 input[type="email"]{ width:100% !important; min-width:100% !important; } #sib_signup_form_2 .sib-default-btn{ width:100% !important; } } #sib_signup_form_2 input[type="email"]{ width:350px !important; height:54px !important; border-radius:6px !important; } #sib_signup_form_2 .sib-default-btn { height: 54px !important; min-width: 140px !important; border-radius: 6px !important; background: #69C240 !important; font-weight: 600 !important; margin-bottom: 12px; } #sib_signup_form_2 .sib_signup_box_inside_2{ gap:5px !important; } .pankaj-pricing-table { background: #edf7e8; padding: 10px; border-radius: 25px; margin-bottom: 0px; } .pankaj-pricing-table table{ background: #edf7e8; } .pankaj-pricing-table td{ background: #edf7e8; } .pankaj-pricing-table table { margin-bottom: 0px !IMPORTANT; } .woocommerce div.product .images .product-label > span.onsale, .woocommerce div.product .images .product-label > span { display: none !IMPORTANT; } .shipping-days{ display:block; font-size:12px; color:#666; margin-top:2px; margin-left:22px; line-height:1.4; } .shipping-days, .pickup-address { display: block; font-size: 12px; color: #666; line-height: 1.4; padding-left: 22px; margin-top: 2px; margin-left: -20px; } .pickup-address{ max-width:220px; } /* ========================================= LOCAL PICKUP ADDRESS + FREE ALIGNMENT ========================================= */ #shipping_method li label{ position: relative; display: block; padding-right: 80px; } /* Address Below Local Pickup */ #shipping_method li label .pickup-address{ display: block; margin-top: 4px; max-width: 1250px; font-size: 12px; line-height: 1.4; color: #666; } /* FREE Right Side */ #shipping_method li label span[style*="float:right"] { position: absolute !important; top: 0 !important; float: none !important; color: #69C240 !important; font-size: 15px; font-weight: 600; line-height: 1; } /* Mobile */ @media (max-width: 767px){ #shipping_method li label{ padding-right: 60px; } #shipping_method li label span[style*="float:right"]{ right: 0 !important; font-size: 16px; } } /* Product Gallery Thumbnails */ .woocommerce-product-gallery .flex-control-thumbs { width: 120px !important; } .woocommerce-product-gallery .flex-control-thumbs li { width: 110px !important; height: 145px !important; margin-bottom: 12px !important; } .woocommerce-product-gallery .flex-control-thumbs li img { width: 110px !important; height: 145px !important; object-fit: cover; } /* Mobile Fix */ @media(max-width: 768px){ .woocommerce-product-gallery .flex-control-thumbs { width: auto !important; } .woocommerce-product-gallery .flex-control-thumbs li { width: 75px !important; height: 95px !important; } .woocommerce-product-gallery .flex-control-thumbs li img { width: 75px !important; height: 95px !important; } .single-product .woocommerce-product-gallery__image img { max-width: 85%!important; margin: 0 auto!important; display: block!important; } } .grecaptcha-badge { visibility: hidden !important; } /* Selected Variation Button */ /* Hide Colour */ .variations tr:has(#pa_colour){ display:none !important; } /* Hide Width */ .variations tr:has(#width){ display:none !important; } /* Hide Height */ .variations tr:has(#height){ display:none !important; } /* Hide Size */ .variations tr:has(#pa_size){ display:none !important; } .woocommerce div.product form.cart .variations th.label { margin-top: -23px !important; } h1.product_title.entry-title { font-size: 23px!important; color: #000; line-height: 1.2 !important; } .single-product .summary p.price.hidden { display: none !important; } .ts-product-attribute > div a { border-radius: 20px; color: #000; background: #fff !important; font-size: 17px; } .pankaj-pricing-table { margin-top: 0px !important; } .single-product .summary .price .stock-status { font-size: 14px !IMPORTANT; } .single-product .summary .price .stock-count { font-size: 14px !IMPORTANT; } .ts-product-attribute>div:not(.color):hover a, .ts-product-attribute>div:not(.color).selected a { border-color: var(--loobek-text-bold-color); color: #fff !important; background: #69C240 !important; } .buy-more-save-more { font-weight: 700; padding: 12px !IMPORTANT; text-align: left !important; color: #69C240!important; } .pankaj-pricing-table table tbody tr:first-child td { padding-top: 0px!important; padding-bottom: 4px!important; vertical-align: middle!important; } /* ========================================= SHIPPING METHOD SELECTED / UNSELECTED ========================================= */ #shipping_method label{ color:#000 !important; font-weight:600; } #shipping_method input[type="radio"]:checked + label{ color:#69C240 !important; } /* ========================================= PAYMENT METHOD SELECTED / UNSELECTED ========================================= */ .wc_payment_methods label{ color:#000 !important; font-weight:600; } .wc_payment_methods input[type="radio"]:checked + label { color: #69C240 !important; font-size: 16px; } /* ACTIVE COLUMN */ .active-tier{ background:#6BC53F !important; color:#fff !important; } .active-tier strong, .active-tier small, .active-tier span{ color:#fff !important; } .woocommerce-privacy-policy-text{ display: none !important; } /* Billing Phone */ #billing_phone_field .woocommerce-input-wrapper{ position:relative; display:block; } #billing_phone_field .woocommerce-input-wrapper::before{ content:"+61"; position:absolute; left:1px; top:1px; bottom:1px; width:70px; background:#fff; border-right:1px solid #d9d9d9; border-radius:8px 0 0 8px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#222; z-index:2; } #billing_phone{ padding-left:90px !important; } #shipping_phone_field .woocommerce-input-wrapper{ position:relative; display:block; } #shipping_phone_field .woocommerce-input-wrapper::before{ content:"+61"; position:absolute; left:1px; top:1px; bottom:1px; width:70px; background:#fff; border-right:1px solid #d9d9d9; border-radius:8px 0 0 8px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#222; z-index:2; } #shipping_phone{ padding-left:90px !important; } /* Billing + Shipping + Order Notes */ .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields{ max-width:900px; margin:0 auto; } textarea, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea, .woocommerce form .form-row textarea.input-text { height: 80px !IMPORTANT; line-height: 30px; } .checkout-product-wrap{ display:flex; gap:15px; align-items:flex-start; } .checkout-product-image img{ width:130px; height:130px; object-fit:cover; border-radius:8px; border:1px solid #eee; } .checkout-product-name{ flex:1; } .checkout-product-wrap{ display:flex; flex-direction:column; } .checkout-product-name{ margin-bottom:10px; font-weight:600; } .checkout-product-image img{ width:80px; height:80px; object-fit:cover; border-radius:8px; border:1px solid #eee; } .checkout-product-wrap{ display:flex; align-items:flex-start; gap:20px; width:100%; } .checkout-product-image{ width:110px; min-width:110px; } .checkout-product-image img{ width:110px; height:110px; object-fit:cover; border:1px solid #eee; border-radius:10px; } .checkout-product-content{ flex:1; } .checkout-product-content a{ display:block; font-size:28px; font-weight:700; line-height:1.4; color:#111; text-decoration:none; } /* ========================================= CHECKOUT PRODUCT LAYOUT ========================================= */ .pankaj-premium-table .premium-row{ display:flex; align-items:flex-start; gap:1px; padding:18px 0; border-bottom:1px solid #ececec; } .premium-image{ width:95px; min-width:95px; } .premium-image img{ width:95px; height:95px; object-fit:cover; border:1px solid #e5e5e5; border-radius:10px; display:block; } .premium-content{ flex:1; } .premium-title{ font-size:15px; font-weight:500; color:#111; margin-bottom:10px; } .premium-price{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .premium-price del{ color:#999; font-size:15px; } .premium-price ins{ text-decoration:none; color:#68BD45; font-size:18px; font-weight:700; } .premium-qty{ min-width:70px; text-align:left; font-size:15px; font-weight:600; color:#333; } @media(max-width:767px){ .premium-image{ width:70px; min-width:70px; } .premium-image img{ width:70px; height:70px; } .premium-title{ font-size:13px; } .premium-price ins{ font-size:16px; } .premium-qty{ font-size:14px; min-width:55px; } } .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; } .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .inc-gst-text{ display:inline-block !important; transform:translateX(-75px) !important; } .woocommerce #order_review .inc-gst-text{ margin-left: 4px !important; font-size: 12px; display: inline-block; } /* Click & Collect address ko niche lao */ .woocommerce-shipping-methods li label .pickup-address{ display: block !important; margin-top: 6px; margin-left: 24px; /* radio button ke baad align hoga */ color: #666; line-height: 1.5; } /* ========================================= MOBILE CHECKOUT FIX ========================================= */ @media (max-width:767px){ /* Order review width */ .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; overflow:hidden !important; } /* Subtotal / Total amount */ .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; padding-right:0 !important; } /* Amount */ .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount{ display:inline-block !important; transform:translateX(-4px) !important; } /* GST */ .woocommerce #order_review tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce #order_review tfoot tr.order-total td .inc-gst-text{ display:block !important; text-align:right !important; margin-top:-5px !important; transform:translateX(-5px) !important; } /* Shipping */ .woocommerce-shipping-totals td{ padding:15px 0 !important; } #shipping_method li{ width:100% !important; } #shipping_method li label{ display:block !important; width:100% !important; position:relative !important; padding-right:10px !important; line-height:1.5 !important; } /* Pickup address */ #shipping_method .pickup-address{ display:block !important; margin-top:8px !important; margin-left:-22px !important; padding-right:0 !important; color:#666 !important; font-size:14px !important; } /* FREE */ #shipping_method li label span[style*="float:right"]{ position:absolute !important; top:0 !important; right:0 !important; float:none !important; color:#69C240 !important; font-weight:600 !important; } /* Currency box */ .wc-stripe-local-payment-box{ width:100% !important; overflow:hidden !important; } /* Card fields */ .wc-stripe-elements-field, .StripeElement{ width:100% !important; } } /* Click & Collect Free */ /* Shipping + Click & Collect Free Alignment */ #shipping_method li:first-child label > span > span:last-child, #shipping_method li:last-child label span[style*="float:right"]{ position: absolute !important; right: 0px !important; left: auto !important; transform: none !important; float: none !important; } #calc_shipping_country_field, #calc_shipping_state_field, #calc_shipping_city_field{ display:none !important; } /* Hide thumbnail only on Cart page */ body.woocommerce-cart td.product-thumbnail, body.woocommerce-cart th.product-thumbnail{ display: none !important; } /* Hide Qty text only on Cart page */ body.woocommerce-cart .premium-qty{ display: none !important; } .woocommerce-checkout .col2-set{ width:55% !important; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{ width:43% !important; max-width:43% !important; } .premium-right{ margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; min-width:190px; padding-right:10px; } .premium-right .premium-qty{ margin-bottom:12px; text-align:right; } .premium-right .premium-price{ text-align:right; } .premium-right .premium-price del, .premium-right .premium-price ins, .premium-right .premium-price small{ display:block; } .print-title{ display:block; color:#69C240; font-weight:600; } .print-pcs{ display:block; margin-top:4px; color:#888; font-size:14px; } .premium-row .right{ margin-left:auto; text-align:right; white-space:nowrap; } .premium-row .right .inc-gst-text{ display:block; } .woocommerce-checkout .pankaj-premium-table .premium-right{ margin-left: auto !important; /* min-width: 300px !important;*/ display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; padding-right: 0 !important; } @media (max-width:1024px){ .woocommerce .col2-set{ display:block !important; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{ width:100% !important; max-width:100% !important; float:none !important; margin:0 0 25px !important; } .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; float:none !important; margin-top:25px !important; } } /* ===== Mobile Checkout Full Width Fix ===== */ @media (max-width: 767px){ .woocommerce-checkout #customer_details, .woocommerce-checkout .col2-set{ display:block !important; width:100% !important; max-width:100% !important; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2, .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; float:none !important; margin:0 0 25px 0 !important; padding:0 !important; clear:both !important; } .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .shipping_address, .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; } .woocommerce-checkout form.checkout{ width:100% !important; } } @media (max-width:767px){ .woocommerce-checkout .pankaj-premium-table .premium-right{ min-width:auto !important; width:auto !important; margin-left:auto !important; display:flex !important; justify-content:flex-end !important; align-items:flex-start !important; flex:0 0 auto !important; } .woocommerce-checkout .pankaj-premium-table .premium-price{ width:auto !important; white-space:nowrap !important; text-align:right !important; transform:none !important; } .woocommerce-checkout .pankaj-premium-table .right.green{ transform:none !important; text-align:right !important; } } @media (max-width: 767px){ /* Fix Subtotal & Total */ .woocommerce-checkout-review-order-table tfoot td{ text-align: right !important; padding-right: 20px !important; overflow: visible !important; } .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot td strong{ display: inline-block !important; transform: translateX(-20px) !important; } .woocommerce-checkout-review-order-table tfoot td .inc-gst-text{ display: block !important; transform: translateX(-20px) !important; } } @media (max-width: 767px){ /* Subtotal & Total Right Alignment */ .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td, .woocommerce-checkout-review-order-table tfoot tr.order-total td{ text-align: right !important; padding-right: 16px !important; } .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount{ display: inline-block !important; transform: translateX(-16px) !important; } .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce-checkout-review-order-table tfoot tr.order-total td .inc-gst-text{ display: block !important; transform: translateX(-16px) !important; } } @media (max-width:767px){ .woocommerce-checkout-review-order-table tfoot tr td{ width: 1% !important; white-space: nowrap !important; padding-right: 15px !important; overflow: visible !important; } .woocommerce-checkout-review-order-table tfoot tr td strong, .woocommerce-checkout-review-order-table tfoot tr td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot tr td .inc-gst-text{ transform: none !important; margin: 0 !important; right: auto !important; left: auto !important; position: static !important; } } @media (max-width:767px){ /* Subtotal & Total row */ .woocommerce-checkout-review-order-table tfoot tr{ display:table !important; width:100% !important; } .woocommerce-checkout-review-order-table tfoot th{ width:40% !important; text-align:left !important; } .woocommerce-checkout-review-order-table tfoot td{ width:60% !important; text-align:right !important; padding-right:0px !important; box-sizing:border-box !important; overflow:visible !important; } .woocommerce-checkout-review-order-table tfoot td strong, .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount{ display:inline-block !important; position:static !important; transform:none !important; margin:0 !important; } .woocommerce-checkout-review-order-table tfoot td .inc-gst-text{ display:block !important; margin-top:2px !important; text-align:right !important; } } .efp-shipping-note td{ width: 100%; white-space: nowrap; } div#group-icon-header { top: 140px !important; } /* Cart Total Heading */ .cart_totals h2{ text-align: center !important; display: block; width: 100%; font-size: 40px; font-weight: 700; margin: 0 0 25px; } .woocommerce-cart .woocommerce{ display: flex; align-items: flex-start; gap: 15px; } .woocommerce-cart-form{ flex: 1; } .cart-collaterals{ width: 420px; margin: 0 !important; } body.page-id-52 tr.woocommerce-shipping-totals.shipping{ display: none !important; } @media (max-width:767px){ .woocommerce-checkout-review-order-table{ table-layout:auto !important; } .woocommerce-checkout-review-order-table td{ overflow:visible !important; } .woocommerce-checkout #order_review{ overflow:visible !important; } .pankaj-premium-table .premium-right{ min-width:auto !important; width:auto !important; flex:0 0 auto !important; } .pankaj-premium-table .premium-row .woocommerce-Price-amount { display: inline-block !important; font-size: 12px !important; font-weight: 500 !important; color: #111 !important; } .pankaj-premium-table .premium-row .inc-gst-text { display: inline-block !important; margin-left: 3px !important; white-space: nowrap !important; font-size: 8px !important; } .page-id-52 .pankaj-premium-table .premium-row .woocommerce-Price-amount { display: inline-block !important; font-size: 15px !important; font-weight: 500 !important; color: #111 !important; } .page-id-52 .pankaj-premium-table .premium-row .inc-gst-text { display: inline-block !important; margin-left: 3px !important; white-space: nowrap !important; font-size: 12px !important; } .page-id-52 span.woocommerce-Price-amount.amount { font-size: 18px !IMPORTANT; } .page-id-52 span.woocommerce-Price-amount.amount { font-size: 15px !IMPORTANT; } .page-id-52 tr.cart-subtotal{ display: none; } } /* Cart Page Only */ .page-id-52 .cart_totals .cart-subtotal{ display: none !important; } .ts-search-result-container:empty{ display:none !important; } body > .ts-search-result-container:empty::before{ display:none !important; content:none !important; } /* Checkout Order Summary GST */ .premium-price{ display:flex; flex-direction:column; align-items:flex-end; gap:0 !important; line-height:1 !important; } .premium-price .woocommerce-Price-amount{ line-height:1 !important; margin-bottom:0 !important; } .premium-price .inc-gst-text{ display:block; width:auto; text-align:right; margin:0 !important; padding:0 !important; line-height:1 !important; font-size:13px; } .premium-row .right .inc-gst-text{ display:block !important; position:relative !important; top:2px !important; } /* ============================ PREMIUM CHECKOUT ALIGNMENT ============================ */ .pankaj-premium-table .premium-row{ display:flex; align-items:flex-start; gap:1px; padding:18px 0; border-bottom:1px solid #ececec; } .pankaj-premium-table .left{ flex:1; min-width:0; } .pankaj-premium-table .right, .pankaj-premium-table .premium-right{ width:135px; flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; } .pankaj-premium-table .woocommerce-Price-amount{ font-size:17px !important; font-weight:600 !important; line-height:1 !important; } .pankaj-premium-table .inc-gst-text{ display:block !important; margin:4px 0 0 !important; font-size:12px !important; color:#777 !important; line-height:1 !important; text-align:right; } .pankaj-premium-table .print-title{ font-size:14px; font-weight:600; color:#68BD45; } .pankaj-premium-table .print-pcs{ display:block; margin-top:4px; font-size:15px; color:#777; } .pankaj-premium-table .premium-title{ font-size:13px; font-weight:500; line-height:1.35; margin-left: 10px; } .pankaj-premium-table .premium-qty{ margin-top:8px; } .pankaj-product-divider{ margin:22px 0; } .premium-row .right{ margin-left:auto !important; text-align:right !important; display:flex !important; flex-direction:column !important; align-items:flex-end !important; width:auto !important; min-width:fit-content !important; flex:none !important; } #main-content.product-has-background .before-loop-wrapper:before, #main-content.product-has-background .term-description:before{ position: static; left:0; top:0; content:""; } .single-stock-qty{ margin-top:10px; } .single-stock-qty .stock-status{ display:inline-flex !important; align-items:center !important; gap:8px !important; color:#23AD50 !important; font-size:16px; font-weight:600; } .single-stock-qty .stock-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:24px; height:24px; min-width:24px; background:#23AD50; color:#fff; border-radius:50%; font-size:14px; font-weight:700; line-height:24px; padding:0; } .single-stock-qty .stock-status span:last-child{ display:flex; align-items:center; line-height:1; } .pankaj-pricing-table { display: none; } /* Hide Buy Now button on single product page */ .single-product .ts-buy-now-button { display: none !important; } .efp-share-buttons{ display:flex; align-items:center; gap:12px; margin-top:25px; } .efp-share-buttons span{ font-weight:600; color:#222; } .efp-share-buttons a{ width:40px; height:40px; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#333; text-decoration:none; transition:.3s; } .efp-share-buttons a:hover{ background:#69C240; color:#fff; border-color:#69C240; } /* Facebook */ .efp-share-buttons a:nth-child(2){ color:#1877F2; } .efp-share-buttons a:nth-child(2):hover{ background:#1877F2; border-color:#1877F2; color:#fff; } /* WhatsApp */ .efp-share-buttons a:nth-child(3){ color:#25D366; } .efp-share-buttons a:nth-child(3):hover{ background:#25D366; border-color:#25D366; color:#fff; } /* X (Twitter) */ .efp-share-buttons a:nth-child(4){ color:#000; } .efp-share-buttons a:nth-child(4):hover{ background:#000; border-color:#000; color:#fff; } /* LinkedIn */ .efp-share-buttons a:nth-child(5){ color:#0A66C2; } .efp-share-buttons a:nth-child(5):hover{ background:#0A66C2; border-color:#0A66C2; color:#fff; } /* Pinterest */ .efp-share-buttons a:nth-child(6){ color:#BD081C; } .efp-share-buttons a:nth-child(6):hover{ background:#BD081C; border-color:#BD081C; color:#fff; } div.wpcf7 input[type^="submit"] { margin-top: 36px; background: #6cc04a; border: none; width: 100%; } /* Hide Apple Pay / Express Checkout on Checkout Page */ .woocommerce > form.checkout { padding-top: 0px !important; } fieldset#wc-stripe-upe-form { padding: 0 !important; margin-top: 10px !important; } .page-id-52 .quantity .number-button { margin-left: 0px !important; margin-top: 0px !important; } /* ===== Mobile Checkout Full Width Fix ===== */ @media (max-width: 767px){ .woocommerce #order_review .inc-gst-text { margin-left: 4px !important; font-size: 8px !important; display: inline-block; } span.woocommerce-Price-amount.amount { font-size: 12px !IMPORTANT; } #shipping_method li:first-child label > span > span:last-child, #shipping_method li:last-child label span[style*="float:right"] { right: 0px !important; font-size: 12px !important; } label[for="payment_method_stripe"]:after { font-size: 12px !important; } } .woocommerce #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th { padding: 10px 0 !important; } #billing_country_field{ display: none !important; } abbr.required { color: #c6213b !important; } /* Billing Phone Required Star */ #billing_phone_field label::after, #shipping_phone_field label::after{ content:" *"; color:#ff0000; font-weight:700; } /* ========================= POPUP ========================= */ #efp-print-popup{ display:none; position:fixed; inset:0; z-index:999999; } .efp-popup-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.65); } .efp-popup-box{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:96vw; max-width:1500px; height:92vh; max-height:92vh; overflow-y:auto; background:#fff; border-radius:18px; padding:35px; box-shadow:0 25px 60px rgba(0,0,0,.25); } .efp-popup-close{ position:absolute; top:20px; right:20px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:none; border-radius:50%; background:#fff; color:#69BE45; font-size:30px; font-weight:300; line-height:1; cursor:pointer; transition:all .25s ease; z-index:9999; } .efp-popup-close:focus{ outline:none; } .efp-popup-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:25px; } .efp-popup-card{ display:block; border:2px solid #e6e6e6; border-radius:16px; padding:18px; cursor:pointer; transition:.25s; text-align:center; } .efp-popup-card img{ width:100%; border-radius:10px; } .efp-popup-card input{ display:none; } .efp-popup-card h4{ margin:15px 0 5px; } .efp-popup-card span{ color:#69BE45; font-weight:700; } .efp-popup-card:hover{ border-color:#69BE45; } .efp-popup-card.active{ border-color:#69BE45; box-shadow:0 0 0 4px rgba(105,190,69,.15); } .efp-popup-next{ margin-top:30px; float:right; padding:14px 40px; } .efp-popup-next:disabled{ opacity:.5; cursor:not-allowed; } .efp-popup-card.active{ border:2px solid #69BE45; box-shadow:0 0 0 4px rgba(105,190,69,.15); } /*========================== PREMIUM TOGGLE ==========================*/ .efp-toggle-wrap{ display:flex; align-items:center; gap:14px; cursor:pointer; user-select:none; font-size:20px; font-weight:600; color:#222; } .efp-toggle-wrap input{ display:none; } /* Toggle */ .efp-toggle-slider{ position:relative; width:64px; height:34px; background:#d7d7d7; border-radius:100px; transition:.35s; flex-shrink:0; box-shadow:inset 0 2px 5px rgba(0,0,0,.12); } .efp-toggle-slider:before{ content:""; position:absolute; left:4px; top:4px; width:26px; height:26px; border-radius:50%; background:#fff; transition:.35s; box-shadow:0 4px 12px rgba(0,0,0,.18); } /* ON */ .efp-toggle-wrap input:checked + .efp-toggle-slider{ background:#69BE45; } .efp-toggle-wrap input:checked + .efp-toggle-slider:before{ transform:translateX(30px); } /* Hover */ .efp-toggle-wrap:hover .efp-toggle-slider{ box-shadow: inset 0 2px 5px rgba(0,0,0,.12), 0 0 0 6px rgba(105,190,69,.10); } /* Text */ .efp-toggle-text { font-size: 16px; font-weight: 600; color: #222; } #efp-upload-success{ display:none; margin-top:15px; padding:12px 16px; background:#ecf9ef; border:1px solid #69BE45; border-radius:8px; color:#2d7d32; font-size:15px; font-weight:600; } .efp-popup-help{ margin-top:20px; display:flex; align-items:center; gap:10px; font-size:15px; color:#555; } .efp-popup-help i{ color:#69BE45; font-size:20px; } .efp-popup-help a{ color:#69BE45; text-decoration:none; font-weight:700; } .efp-popup-help a:hover{ text-decoration:underline; } /* Popup Checkbox */ .efp-popup-card{ position:relative; } .efp-popup-card input.popup_print_type{ display:block !important; position:absolute; top:15px; left:15px; width:20px; height:20px; opacity:1 !important; visibility:visible !important; accent-color:#69C240; z-index:999; cursor:pointer; } /*========================================= POPUP STEP HEADING =========================================*/ .efp-popup-box h2{ font-size:16px; font-weight:600; color:#222; margin:0 0 12px; } .efp-popup-box p{ margin:0 0 20px; color:#666; font-size:15px; } /*========================================= UPLOAD BOX =========================================*/ .efp-upload-box{ margin-bottom:25px; } .efp-upload-box label{ display:block; font-size:16px; font-weight:600; color:#222; margin-bottom:10px; } .efp-upload-box input[type=file]{ width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; background:#fff; } .efp-upload-box small{ display:block; margin-top:10px; color:#666; font-size:13px; } /*========================================= UPLOAD SUCCESS =========================================*/ #efp-upload-success{ display:none; margin-top:15px; padding:12px 15px; background:#ECF8EE; border:1px solid #69BE45; border-radius:8px; color:#2F7D32; font-size:15px; font-weight:600; } /*========================================= DIVIDER =========================================*/ .efp-popup-divider{ margin:2px 0; border:0; border-top:1px solid #ececec; } .efp-print-colours{ display:flex; gap:20px; align-items:center; margin:18px 0 30px; flex-wrap:wrap; } .efp-colour-card{ display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:600; font-size:15px; } .efp-colour-card input{ margin:0; } .colour-dot{ width:22px; height:22px; border-radius:50%; display:inline-block; } .efp-popup-help{ display:flex; align-items:center; gap:12px; margin-top:25px; font-size:20px; font-weight:600; color:#333; } .efp-popup-help i{ font-size:28px; color:#69BE45; } .efp-popup-help a{ color:#333; text-decoration:none; font-weight:700; } .efp-popup-help a:hover{ color:#69BE45; } .efp-popup-help a{ color:#69BE45 !important; font-weight:700; text-decoration:none; } .efp-popup-help a:hover{ color:#5aa93a !important; text-decoration:underline; } /*============================= STEP 2 COLOUR =============================*/ .efp-colour-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin:25px 0 40px; } .efp-colour-option{ display:block; cursor:pointer; } .efp-colour-option input{ display:none; } .efp-colour-box{ display:flex; align-items:center; justify-content:space-between; padding:22px 28px; border:2px solid #e5e5e5; border-radius:16px; transition:.25s; background:#fff; } .efp-colour-option:hover .efp-colour-box{ border-color:#69BE45; } .efp-colour-circle{ width:34px; height:34px; border-radius:50%; margin-right:18px; flex-shrink:0; } .efp-colour-circle.kraft{ background:#c79b63; } .efp-colour-circle.white{ background:#fff; border:2px solid #ddd; } .efp-colour-name{ flex:1; font-size:26px; font-weight:700; color:#222; } .efp-check{ width:42px; height:42px; border-radius:50%; background:#69BE45; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; opacity:0; transition:.25s; } .efp-colour-option input:checked + .efp-colour-box{ border-color:#69BE45; background:#f6fff2; box-shadow:0 0 0 4px rgba(105,190,69,.12); } .efp-colour-option input:checked + .efp-colour-box .efp-check{ opacity:1; } .efp-popup-help a{ color:#333; text-decoration:none; font-weight:700; } .efp-popup-help a:hover{ color:#69BE45; } .efp-popup-help a{ color:#69BE45 !important; font-weight:700; text-decoration:none; } .efp-popup-help a:hover{ color:#5aa93a !important; text-decoration:underline; } .shopping-cart-wrapper .ic-cart:before, .ts-tiny-account-wrapper .account-link>a:before, .my-wishlist-wrapper a:before, .search-button>span:before { color: #1D3822 !important; } .pankaj-cat-item{ min-width:170px; text-align:center; text-decoration:none; flex-shrink:0; } .pankaj-cat-item img{ width:170px; height:170px; object-fit:cover; border-radius:25px; border:1px solid #ddd; transition:.3s; } .pankaj-cat-item h4{ margin-top:12px; font-size:18px; font-weight:100; color:#000; } .pankaj-cat-item:hover img{ transform:scale(1.05); } .woocommerce-products-header + .content-container, .products-loop{ margin-top:180px; } /* CATEGORY PAGE TITLE CENTER */ .breadcrumb-title-wrapper .breadcrumb-content.container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .breadcrumb-title { text-align: center; width: 100%; margin: 0 auto; } .breadcrumb { justify-content: center; } .product-wrapper .meta-wrapper { text-align: center; display: flex; flex-direction: column; align-items: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: } .product-wrapper .heading-title.product-name a { display: block; text-align: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: 22px; font-weight: 700; line-height: 1.4; margin-top: 12px; } .product-wrapper .heading-title.product-name a { display: block; text-align: center; font-size: 18px; font-weight: 700; color: #000; } .product-wrapper .price { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; text-align: center; margin-top: 10px; } /* Sale Price */ .product-wrapper .price .woocommerce-Price-amount.amount bdi { color: #22c55e !important; font-size: 20px; font-weight: 700; } /* Old Price */ .product-wrapper .price del .woocommerce-Price-amount.amount bdi { color: #999 !important; font-size: 18px; font-weight: 500; } .custom-color-swatch{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin:12px 0; } .custom-color-swatch span{ width:38px; height:38px; border-radius:50%; display:block; border:2px solid #e5e5e5; box-shadow:0 2px 8px rgba(0,0,0,0.08); } .custom-color-swatch p{ margin-top:8px; font-size:14px; font-weight:600; color:#444; text-transform:capitalize; } /* ========================================= SINGLE PRODUCT ICONS SECTION ========================================= */ .custom-product-icons{ /* 3 column layout */ display:grid; /* 3 equal columns */ grid-template-columns:repeat(3,1fr); /* Row gap + column gap */ gap:14px 15px; /* Top + bottom spacing */ margin:10px 0 0px; } /* SINGLE ICON ITEM */ .custom-product-icons .icon-item{ /* Icon + text side by side */ display:flex; /* Vertical center align */ align-items:center; /* Space between icon and text */ gap:14px; } /* ICON IMAGE */ .custom-product-icons .icon-item img{ /* Fixed width */ width:35px; /* Fixed height */ height:35px; /* Keep image ratio proper */ object-fit:contain; /* Prevent image shrinking */ flex-shrink:0; } /* ICON TEXT */ .custom-product-icons .icon-item span{ /* Text size */ font-size:13px; /* Text spacing */ line-height:1.4; /* Text color */ color:#1d1d1d; /* Medium font weight */ font-weight:500; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media(max-width:767px){ .custom-product-icons{ /* 2 column layout on mobile */ grid-template-columns:repeat(2,1fr); /* Smaller spacing */ gap:20px; } .custom-product-icons .icon-item span{ /* Smaller text on mobile */ font-size:14px; } .custom-product-icons .icon-item img{ /* Smaller icons on mobile */ width:29px; height:29px; } } .summary .detail-meta-top { margin-bottom: 5px !IMPORTANT;} /* ========================================= PREMIUM QUANTITY PRICING TABLE ========================================= */ .pankaj-pricing-table{ margin-top:-12px; } /* HEADING */ .pankaj-pricing-table h3 { font-size: 12px; line-height: 1.1; margin-bottom: 10px; color: #69C240; font-weight: 600; letter-spacing: -.5px; } /* TABLE */ .pankaj-pricing-table table{ width:100%; border:1px solid #dddddd; border-radius:20px; overflow:hidden; background:#ddd; box-shadow:0 4px 18px rgba(0,0,0,0.03); } /* TD */ .pankaj-pricing-table td { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 6px 6px; text-align: center; vertical-align: middle; background: #fff; font-size: 12px; color: #111; min-width: 100px; } /* FIRST ROW FIX */ .pankaj-pricing-table table tbody tr:first-child td{ padding-top:12px !important; padding-bottom:12px !important; vertical-align:middle !important; } /* REMOVE LAST BORDER */ .pankaj-pricing-table tr td:last-child{ border-right:none; } .pankaj-pricing-table tr:last-child td{ border-bottom:none; } /* LEFT COLUMN */ .pankaj-pricing-table .heading-col{ width:180px; min-width:180px; text-align:left !important; background:#fafafa; font-size:12px; font-weight:600; padding-left:18px !important; color:#333; } /* GREEN */ .pankaj-pricing-table .green{ background:#69c240; box-shadow:0 4px 10px rgba(105,194,64,0.18); } /* GRAY */ .pankaj-pricing-table .gray{ background:#69C240; color:#fff; } /* PRICE */ .pankaj-pricing-table strong{ display:block; font-size:12px; line-height:1.1; font-weight:600; color:#111; } /* SMALL TEXT */ .pankaj-pricing-table small { display: block; margin-top: 5px; font-size: 10px; color: #8a8a8a; line-height: 1.3; margin-bottom: 20px; } /* HOVER */ .pankaj-pricing-table td:hover{ background:#fcfcfc; transition:0.2s ease; } .pankaj-pricing-table .price-row td{ box-shadow: inset -1px 0 0 #e5e5e5; } .pankaj-pricing-table .price-row td:last-child{ box-shadow:none; } /* ========================================= PANKAJ LOGO PRINTING ========================================= */ .pankaj-logo-box{ width:100%; margin:-12px 0; } /* TOGGLE AREA */ .pankaj-logo-box .logo-toggle-wrap { display: flex; align-items: center; gap: 14px; cursor: pointer; margin-bottom: 10px; margin-top: 20px !IMPORTANT; } .pankaj-logo-box .logo-toggle-wrap input{ display:none; } /* SWITCH */ .pankaj-logo-box .toggle-slider{ width:62px; height:34px; background:#dcdcdc; border-radius:50px; position:relative; transition:.3s; flex-shrink:0; } .pankaj-logo-box .toggle-slider:before{ content:''; width:26px; height:26px; background:#fff; border-radius:50%; position:absolute; top:4px; left:4px; transition:.3s; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider{ background:#6bc442; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider:before{ left:32px; } /* TEXT */ .pankaj-logo-box .toggle-text{ font-size:15px; font-weight:700; color:#111; } /* HIDDEN AREA */ .pankaj-logo-box .logo-print-area { display: none; background: #edf7e8; padding: 25px; border-radius: 20px; margin-bottom: 20px; } /* FILE BUTTON */ .pankaj-logo-box .upload-box{ margin-bottom:35px; } .pankaj-logo-box .upload-box label { display: inline-block; background: #6bc442; color: #fff; padding: 4px 15px; border-radius: 14px; font-size: 13px; font-weight: 600; cursor: pointer; margin-bottom: 15px; } .pankaj-logo-box .upload-box input[type="file"]{ width:100%; margin-top:10px; } .pankaj-logo-box .upload-box small{ display:block; margin-top:12px; color:#666; font-size:14px; } /* TITLE */ .pankaj-logo-box .print-title{ font-size:34px; font-weight:700; margin-bottom:25px; line-height:1.2; } /* 3 BUTTONS IN ROW */ .pankaj-logo-box .print-options{ display:flex; gap:15px; margin-top:20px; } .print-color-title { font-size: 18px; font-weight: 700; color: #68BD45; margin: 0 0 20px; line-height: 1.2; margin-top: -28px !IMPORTANT; } .woocommerce div.product form.cart{ border-top: 0 !important; padding-top: 0 !important; } .pankaj-logo-box .print-card { flex: 1; margin: 0; padding: 5px; min-height: 70px; display: flex; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid #dfe7d8; border-radius: 18px; cursor: pointer; transition: .3s ease; } .pankaj-logo-box .print-card div{ width:100%; } .pankaj-logo-box .print-card input{ display:none; } .pankaj-logo-box .print-card strong{ display:block; color:#68BD45; font-size:17px; font-weight:700; margin-bottom:8px; } .pankaj-logo-box .print-card p{ margin:0; font-size:13px; color:#111; } /* ACTIVE */ .pankaj-logo-box .print-card.active{ background:#68BD45; border-color:#68BD45; } .pankaj-logo-box .print-card.active strong, .pankaj-logo-box .print-card.active p{ color:#fff; } /* HOVER */ .pankaj-logo-box .print-card:hover{ border-color:#68BD45; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-logo-box .print-title{ font-size:26px; } .pankaj-logo-box .print-options{ flex-direction:column; } .pankaj-logo-box .print-card{ min-height:90px; padding:16px; } .pankaj-logo-box .print-card strong{ font-size:18px; } .pankaj-logo-box .print-card p{ font-size:15px; } } .woocommerce div.product form.cart .variations_button { display: block !IMPORTANT;} div.product .summary .detail-meta-bottom { display: none; } /* DOT ICON */ .pankaj-attribute-list li::before{ content:""; width:8px; height:8px; border-radius:50%; background:#6cc63f; flex-shrink:0; } /* LABEL */ .pankaj-attribute-list li strong{ font-weight:700; color:#111; } /* HOVER */ .pankaj-attribute-list li:hover{ border-color:#6cc63f; background:#f4ffef; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-attribute-list ul{ gap:10px; } .pankaj-attribute-list li{ width:100%; font-size:15px; padding:10px 14px; } } /* .woocommerce div.product form.cart .variations { display:none !important; } */ .woocommerce div.product form.cart .variations { display: table !important; } /* HIDE THEME BADGE */ .ts-discount-percent{ display:none !important; } .yith-wfbt-submit-block .total_price .amount, ins .amount, .woocommerce .products .product ins .amount, .product_list_widget ins .amount, div.product .price ins .amount, .price ins .amount, .yith-wfbt-section ins .amount, .ts-wishlist-table-wrapper ins .amount, .cart ins .amount { color: #69C240; } .woocommerce div.product form.cart { padding-top: 0px !important; } .widget-container { margin: 19px 0 0 0 !important; padding: 15px 0 0 0 !important; border-width: 1px 0 0 0; border-style: solid; clear: both; position: relative; } p, address { margin: 0 0 0px !IMPORTANT; display: block; } .top-cat .woocommerce .products .product a img { box-shadow: none; height: 130px; width: 130px !IMPORTANT; border-radius: 20px; margin: 0 auto; border: 1px solid; } /* Hide only default variation rows */ .variation-Colour, .variation-Length, .variation-Width, .variation-Height, .variation-Quantity, .variation-Size, .variation-Colour + dd, .variation-Length + dd, .variation-Width + dd, .variation-Height + dd, .variation-Quantity + dd, .variation-Size + dd{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dt:not(.variation-OrderSummary), .woocommerce-checkout-review-order-table dl.variation dd:not(.variation-OrderSummary){ display:none !important; } /* Hide top product row */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name > strong.product-quantity, .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name{ font-size:0 !important; line-height:0 !important; } /* Keep premium box visible */ .woocommerce-checkout-review-order-table .variation-OrderSummary + dd{ font-size:initial !important; line-height:initial !important; } /* Hide top subtotal amount */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-total{ display:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item{ border:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item td{ padding:0 !important; border:none !important; } .premium-total .right{ font-size:30px; line-height:1.1; font-weight:800; color:#67c63d; } .woocommerce div.product div.summary { padding-left: 30px; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: auto; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); margin-left: 17px; border-radius: 25px; padding: 30px; } /* Form Css All custom page */ /* ========================= INPUT FIELD ========================= */ .inputfield{ padding:8px 16px !important; min-height:52px !important; font-size:18px !important; border-radius:10px !important; border:2px solid #e8e8e8 !important; box-shadow:none !important; } /* ========================= PRODUCT BUILDER FORM ========================= */ .product-builder-form{ width:100%; padding:10px; background:#fff; border-radius:22px; overflow:hidden; } /* ========================= HEADINGS ========================= */ .product-builder-form h4 { font-size: 15px; font-weight: 500; color: #111; margin-bottom: 14px; line-height: 1.2; letter-spacing: -0.3px; margin-bottom: 10px !important; margin-top: 10px !important; } .custom-class{ margin-bottom:24px; } /* ========================= RADIO WRAP ========================= */ .wpcf7-radio{ display:flex; flex-wrap:wrap; gap:10px; } /* ========================= PILLS ========================= */ .pill .wpcf7-list-item{ margin:0; } .pill label{ margin:0; } .pill input[type="radio"], .pill input[type="checkbox"]{ display:none; } /* ========================= BUTTON STYLE ========================= */ .pill .wpcf7-list-item-label{ display:flex; align-items:center; justify-content:center; text-align:center; width:100px; min-height:35px; padding:10px 16px; background:#fff; border:2px solid #e7e7e7; border-radius:14px; font-size:15px; font-weight:500; line-height:1.2; color:#222; cursor:pointer; transition:all .25s ease; box-shadow:0 2px 8px rgba(0,0,0,0.03); } /* ACTIVE */ .pill input:checked + .wpcf7-list-item-label{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* HOVER */ .pill .wpcf7-list-item-label:hover{ border-color:#6cc04a; } /* CAPS */ input[name="Caps"] + .wpcf7-list-item-label{ width:170px; } /* SIZE */ input[name="size"] + .wpcf7-list-item-label{ width:140px; min-height:50px; } /* QUANTITY */ input[name="quantity"] + .wpcf7-list-item-label{ width:58px; min-height:38px; font-size:14px; border-radius:12px; } /* ========================= INPUTS ========================= */ .inputfield, .form-control{ width:100%; background:#fff; outline:none; transition:.25s ease; } .inputfield:focus, .form-control:focus{ border-color:#6cc04a !important; } /* TEXTAREA */ textarea.inputfield{ min-height:100px !important; resize:none; padding-top:14px !important; } /* PLACEHOLDER */ ::placeholder{ color:#888; opacity:1; } /* ========================= DESIGN BOX ========================= */ .Custom-designer{ background:#fff; border:2px solid #ececec; border-radius:22px; padding:20px 18px; margin:22px 0; } /* ========================= CHECKBOX BUTTONS ========================= */ input[type="checkbox"] + .wpcf7-list-item-label{ width:auto !important; min-width:180px !important; min-height:46px !important; padding:10px 18px !important; border-radius:14px !important; font-size:15px !important; white-space:nowrap; } /* ========================= NOTES ========================= */ .upload-note{ font-size:13px; color:#666; margin-top:12px; margin-bottom:10px; line-height:1.4; } .note{ font-size:12px; color:#777; margin-top:10px; line-height:1.4; } .design-gst{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; } /* ========================= FILE INPUT ========================= */ .file-btn{ width:100%; border:2px solid #ececec; border-radius:14px; padding:10px; background:#fff; } .file-btn::file-selector-button{ background:#6cc04a; color:#fff; border:none; border-radius:10px; padding:10px 16px; margin-right:14px; cursor:pointer; font-weight:500; font-size:14px; } /* ========================= DESIGNER BUTTON ========================= */ .adesigner-btn{ margin-top:16px; width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; text-align:center; border:2px solid #e5e5e5; border-radius:14px; font-size:15px; font-weight:500; color:#111; cursor:pointer; transition:.25s ease; } .adesigner-btn:hover{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* ========================= BUTTONS ========================= */ .submit-btn, .popup-submit-btn{ width:100%; height:58px; border:none; border-radius:14px; background:#6cc04a; color:#fff; font-size:18px; font-weight:600; cursor:pointer; transition:.25s ease; } .submit-btn:hover, .popup-submit-btn:hover{ transform:translateY(-1px); } /* ========================= POPUP OVERLAY ========================= */ .quote-popup-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.65); display:none; align-items:center; justify-content:center; z-index:9999; padding:18px; } /* ========================= POPUP BOX ========================= */ .popup-quote-form{ width:100%; max-width:950px; background:#fff; border-radius:22px; padding:32px 24px; position:relative; } /* CLOSE */ .close-popup{ position:absolute; top:14px; right:18px; font-size:32px; line-height:1; cursor:pointer; } /* LABELS */ .popup-quote-form label { display: block; margin-bottom: -22px; font-size: 15px; font-weight: 500; color: #111; margin-top: 10px; } /* ========================= CF7 FIXES ========================= */ .wpcf7-spinner{ display:none; } .wpcf7-not-valid-tip{ margin-top:6px; font-size:12px; } .wpcf7-response-output{ margin-top:16px !important; border-radius:10px; font-size:13px; } /* ========================= MOBILE ========================= */ @media(max-width:767px){ .product-builder-form{ padding:8px; } .product-builder-form h4{ font-size:15px; } .pill .wpcf7-list-item-label{ width:calc(50% - 5px); font-size:14px; } input[name="quantity"] + .wpcf7-list-item-label{ width:52px; min-height:36px; font-size:13px; } input[name="Caps"] + .wpcf7-list-item-label{ width:150px; } input[name="size"] + .wpcf7-list-item-label{ width:130px; } .Custom-designer{ padding:18px 14px; } .popup-quote-form{ padding:22px 16px; } } /* Form Css All custom page end */ .inc-gst-text{ font-size:13px; font-weight:500; color:#666; margin-left:4px; } .coming-soon-text{ display:inline-flex !important; align-items:center; justify-content:center; background:#e8f8e8; color:#1f7a1f; border:1px solid #b7e4b7; padding:10px 22px; border-radius:30px; font-size:16px; font-weight:600; margin:12px 0; line-height:1; width:auto !important; max-width:max-content !important; } .efp-loop-coming-soon { width: 155px; } .products .product .price{ display:flex !important; align-items:center; gap:6px; } .products .product .price .inc-gst-text{ order:999 !important; margin-left:0 !important; white-space:nowrap; } .single-product .summary .price{ display:flex !important; align-items:center; gap:6px; flex-wrap:wrap; } .single-product .summary .price .inc-gst-text{ order:999 !important; white-space:nowrap; } /* ========================================= BILLING + SHIPPING SAME DESIGN ========================================= */ .woocommerce-billing-fields, .shipping_address{ background:#f5f5f5; padding:34px; border-radius:1px; box-shadow:0 4px 16px rgba(0,0,0,.08); } /* TITLE */ .woocommerce-billing-fields h3 { font-size: 22px; line-height: 1; font-weight: 600; margin-bottom: 30px; color: #68bd45; } /* SHIPPING TITLE */ #ship-to-different-address{ margin:35px 0 20px !important; } #ship-to-different-address label{ font-size:20px !important; font-weight:600 !important; color:#111 !important; } /* GRID */ .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:grid !important; grid-template-columns:repeat(12,1fr) !important; gap:12px !important; } /* RESET */ .woocommerce form .form-row{ width:100% !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; } /* ========================================= BILLING POSITIONS - Added by Jas ========================================= */ #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } /* Row 2 */ #billing_phone_field{ grid-column:1 / span 6; grid-row:2; } #billing_company_field{ grid-column:7 / span 6; grid-row:2; } /* Row 3 */ #billing_address_1_field{ grid-column:1 / span 12; grid-row:3; } /* Row 4 */ #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } /* Row 5 */ #billing_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= SHIPPING POSITIONS - Added by Jas ========================================= */ #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } /* Row 2 */ #shipping_phone_field{ grid-column:1 / span 6; grid-row:2; } #shipping_company_field{ grid-column:7 / span 6; grid-row:2; } /* Row 3 */ #shipping_address_1_field{ grid-column:1 / span 12; grid-row:3; } /* Row 4 */ #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } /* Row 5 */ #shipping_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= BILLING POSITIONS ========================================= */ /* #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } #billing_company_field{ grid-column:1 / span 12; grid-row:2; } #billing_address_1_field{ grid-column:1 / span 6; grid-row:3; } #billing_phone_field{ grid-column:7 / span 6; grid-row:3; } #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } #billing_country_field{ grid-column:1 / span 12; grid-row:5; } */ /* ========================================= SHIPPING POSITIONS ========================================= */ /* #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } #shipping_company_field{ grid-column:1 / span 12; grid-row:2; } #shipping_address_1_field{ grid-column:1 / span 6; grid-row:3; } #shipping_phone_field{ grid-column:7 / span 6; grid-row:3; } #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } #shipping_country_field{ grid-column:1 / span 12; grid-row:5; }*/ /* HIDE ADDRESS 2 */ #billing_address_2_field, #shipping_address_2_field{ display:none !important; } /* INPUTS */ .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ width:100% !important; height:55px !important; background:#fff !important; border:1px solid #b7b7b7 !important; border-radius:2px !important; box-shadow:none !important; font-size:17px !important; color:#222 !important; } /* INPUT PADDING */ .woocommerce form .input-text{ padding:0 22px !important; } /* SELECT2 */ .select2-container{ width:100% !important; } .select2-container--default .select2-selection--single{ display:flex !important; align-items:center !important; padding:0 22px !important; } .select2-container--default .select2-selection__rendered{ line-height:60px !important; padding:0 !important; } .select2-container--default .select2-selection__arrow{ height:64px !important; right:15px !important; } /* PLACEHOLDER */ .woocommerce input::placeholder{ color:#9c9c9c !important; opacity:1 !important; } .woocommerce-checkout .optional{ display:none !important; } /* LABELS */ /* CHECKOUT LABELS */ .woocommerce form .form-row label{ display:block !important; margin-bottom:0px; font-size:11px; font-weight:600; color:#222; line-height:1.4; } .woocommerce form .form-row label .optional{ font-size:13px; color:#777; font-weight:400; } .woocommerce form .form-row label .required{ color:#e53935; } /* MOBILE */ @media (max-width:768px){ .woocommerce-billing-fields, .shipping_address{ padding:20px; border-radius:20px; } .woocommerce-billing-fields h3{ font-size:42px; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:flex !important; flex-direction:column !important; } /* Billing Order */ #billing_first_name_field{order:1;} #billing_email_field{order:2;} #billing_phone_field{order:3;} #billing_company_field{order:4;} #billing_address_1_field{order:5;} #billing_city_field{order:6;} #billing_postcode_field{order:7;} #billing_state_field{order:8;} #billing_country_field{order:9;} /* Shipping Order */ #shipping_first_name_field{order:1;} #shipping_email_field{order:2;} #shipping_phone_field{order:3;} #shipping_company_field{order:4;} #shipping_address_1_field{order:5;} #shipping_city_field{order:6;} #shipping_postcode_field{order:7;} #shipping_state_field{order:8;} #shipping_country_field{order:9;} .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-shipping-fields__field-wrapper .form-row{ width:100% !important; margin-bottom:15px !important; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ height:58px !important; font-size:16px !important; } } /* ========================================= TOP SHIPPING BAR ========================================= */ .efp-top-bar{ background:#D6FDC0; width:100%; padding:12px 20px; position:relative; z-index:999; overflow:hidden; } .efp-top-bar-inner{ max-width:1400px; margin:0 auto; display:flex; align-items:center; } .efp-marquee{ flex:1; overflow:hidden; white-space:nowrap; } .efp-marquee-track{ display:inline-flex; align-items:center; white-space:nowrap; animation:efpMarquee 55s linear infinite; } .efp-marquee-track span{ padding-right:120px; font-size:16px; font-weight:600; color:#234823; } .efp-top-phone{ flex-shrink:0; margin-left:25px; text-decoration:none; color:#000; font-size:16px; font-weight:700; display:flex; align-items:center; gap:10px; } .efp-top-phone i{ font-size:20px; } @keyframes efpMarquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } } /* Mobile */ @media(max-width:768px){ .efp-top-bar{ padding:10px 15px; } .efp-top-bar-inner{ flex-direction:column; gap:8px; } .efp-marquee{ width:100%; } .efp-marquee-track span{ font-size:14px; padding-right:80px; } .efp-top-phone{ margin-left:0; font-size:14px; } .efp-top-phone i{ font-size:16px; } } .efp-top-phone{ flex-shrink:0; display:flex; align-items:center; gap:12px; text-decoration:none; color:#1f3b1f; font-size:18px; font-weight:700; background:#fff; padding:5px 10px; border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:all .3s ease; } .efp-top-phone:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.12); } .efp-top-phone i{ width:30px; height:30px; border-radius:50%; background:#4CAF50; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; } /* ===================================== CONTACT FORM 7 SUBSCRIBE FORM ===================================== */ .efp-subscribe-wrap{ width:100%; max-width:700px; margin:0 auto; position:relative; } .efp-subscribe-wrap p{ margin:0 !important; } .efp-subscribe-wrap .wpcf7-form{ position:relative; } .efp-subscribe-wrap .wpcf7-form-control-wrap{ display:block; width:100%; } /* EMAIL FIELD */ .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:88px !important; background:#f1f1f1 !important; border:2px solid #7d8694 !important; border-radius:28px !important; padding:0 300px 0 35px !important; font-size:22px !important; font-weight:500 !important; color:#555 !important; outline:none !important; box-sizing:border-box !important; box-shadow:none !important; } .efp-subscribe-wrap input[type="email"]::placeholder{ color:#7a7a7a !important; text-transform:uppercase; letter-spacing:.5px; } /* SUBMIT BUTTON */ .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:6px !important; right:6px !important; width:290px !important; height:76px !important; border:none !important; border-radius:22px !important; background:#69c81d !important; color:#fff !important; font-size:18px !important; font-weight:700 !important; letter-spacing:.5px; cursor:pointer !important; z-index:99 !important; transition:all .3s ease !important; margin:0 !important; padding:0 !important; } .efp-subscribe-wrap input[type="submit"]:hover{ background:#58ad19 !important; transform:translateY(-1px); } /* ERROR & SUCCESS */ .efp-subscribe-wrap .wpcf7-not-valid-tip{ font-size:12px !important; margin-top:6px; } .efp-subscribe-wrap .wpcf7-response-output{ margin:15px 0 0 !important; padding:10px !important; font-size:13px !important; border-radius:10px; } /* SPINNER */ .efp-subscribe-wrap .wpcf7-spinner{ position:absolute; bottom:-35px; left:0; } /* MOBILE */ @media (max-width:767px){ span.woocommerce-Price-amount.amount { font-size: 12px !IMPORTANT; } .efp-subscribe-wrap{ max-width:100%; position:relative; } .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:68px !important; padding:0 170px 0 20px !important; font-size:16px !important; border-radius:20px !important; } .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:4px !important; right:4px !important; width:165px !important; height:60px !important; margin:0 !important; border-radius:16px !important; font-size:15px !important; line-height:60px !important; } } .menu-desc, .menu-desc-lv0{ display:none !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#9e9e9e !important; line-height:64px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 64px !important; padding-left: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder{ display:inline !important; height:auto !important; line-height:64px !important; margin:0 !important; padding:0 !important; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { width: 100% !important; max-width: 509px; } .inc-gst-text{ display:inline !important; white-space:nowrap !important; margin-left:4px; } span.woocommerce-Price-amount.amount { font-size: 17px !IMPORTANT; } .premium-row .left { font-size: 16px !important; font-weight: 600; color: #1D3822 !important; max-width: 100%; } .premium-total .left { font-size: 17px; font-weight: 700; color: #1D3822 !important; color: #111; } .woocommerce-checkout-review-order-table ul#shipping_method{ margin:0 !important; } .woocommerce-checkout-review-order-table ul#shipping_method li{ white-space:nowrap !important; } h3#order_review_heading{ display: none; } .quote-popup-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); display:none; z-index:999999; } .quote-popup-overlay.active{ display:block; } .popup-quote-form{ position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; max-width:90vw; background:#fff; border-radius:12px; padding:40px; box-shadow:0 15px 50px rgba(0,0,0,.25); z-index:9999999; } .close-popup{ position:absolute; top:15px; right:20px; font-size:34px; cursor:pointer; } .popup-quote-form .row{ display:flex; flex-wrap:wrap; margin:0 -10px; } .popup-quote-form .col-md-6{ width:50%; padding:0 10px; box-sizing:border-box; } @media(max-width:768px){ .popup-quote-form{ width:95%; padding:25px; } .popup-quote-form .col-md-6{ width:100%; } } .elementor-element-4acfb9b{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc.animated{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; perspective:none !important; filter:none !important; } /* Popup wale Elementor columns ki animation globally kill */ .elementor-column.animated, .elementor-widget.animated, .elementor-element.animated{ animation:none !important; transform:none !important; } .animated.fadeInDown, .animated.fadeInUp, .animated.fadeInLeft, .animated.fadeInRight, .animated.zoomIn, .animated.slideInUp{ animation:none !important; transform:none !important; } .premium-cf7-container .animated{ animation:none !important; transform:none !important; } /* SIZE MM FIX */ .three-custom-class .row{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:12px; } .three-custom-class .col-4{ flex:1 1 0 !important; max-width:none !important; width:auto !important; } .three-custom-class .col-1{ flex:0 0 20px !important; width:20px !important; max-width:20px !important; text-align:center; } .three-custom-class input.wpcf7-text{ width:100% !important; height:48px; border:1px solid #d9d9d9; border-radius:12px; text-align:center; } .multiply-sign{ font-size:28px; line-height:1; color:#111; } .premium-cf7-container input.wpcf7-submit { font-size: 16px; color: #fff; background-color: #6CC04A !IMPORTANT; border: 1px solid #6CC04A; font-weight: 900; border-radius: 0; text-decoration: none; box-shadow: none; margin-top: 10px; padding: 5px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } p.adesigner-btn { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; } .elementor-invisible{ visibility: visible !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; animation: none !important; } .ts-header .ts-search-normal .search-content input[type="text"] { border: 1px solid #68BD45; border-radius: 20px; } .woocommerce-checkout-review-order-table dl.variation{ margin:0 !important; } .woocommerce-checkout-review-order-table dd{ margin:0 !important; padding:0 !important; } .variation-OrderSummary{ margin:0 !important; } .variation-OrderSummary + dd{ margin:0 !important; padding:0 !important; } .pankaj-premium-table{ margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ padding-top:8px !important; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ padding-top:12px !important; } .free-shipping-label{ display:inline-block; background:#e8f7df; color:#69be45; padding:4px 10px; border-radius:20px; font-size:13px; font-weight:700; } .pankaj-grand-total-row { border-top: 2px solid #67c23a; padding-top: 0px !important; margin-top: 0px !important; } .pankaj-product-divider{ border-top:1px solid #dfe7d8; margin:25px 0; } .pankaj-item-heading { font-size: 12px; font-weight: 500; color: #000; margin: 6px 0 6px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .pankaj-grand-total-row{ border-top:2px solid #67c23a; padding-top:20px; margin-top:20px; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ font-size:32px; font-weight:700; color:#67c23a; } .pankaj-grand-total-row{ display:flex; justify-content:space-between; align-items:center; gap:20px; } .pankaj-grand-total-row .left{ flex:1; } .pankaj-grand-total-row .right{ text-align:right; white-space:nowrap; } /* Hide Shipment label */ .woocommerce-shipping-totals th{ display:none !important; } /* Expand shipping method row */ .woocommerce-shipping-totals td{ width:100% !important; } .woocommerce-shipping-totals .woocommerce-Price-amount { color: #111 !important; font-weight: 700 !important; } .woocommerce-shipping-totals .inc-gst-text { color: #888 !important; font-weight: 400 !important; } .woocommerce-shipping-totals td{ padding-left:0 !important; padding-right:0 !important; } .woocommerce-shipping-totals ul, .woocommerce-shipping-totals li{ margin:0 !important; padding:0 !important; list-style:none !important; } .woocommerce-shipping-totals td{ text-align:left !important; padding-left:0 !important; } .woocommerce-shipping-totals ul{ width:100% !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals li{ display:flex !important; justify-content:flex-start !important; align-items:center !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ text-align:right !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; padding-bottom:0 !important; margin-bottom:0 !important; } .variation-OrderSummary{ margin-bottom:0 !important; } .variation-OrderSummary .pankaj-premium-table{ margin-bottom:0 !important; } .woocommerce-checkout-review-order-table dl.variation, .woocommerce-checkout-review-order-table dd{ margin-bottom:0 !important; } .pankaj-premium-table p{ margin:0 !important; padding:0 !important; } .pankaj-premium-table br{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dd { margin-bottom: 0 !important; padding-bottom: 0 !important; } label[for="payment_method_stripe"]{ font-size:0 !important; } label[for="payment_method_stripe"]:after{ content:'Credit/Debit Card'; font-size:16px; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single { height: 45px!important;} th.product-total{ display: none; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select { font-weight: 400 !important; padding: 10px !important; } @media (max-width:768px){ .woocommerce form .form-row .input-text, .woocommerce form .form-row select{ margin-bottom:8px; } } @media (max-width:768px){ .woocommerce form .form-row.address-field .select2-container .select2-selection--single { margin-bottom: 8px;} } .woocommerce-cart .product-name > a{ display:none !important; } .woocommerce-cart .variation dt{ display:none !important; } .woocommerce-cart .variation-LogoPrinting, .woocommerce-cart .variation-LogoPrinting + dd, .woocommerce-cart .variation-TotalPieces, .woocommerce-cart .variation-TotalPieces + dd, .woocommerce-cart .variation-PrintingCost, .woocommerce-cart .variation-PrintingCost + dd{ display:none !important; } /* ===================================== PREMIUM LOGIN REGISTER ===================================== */ .woocommerce-account .customer-login{ display:grid; grid-template-columns:repeat(2,1fr); gap:50px; max-width:1300px; margin:50px auto; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ background:#fff; padding:40px; border-radius:30px; box-shadow:0 10px 40px rgba(0,0,0,.08); border:1px solid #ececec; } .woocommerce-account h2{ font-size:38px; margin-bottom:30px; font-weight:700; } .woocommerce-account input.input-text{ height:60px !important; border-radius:14px !important; border:1px solid #d9d9d9 !important; padding:0 20px !important; font-size:16px !important; } .woocommerce-account button.button{ background:#1D3822 !important; border-color:#1D3822 !important; color:#fff !important; height:58px; padding:0 35px !important; border-radius:14px !important; font-size:16px; font-weight:700; } .custom-social-login{ margin-top:20px; } .custom-social-login .nsl-container{ width:100%; } .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; } .woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; } @media(max-width:768px){ .woocommerce-account .customer-login{ grid-template-columns:1fr; gap:25px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:25px; border-radius:20px; } .woocommerce-account h2{ font-size:28px; } } /* ===================================== PREMIUM MY ACCOUNT PAGE V2 ===================================== */ .woocommerce-account .customer-login{ max-width:1400px; margin:60px auto; gap:60px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ position:relative; background:#fff; border-radius:35px; padding:50px; border:1px solid #e7e7e7; box-shadow:0 15px 50px rgba(0,0,0,.06); overflow:hidden; } /* TOP GREEN LINE */ .woocommerce-account .u-column1:before, .woocommerce-account .u-column2:before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,#68BD45,#90d96f); } /* LOGIN TITLE */ .woocommerce-account .u-column1 h2:before{ content:"👋 "; } /* REGISTER TITLE */ .woocommerce-account .u-column2 h2:before{ content:"🚀 "; } .woocommerce-account h2{ font-size:42px; font-weight:700; margin-bottom:10px; color:#111; } /* SUBTITLE */ .woocommerce-account .u-column1 h2:after{ content:"Sign in to access your orders and account."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } .woocommerce-account .u-column2 h2:after{ content:"Create an account and start ordering online."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } /* INPUTS */ .woocommerce-account input.input-text{ height:65px !important; border-radius:16px !important; border:1px solid #dcdcdc !important; padding:0 22px !important; font-size:16px !important; transition:.3s; } .woocommerce-account input.input-text:focus{ border-color:#1D3822 !important; box-shadow:0 0 0 4px rgba(104,189,69,.12); } /* BUTTONS */ .woocommerce-account button.button{ height:60px; min-width:180px; border-radius:16px !important; background:#1D3822 !important; border-color:#1D3822 !important; font-size:18px !important; font-weight:700 !important; transition:.3s; } .woocommerce-account button.button:hover{ transform:translateY(-2px); } /* OR DIVIDER */ .custom-social-login{ margin-top:30px; position:relative; } .custom-social-login:before{ content:"OR CONTINUE WITH"; display:block; text-align:center; font-size:12px; letter-spacing:1px; color:#999; margin-bottom:18px; } /* SOCIAL BUTTONS */ .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; margin-bottom:12px !important; } /* LOST PASSWORD */ .woocommerce-LostPassword{ margin-top:12px; } .woocommerce-LostPassword a{ color:#68BD45; font-weight:600; } /* HOVER CARD */ .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-4px); transition:.3s; } /* MOBILE */ @media(max-width:768px){ .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:28px; border-radius:25px; } .woocommerce-account h2{ font-size:30px; } .woocommerce-account button.button{ width:100%; min-width:100%; } } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ backdrop-filter: blur(10px); box-shadow:0 20px 60px rgba(0,0,0,.08); } .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-5px); transition:.3s ease; } .custom-social-login .nsl-button{ width:100% !important; } /* Login form field spacing */ .woocommerce-form-login .form-row{ margin-bottom:16px !important; } .woocommerce-form-login .form-row:first-child{ margin-bottom:22px !important; } .variation-OrderSummary + dd{ width:100% !important; display:block !important; } .woocommerce-checkout-review-order-table dl.variation{ width:100% !important; } .woocommerce-checkout-review-order-table dd.variation-OrderSummary{ width:100% !important; } /* ========================================= CHECKOUT ORDER SUMMARY PERFECT ALIGNMENT ========================================= */ .variation-OrderSummary + dd{ width:100% !important; display:block !important; margin:0 !important; padding:0 !important; } .pankaj-premium-table{ width:100% !important; margin:0 !important; padding:0 !important; } .pankaj-premium-table .premium-row{ display:flex !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid #e8e8e8 !important; } tr.woocommerce-cart-form__cart-item.cart_item .pankaj-premium-table .premium-row{ width:90% !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; } /* PRICE */ .pankaj-premium-table .premium-row .woocommerce-Price-amount{ display:inline-block !important; font-size:18px !important; font-weight:500 !important; color:#111 !important; } /* GST */ .pankaj-premium-table .premium-row .inc-gst-text{ display:inline-block !important; margin-left:4px !important; white-space:nowrap !important; font-size:13px !important; margin-top: 5px !!important; } /* PRODUCT NAME */ .pankaj-premium-table .premium-row .left{ font-size:14px !important; font-weight:600 !important; color:#1D3822 !important; } /* SMALL TEXT */ .pankaj-premium-table .premium-row small{ display:block !important; margin-top:1px !important; color:#777 !important; font-size:13px !important; } /* IMPORTANT */ .woocommerce-checkout-review-order-table dl.variation{ width:100% !important; } .woocommerce-checkout-review-order-table dd.variation-OrderSummary{ width:100% !important; display:block !important; } .variation-OrderSummary .pankaj-premium-table{ width:100% !important; } /* SUBTOTAL + TOTAL KO TOUCH NAHI KARNA */ .cart-subtotal td, .order-total td{ width:auto !important; text-align:right !important; } .woocommerce .checkout #order_review table .product-total, .woocommerce .checkout #order_review table tfoot td { padding-left: 0px !important; } @media (max-width:768px){ tr.woocommerce-cart-form__cart-item.cart_item .pankaj-premium-table .premium-row { width: 125%!important; } .shop_table .quantity input.qty, .woocommerce .woocommerce-mini-cart-item .quantity input.qty { margin-bottom: 7px; } } .woocommerce table.shop_table.woocommerce-cart-form__contents th { padding: 0 0 0px 0 !IMPORTANT; display: none; } @media (max-width:768px){ .pankaj-premium-table .premium-row{ display:flex !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid #e8e8e8 !important; } } /* ========================================= CART TOTALS SHIPPING DESIGN ========================================= */ .woocommerce-shipping-totals td{ text-align:center !important; padding:20px 0 !important; } /* Shipping method row */ .woocommerce-shipping-totals ul#shipping_method{ list-style:none !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals ul#shipping_method li{ width:100% !important; margin:0 !important; padding:0 !important; } /* Shipping label */ .woocommerce-shipping-totals label{ display:block !important; width:100% !important; font-size:15px !important; font-weight:600 !important; margin-bottom:15px !important; line-height:1.5 !important; position:relative !important; } /* Pickup Address */ .woocommerce-shipping-totals .pickup-address{ display:block !important; margin-top:5px !important; margin-left:-19px !important; color:#666 !important; font-size:14px !important; padding-right:60px !important; } /* Free */ .woocommerce-shipping-totals label span[style*="float:right"]{ position:absolute !important; top:0 !important; right:0 !important; float:none !important; color:#69C240 !important; font-weight:600 !important; } @media (max-width: 767px){ /* Amount ko normal position par lao */ .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount{ display:inline !important; transform:none !important; } /* TD padding reset */ .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; padding-right:18px !important; /* 15-25px adjust kar sakte ho */ } /* Pickup address */ .woocommerce-shipping-totals .pickup-address{ margin-left:0 !important; padding-right:0 !important; } /* Free text */ #shipping_method li label span[style*="float:right"]{ position:static !important; float:right !important; } } .woocommerce-shipping-totals label br{ display:none !important; } .woocommerce-shipping-totals label .woocommerce-Price-amount{ font-size:18px !important; font-weight:700 !important; color:#000 !important; } /* Shipping text */ .woocommerce-shipping-destination{ text-align:center !important; font-size:16px !important; line-height:1.6 !important; margin:10px 0 15px !important; color:#222 !important; font-style:normal !important; } .woocommerce-shipping-destination strong{ font-weight:600 !important; } /* Change address */ .shipping-calculator-button{ display:block !important; text-align:center !important; margin-top:12px !important; font-size:16px !important; font-weight:500 !important; text-decoration:none !important; color:#000 !important; } .shipping-calculator-button:hover{ color:#1D3822 !important; } /* Truck icon spacing */ .shipping-calculator-button:before{ margin-right:8px !important; } /* Mobile */ @media(max-width:768px){ .woocommerce-shipping-totals label{ font-size:12px !important; } .woocommerce-shipping-totals label .woocommerce-Price-amount{ font-size:13px !important; } .woocommerce-shipping-destination{ font-size:15px !important; } } /* Mobile */ @media(max-width:768px){ .woocommerce ul#shipping_method li .amount { margin-right: 0px; } } .breadcrumb-title-wrapper .breadcrumb-title { gap: 10px !important; } /* Category Product UI */ @media (max-width: 768px) { .product-wrapper .heading-title.product-name a{ font-size: 13px !important; font-weight: 500 !important; } .product-wrapper .price .woocommerce-Price-amount.amount bdi { color: #22c55e!important; font-size: 14px !important; } .woocommerce .products .product .price { margin-top: 0px !important; } } @media (max-width:768px){ body.woocommerce div.product div.summary { padding-left: 0; padding-right: 0; margin-top: 0px !important; padding: 20px !important; } .woocommerce div.product div.summary { padding-left: 0px !important; margin: 0; gap: 10px; width: auto; box-shadow: none; margin-left: 0px !important; border-radius: 25px; padding: 30px; } .pankaj-logo-box .print-card { display: flex; align-items: center; gap: 18px; background: #fff; padding: 5px !important; border-radius: 22px; margin-bottom: 18px; cursor: pointer; transition: 0.3s; } .pankaj-logo-box .print-card strong { font-size: 15px !important; } } /* ========================================= SINGLE PRODUCT STOCK BELOW PRICE ========================================= */ .single-product .summary .price{ display:flex !important; align-items:center; gap:8px; flex-wrap:wrap; } .single-product .summary .price .single-stock-qty{ flex:0 0 100%; width:100%; display:flex !important; align-items:center; gap:20px; margin-top:10px; clear:both; } .single-product .summary .price .stock-status{ display:inline-block; font-size:16px; font-weight:500; color:#111; } .single-product .summary .price .stock-count{ display:inline-block; font-size:16px; font-weight:600; color:#111; } @media (max-width:768px){ .single-product .summary .price .single-stock-qty{ gap:12px; margin-top:8px; } .single-product .summary .price .stock-status, .single-product .summary .price .stock-count{ font-size:14px; } } /* Single Product Price Bigger */ .single-product .summary .price{ font-size:24px !important; font-weight:700 !important; } .single-product .summary .price .woocommerce-Price-amount.amount bdi{ font-size:20px !important; font-weight:800 !important; } .single-product .summary .price del .woocommerce-Price-amount.amount bdi{ font-size:16px !important; font-weight:600 !important; color:#999 !important; } .single-product .summary .price .inc-gst-text{ font-size:11px !important; font-weight:600 !important; } .woocommerce div.product .summary > .price, div.product .summary > .ts-variation-price { overflow: visible !important; } .single-product .summary .price del{ display:inline-flex !important; align-items:center !important; } .single-product .summary .price del .woocommerce-Price-amount{ display:flex !important; align-items:center !important; height:100% !important; } .single-product .summary .price del .woocommerce-Price-amount bdi{ display:flex !important; align-items:center !important; line-height:1 !important; } .single-product-buttons{ order:-1 !important; margin-bottom:20px !important; } .single-product form.cart .single_add_to_cart_button{ width: 350px !important; flex: 0 0 350px !important; } @media (max-width: 767px){ .single-product form.cart .single_add_to_cart_button{ width: 100% !important; flex: 1 1 auto !important; } } .single-product .woocommerce-product-gallery__image img{ max-width: 60% !important; margin: 0 auto !important; display: block !important; } .top-banner h3, h4, h5, h6 { margin: 0 0 0px 0 !IMPORTANT; } /* Brevo Newsletter Form */ #sib_signup_form_2{ width:100%; } #sib_signup_form_2 .sib_signup_box_inside_2{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:10px !important; flex-wrap:nowrap !important; } #sib_signup_form_2 p{ margin:0 !important; padding:0 !important; } #sib_signup_form_2 input[type="email"]{ width:320px !important; min-width:320px !important; height:50px !important; border:1px solid #d8d8d8 !important; border-radius:4px !important; padding:0 15px !important; font-size:15px !important; box-sizing:border-box !important; } #sib_signup_form_2 .sib-default-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; height:50px !important; min-width:130px !important; padding:0 25px !important; background:#69C240 !important; color:#fff !important; border:none !important; border-radius:4px !important; font-size:16px !important; font-weight:600 !important; cursor:pointer !important; white-space:nowrap !important; } #sib_signup_form_2 .sib-default-btn:hover{ background:#5aae38 !important; } @media(max-width:767px){ #sib_signup_form_2 .sib_signup_box_inside_2{ flex-direction:column !important; align-items:stretch !important; } #sib_signup_form_2 input[type="email"]{ width:100% !important; min-width:100% !important; } #sib_signup_form_2 .sib-default-btn{ width:100% !important; } } #sib_signup_form_2 input[type="email"]{ width:350px !important; height:54px !important; border-radius:6px !important; } #sib_signup_form_2 .sib-default-btn { height: 54px !important; min-width: 140px !important; border-radius: 6px !important; background: #69C240 !important; font-weight: 600 !important; margin-bottom: 12px; } #sib_signup_form_2 .sib_signup_box_inside_2{ gap:5px !important; } .pankaj-pricing-table { background: #edf7e8; padding: 10px; border-radius: 25px; margin-bottom: 0px; } .pankaj-pricing-table table{ background: #edf7e8; } .pankaj-pricing-table td{ background: #edf7e8; } .pankaj-pricing-table table { margin-bottom: 0px !IMPORTANT; } .woocommerce div.product .images .product-label > span.onsale, .woocommerce div.product .images .product-label > span { display: none !IMPORTANT; } .shipping-days{ display:block; font-size:12px; color:#666; margin-top:2px; margin-left:22px; line-height:1.4; } .shipping-days, .pickup-address { display: block; font-size: 12px; color: #666; line-height: 1.4; padding-left: 22px; margin-top: 2px; margin-left: -20px; } .pickup-address{ max-width:220px; } /* ========================================= LOCAL PICKUP ADDRESS + FREE ALIGNMENT ========================================= */ #shipping_method li label{ position: relative; display: block; padding-right: 80px; } /* Address Below Local Pickup */ #shipping_method li label .pickup-address{ display: block; margin-top: 4px; max-width: 1250px; font-size: 12px; line-height: 1.4; color: #666; } /* FREE Right Side */ #shipping_method li label span[style*="float:right"] { position: absolute !important; top: 0 !important; float: none !important; color: #69C240 !important; font-size: 15px; font-weight: 600; line-height: 1; } /* Mobile */ @media (max-width: 767px){ #shipping_method li label{ padding-right: 60px; } #shipping_method li label span[style*="float:right"]{ right: 0 !important; font-size: 16px; } } /* Product Gallery Thumbnails */ .woocommerce-product-gallery .flex-control-thumbs { width: 120px !important; } .woocommerce-product-gallery .flex-control-thumbs li { width: 110px !important; height: 145px !important; margin-bottom: 12px !important; } .woocommerce-product-gallery .flex-control-thumbs li img { width: 110px !important; height: 145px !important; object-fit: cover; } /* Mobile Fix */ @media(max-width: 768px){ .woocommerce-product-gallery .flex-control-thumbs { width: auto !important; } .woocommerce-product-gallery .flex-control-thumbs li { width: 75px !important; height: 95px !important; } .woocommerce-product-gallery .flex-control-thumbs li img { width: 75px !important; height: 95px !important; } .single-product .woocommerce-product-gallery__image img { max-width: 85%!important; margin: 0 auto!important; display: block!important; } } .grecaptcha-badge { visibility: hidden !important; } /* Selected Variation Button */ /* Hide Colour */ .variations tr:has(#pa_colour){ display:none !important; } /* Hide Width */ .variations tr:has(#width){ display:none !important; } /* Hide Height */ .variations tr:has(#height){ display:none !important; } /* Hide Size */ .variations tr:has(#pa_size){ display:none !important; } .woocommerce div.product form.cart .variations th.label { margin-top: -23px !important; } h1.product_title.entry-title { font-size: 23px!important; color: #000; line-height: 1.2 !important; } .single-product .summary p.price.hidden { display: none !important; } .ts-product-attribute > div a { border-radius: 20px; color: #000; background: #fff !important; font-size: 17px; } .pankaj-pricing-table { margin-top: 0px !important; } .single-product .summary .price .stock-status { font-size: 14px !IMPORTANT; } .single-product .summary .price .stock-count { font-size: 14px !IMPORTANT; } .ts-product-attribute>div:not(.color):hover a, .ts-product-attribute>div:not(.color).selected a { border-color: var(--loobek-text-bold-color); color: #fff !important; background: #69C240 !important; } .buy-more-save-more { font-weight: 700; padding: 12px !IMPORTANT; text-align: left !important; color: #69C240!important; } .pankaj-pricing-table table tbody tr:first-child td { padding-top: 0px!important; padding-bottom: 4px!important; vertical-align: middle!important; } /* ========================================= SHIPPING METHOD SELECTED / UNSELECTED ========================================= */ #shipping_method label{ color:#000 !important; font-weight:600; } #shipping_method input[type="radio"]:checked + label{ color:#69C240 !important; } /* ========================================= PAYMENT METHOD SELECTED / UNSELECTED ========================================= */ .wc_payment_methods label{ color:#000 !important; font-weight:600; } .wc_payment_methods input[type="radio"]:checked + label { color: #69C240 !important; font-size: 16px; } /* ACTIVE COLUMN */ .active-tier{ background:#6BC53F !important; color:#fff !important; } .active-tier strong, .active-tier small, .active-tier span{ color:#fff !important; } .woocommerce-privacy-policy-text{ display: none !important; } /* Billing Phone */ #billing_phone_field .woocommerce-input-wrapper{ position:relative; display:block; } #billing_phone_field .woocommerce-input-wrapper::before{ content:"+61"; position:absolute; left:1px; top:1px; bottom:1px; width:70px; background:#fff; border-right:1px solid #d9d9d9; border-radius:8px 0 0 8px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#222; z-index:2; } #billing_phone{ padding-left:90px !important; } #shipping_phone_field .woocommerce-input-wrapper{ position:relative; display:block; } #shipping_phone_field .woocommerce-input-wrapper::before{ content:"+61"; position:absolute; left:1px; top:1px; bottom:1px; width:70px; background:#fff; border-right:1px solid #d9d9d9; border-radius:8px 0 0 8px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#222; z-index:2; } #shipping_phone{ padding-left:90px !important; } /* Billing + Shipping + Order Notes */ .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields{ max-width:900px; margin:0 auto; } textarea, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea, .woocommerce form .form-row textarea.input-text { height: 80px !IMPORTANT; line-height: 30px; } .checkout-product-wrap{ display:flex; gap:15px; align-items:flex-start; } .checkout-product-image img{ width:130px; height:130px; object-fit:cover; border-radius:8px; border:1px solid #eee; } .checkout-product-name{ flex:1; } .checkout-product-wrap{ display:flex; flex-direction:column; } .checkout-product-name{ margin-bottom:10px; font-weight:600; } .checkout-product-image img{ width:80px; height:80px; object-fit:cover; border-radius:8px; border:1px solid #eee; } .checkout-product-wrap{ display:flex; align-items:flex-start; gap:20px; width:100%; } .checkout-product-image{ width:110px; min-width:110px; } .checkout-product-image img{ width:110px; height:110px; object-fit:cover; border:1px solid #eee; border-radius:10px; } .checkout-product-content{ flex:1; } .checkout-product-content a{ display:block; font-size:28px; font-weight:700; line-height:1.4; color:#111; text-decoration:none; } /* ========================================= CHECKOUT PRODUCT LAYOUT ========================================= */ .pankaj-premium-table .premium-row{ display:flex; align-items:flex-start; gap:1px; padding:18px 0; border-bottom:1px solid #ececec; } .premium-image{ width:95px; min-width:95px; } .premium-image img{ width:95px; height:95px; object-fit:cover; border:1px solid #e5e5e5; border-radius:10px; display:block; } .premium-content{ flex:1; } .premium-title{ font-size:15px; font-weight:500; color:#111; margin-bottom:10px; } .premium-price{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .premium-price del{ color:#999; font-size:15px; } .premium-price ins{ text-decoration:none; color:#68BD45; font-size:18px; font-weight:700; } .premium-qty{ min-width:70px; text-align:left; font-size:15px; font-weight:600; color:#333; } @media(max-width:767px){ .premium-image{ width:70px; min-width:70px; } .premium-image img{ width:70px; height:70px; } .premium-title{ font-size:13px; } .premium-price ins{ font-size:16px; } .premium-qty{ font-size:14px; min-width:55px; } } .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; } .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .inc-gst-text{ display:inline-block !important; transform:translateX(-53px) !important; } .woocommerce #order_review .inc-gst-text{ margin-left: 4px !important; font-size: 12px; display: inline-block; } /* Click & Collect address ko niche lao */ .woocommerce-shipping-methods li label .pickup-address{ display: block !important; margin-top: 6px; margin-left: 24px; /* radio button ke baad align hoga */ color: #666; line-height: 1.5; } /* ========================================= MOBILE CHECKOUT FIX ========================================= */ @media (max-width:767px){ /* Order review width */ .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; overflow:hidden !important; } /* Subtotal / Total amount */ .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; padding-right:0 !important; } /* Amount */ .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount{ display:inline-block !important; transform:translateX(-4px) !important; } /* GST */ .woocommerce #order_review tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce #order_review tfoot tr.order-total td .inc-gst-text{ display:block !important; text-align:right !important; margin-top:-5px !important; transform:translateX(-5px) !important; } /* Shipping */ .woocommerce-shipping-totals td{ padding:15px 0 !important; } #shipping_method li{ width:100% !important; } #shipping_method li label{ display:block !important; width:100% !important; position:relative !important; padding-right:10px !important; line-height:1.5 !important; } /* Pickup address */ #shipping_method .pickup-address{ display:block !important; margin-top:8px !important; margin-left:-22px !important; padding-right:0 !important; color:#666 !important; font-size:14px !important; } /* FREE */ #shipping_method li label span[style*="float:right"]{ position:absolute !important; top:0 !important; right:0 !important; float:none !important; color:#69C240 !important; font-weight:600 !important; } /* Currency box */ .wc-stripe-local-payment-box{ width:100% !important; overflow:hidden !important; } /* Card fields */ .wc-stripe-elements-field, .StripeElement{ width:100% !important; } } /* Click & Collect Free */ /* Shipping + Click & Collect Free Alignment */ #shipping_method li:first-child label > span > span:last-child, #shipping_method li:last-child label span[style*="float:right"]{ position: absolute !important; right: 0px !important; left: auto !important; transform: none !important; float: none !important; } #calc_shipping_country_field, #calc_shipping_state_field, #calc_shipping_city_field{ display:none !important; } /* Hide thumbnail only on Cart page */ body.woocommerce-cart td.product-thumbnail, body.woocommerce-cart th.product-thumbnail{ display: none !important; } /* Hide Qty text only on Cart page */ body.woocommerce-cart .premium-qty{ display: none !important; } .woocommerce-checkout .col2-set{ width:55% !important; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{ width:43% !important; max-width:43% !important; } .premium-right{ margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; min-width:190px; padding-right:10px; } .premium-right .premium-qty{ margin-bottom:12px; text-align:right; } .premium-right .premium-price{ text-align:right; } .premium-right .premium-price del, .premium-right .premium-price ins, .premium-right .premium-price small{ display:block; } .print-title{ display:block; color:#69C240; font-weight:600; } .print-pcs{ display:block; margin-top:4px; color:#888; font-size:14px; } .premium-row .right{ margin-left:auto; text-align:right; white-space:nowrap; } .premium-row .right .inc-gst-text{ display:block; } .woocommerce-checkout .pankaj-premium-table .premium-right{ margin-left: auto !important; /* min-width: 300px !important;*/ display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; padding-right: 0 !important; } @media (max-width:1024px){ .woocommerce .col2-set{ display:block !important; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{ width:100% !important; max-width:100% !important; float:none !important; margin:0 0 25px !important; } .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; float:none !important; margin-top:25px !important; } } /* ===== Mobile Checkout Full Width Fix ===== */ @media (max-width: 767px){ .woocommerce-checkout #customer_details, .woocommerce-checkout .col2-set{ display:block !important; width:100% !important; max-width:100% !important; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2, .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; float:none !important; margin:0 0 25px 0 !important; padding:0 !important; clear:both !important; } .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .shipping_address, .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; } .woocommerce-checkout form.checkout{ width:100% !important; } } @media (max-width:767px){ .woocommerce-checkout .pankaj-premium-table .premium-right{ min-width:auto !important; width:auto !important; margin-left:auto !important; display:flex !important; justify-content:flex-end !important; align-items:flex-start !important; flex:0 0 auto !important; } .woocommerce-checkout .pankaj-premium-table .premium-price{ width:auto !important; white-space:nowrap !important; text-align:right !important; transform:none !important; } .woocommerce-checkout .pankaj-premium-table .right.green{ transform:none !important; text-align:right !important; } } @media (max-width: 767px){ /* Fix Subtotal & Total */ .woocommerce-checkout-review-order-table tfoot td{ text-align: right !important; padding-right: 20px !important; overflow: visible !important; } .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot td strong{ display: inline-block !important; transform: translateX(-20px) !important; } .woocommerce-checkout-review-order-table tfoot td .inc-gst-text{ display: block !important; transform: translateX(-20px) !important; } } @media (max-width: 767px){ /* Subtotal & Total Right Alignment */ .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td, .woocommerce-checkout-review-order-table tfoot tr.order-total td{ text-align: right !important; padding-right: 16px !important; } .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount{ display: inline-block !important; transform: translateX(-16px) !important; } .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce-checkout-review-order-table tfoot tr.order-total td .inc-gst-text{ display: block !important; transform: translateX(-16px) !important; } } @media (max-width:767px){ .woocommerce-checkout-review-order-table tfoot tr td{ width: 1% !important; white-space: nowrap !important; padding-right: 15px !important; overflow: visible !important; } .woocommerce-checkout-review-order-table tfoot tr td strong, .woocommerce-checkout-review-order-table tfoot tr td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot tr td .inc-gst-text{ transform: none !important; margin: 0 !important; right: auto !important; left: auto !important; position: static !important; } } @media (max-width:767px){ /* Subtotal & Total row */ .woocommerce-checkout-review-order-table tfoot tr{ display:table !important; width:100% !important; } .woocommerce-checkout-review-order-table tfoot th{ width:40% !important; text-align:left !important; } .woocommerce-checkout-review-order-table tfoot td{ width:60% !important; text-align:right !important; padding-right:0px !important; box-sizing:border-box !important; overflow:visible !important; } .woocommerce-checkout-review-order-table tfoot td strong, .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount{ display:inline-block !important; position:static !important; transform:none !important; margin:0 !important; } .woocommerce-checkout-review-order-table tfoot td .inc-gst-text{ display:block !important; margin-top:2px !important; text-align:right !important; } } .efp-shipping-note td{ width: 100%; white-space: nowrap; } div#group-icon-header { top: 140px !important; } /* Cart Total Heading */ .cart_totals h2{ text-align: center !important; display: block; width: 100%; font-size: 40px; font-weight: 700; margin: 0 0 25px; } .woocommerce-cart .woocommerce{ display: flex; align-items: flex-start; gap: 15px; } .woocommerce-cart-form{ flex: 1; } .cart-collaterals{ width: 420px; margin: 0 !important; } body.page-id-52 tr.woocommerce-shipping-totals.shipping{ display: none !important; } @media (max-width:767px){ .woocommerce-checkout-review-order-table{ table-layout:auto !important; } .woocommerce-checkout-review-order-table td{ overflow:visible !important; } .woocommerce-checkout #order_review{ overflow:visible !important; } .pankaj-premium-table .premium-right{ min-width:auto !important; width:auto !important; flex:0 0 auto !important; } .pankaj-premium-table .premium-row .woocommerce-Price-amount { display: inline-block !important; font-size: 12px !important; font-weight: 500 !important; color: #111 !important; } .pankaj-premium-table .premium-row .inc-gst-text { display: inline-block !important; margin-left: 3px !important; white-space: nowrap !important; font-size: 8px !important; } .page-id-52 .pankaj-premium-table .premium-row .woocommerce-Price-amount { display: inline-block !important; font-size: 15px !important; font-weight: 500 !important; color: #111 !important; } .page-id-52 .pankaj-premium-table .premium-row .inc-gst-text { display: inline-block !important; margin-left: 3px !important; white-space: nowrap !important; font-size: 12px !important; } .page-id-52 span.woocommerce-Price-amount.amount { font-size: 18px !IMPORTANT; } .page-id-52 span.woocommerce-Price-amount.amount { font-size: 15px !IMPORTANT; } .page-id-52 tr.cart-subtotal{ display: none; } } /* Cart Page Only */ .page-id-52 .cart_totals .cart-subtotal{ display: none !important; } .ts-search-result-container:empty{ display:none !important; } body > .ts-search-result-container:empty::before{ display:none !important; content:none !important; } /* Checkout Order Summary GST */ .premium-price{ display:flex; flex-direction:column; align-items:flex-end; gap:0 !important; line-height:1 !important; } .premium-price .woocommerce-Price-amount{ line-height:1 !important; margin-bottom:0 !important; } .premium-price .inc-gst-text{ display:block; width:auto; text-align:right; margin:0 !important; padding:0 !important; line-height:1 !important; font-size:13px; } .premium-row .right .inc-gst-text{ display:block !important; position:relative !important; top:2px !important; } /* ============================ PREMIUM CHECKOUT ALIGNMENT ============================ */ .pankaj-premium-table .premium-row{ display:flex; align-items:flex-start; gap:1px; padding:18px 0; border-bottom:1px solid #ececec; } .pankaj-premium-table .left{ flex:1; min-width:0; } .pankaj-premium-table .right, .pankaj-premium-table .premium-right{ width:135px; flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; } .pankaj-premium-table .woocommerce-Price-amount{ font-size:17px !important; font-weight:600 !important; line-height:1 !important; } .pankaj-premium-table .inc-gst-text{ display:block !important; margin:4px 0 0 !important; font-size:12px !important; color:#777 !important; line-height:1 !important; text-align:right; } .pankaj-premium-table .print-title{ font-size:14px; font-weight:600; color:#68BD45; } .pankaj-premium-table .print-pcs{ display:block; margin-top:4px; font-size:15px; color:#777; } .pankaj-premium-table .premium-title{ font-size:13px; font-weight:500; line-height:1.35; margin-left: 10px; } .pankaj-premium-table .premium-qty{ margin-top:8px; } .pankaj-product-divider{ margin:22px 0; } .premium-row .right{ margin-left:auto !important; text-align:right !important; display:flex !important; flex-direction:column !important; align-items:flex-end !important; width:auto !important; min-width:fit-content !important; flex:none !important; } #main-content.product-has-background .before-loop-wrapper:before, #main-content.product-has-background .term-description:before{ position: static; left:0; top:0; content:""; } .single-stock-qty{ margin-top:10px; } .single-stock-qty .stock-status{ display:inline-flex !important; align-items:center !important; gap:8px !important; color:#23AD50 !important; font-size:16px; font-weight:600; } .single-stock-qty .stock-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:24px; height:24px; min-width:24px; background:#23AD50; color:#fff; border-radius:50%; font-size:14px; font-weight:700; line-height:24px; padding:0; } .single-stock-qty .stock-status span:last-child{ display:flex; align-items:center; line-height:1; } .pankaj-pricing-table { display: none; } /* Hide Buy Now button on single product page */ .single-product .ts-buy-now-button { display: none !important; } .efp-share-buttons{ display:flex; align-items:center; gap:12px; margin-top:25px; } .efp-share-buttons span{ font-weight:600; color:#222; } .efp-share-buttons a{ width:40px; height:40px; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#333; text-decoration:none; transition:.3s; } .efp-share-buttons a:hover{ background:#69C240; color:#fff; border-color:#69C240; } /* Facebook */ .efp-share-buttons a:nth-child(2){ color:#1877F2; } .efp-share-buttons a:nth-child(2):hover{ background:#1877F2; border-color:#1877F2; color:#fff; } /* WhatsApp */ .efp-share-buttons a:nth-child(3){ color:#25D366; } .efp-share-buttons a:nth-child(3):hover{ background:#25D366; border-color:#25D366; color:#fff; } /* X (Twitter) */ .efp-share-buttons a:nth-child(4){ color:#000; } .efp-share-buttons a:nth-child(4):hover{ background:#000; border-color:#000; color:#fff; } /* LinkedIn */ .efp-share-buttons a:nth-child(5){ color:#0A66C2; } .efp-share-buttons a:nth-child(5):hover{ background:#0A66C2; border-color:#0A66C2; color:#fff; } /* Pinterest */ .efp-share-buttons a:nth-child(6){ color:#BD081C; } .efp-share-buttons a:nth-child(6):hover{ background:#BD081C; border-color:#BD081C; color:#fff; } div.wpcf7 input[type^="submit"] { margin-top: 36px; background: #6cc04a; border: none; width: 100%; } /* Hide Apple Pay / Express Checkout on Checkout Page */ .woocommerce > form.checkout { padding-top: 0px !important; } fieldset#wc-stripe-upe-form { padding: 0 !important; margin-top: 10px !important; } .page-id-52 .quantity .number-button { margin-left: 0px !important; margin-top: 0px !important; } /* ===== Mobile Checkout Full Width Fix ===== */ @media (max-width: 767px){ .woocommerce #order_review .inc-gst-text { margin-left: 4px !important; font-size: 8px !important; display: inline-block; } span.woocommerce-Price-amount.amount { font-size: 12px !IMPORTANT; } #shipping_method li:first-child label > span > span:last-child, #shipping_method li:last-child label span[style*="float:right"] { right: 0px !important; font-size: 12px !important; } label[for="payment_method_stripe"]:after { font-size: 12px !important; } } .woocommerce #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th { padding: 10px 0 !important; } #billing_country_field{ display: none !important; } abbr.required { color: #c6213b !important; } /* Billing Phone Required Star */ #billing_phone_field label::after, #shipping_phone_field label::after{ content:" *"; color:#ff0000; font-weight:700; } /* ========================= POPUP ========================= */ #efp-print-popup{ display:none; position:fixed; inset:0; z-index:999999; } .efp-popup-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.65); } .efp-popup-box{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:96vw; max-width:1500px; height:92vh; max-height:92vh; overflow-y:auto; background:#fff; border-radius:18px; padding:35px; box-shadow:0 25px 60px rgba(0,0,0,.25); } .efp-popup-close{ position:absolute; top:20px; right:20px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:none; border-radius:50%; background:#fff; color:#69BE45; font-size:30px; font-weight:300; line-height:1; cursor:pointer; transition:all .25s ease; z-index:9999; } .efp-popup-close:focus{ outline:none; } .efp-popup-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:25px; } .efp-popup-card{ display:block; border:2px solid #e6e6e6; border-radius:16px; padding:18px; cursor:pointer; transition:.25s; text-align:center; } .efp-popup-card img{ width:100%; border-radius:10px; } .efp-popup-card input{ display:none; } .efp-popup-card h4{ margin:15px 0 5px; } .efp-popup-card span{ color:#69BE45; font-weight:700; } .efp-popup-card:hover{ border-color:#69BE45; } .efp-popup-card.active{ border-color:#69BE45; box-shadow:0 0 0 4px rgba(105,190,69,.15); } .efp-popup-next{ margin-top:30px; float:right; padding:14px 40px; } .efp-popup-next:disabled{ opacity:.5; cursor:not-allowed; } .efp-popup-card.active{ border:2px solid #69BE45; box-shadow:0 0 0 4px rgba(105,190,69,.15); } /*========================== PREMIUM TOGGLE ==========================*/ .efp-toggle-wrap{ display:flex; align-items:center; gap:14px; cursor:pointer; user-select:none; font-size:20px; font-weight:600; color:#222; } .efp-toggle-wrap input{ display:none; } /* Toggle */ .efp-toggle-slider{ position:relative; width:64px; height:34px; background:#d7d7d7; border-radius:100px; transition:.35s; flex-shrink:0; box-shadow:inset 0 2px 5px rgba(0,0,0,.12); } .efp-toggle-slider:before{ content:""; position:absolute; left:4px; top:4px; width:26px; height:26px; border-radius:50%; background:#fff; transition:.35s; box-shadow:0 4px 12px rgba(0,0,0,.18); } /* ON */ .efp-toggle-wrap input:checked + .efp-toggle-slider{ background:#69BE45; } .efp-toggle-wrap input:checked + .efp-toggle-slider:before{ transform:translateX(30px); } /* Hover */ .efp-toggle-wrap:hover .efp-toggle-slider{ box-shadow: inset 0 2px 5px rgba(0,0,0,.12), 0 0 0 6px rgba(105,190,69,.10); } /* Text */ .efp-toggle-text { font-size: 16px; font-weight: 600; color: #222; } #efp-upload-success{ display:none; margin-top:15px; padding:12px 16px; background:#ecf9ef; border:1px solid #69BE45; border-radius:8px; color:#2d7d32; font-size:15px; font-weight:600; } .efp-popup-help{ margin-top:20px; display:flex; align-items:center; gap:10px; font-size:15px; color:#555; } .efp-popup-help i{ color:#69BE45; font-size:20px; } .efp-popup-help a{ color:#69BE45; text-decoration:none; font-weight:700; } .efp-popup-help a:hover{ text-decoration:underline; } /* Popup Checkbox */ .efp-popup-card{ position:relative; } .efp-popup-card input.popup_print_type{ display:block !important; position:absolute; top:15px; left:15px; width:20px; height:20px; opacity:1 !important; visibility:visible !important; accent-color:#69C240; z-index:999; cursor:pointer; } /*========================================= POPUP STEP HEADING =========================================*/ .efp-popup-box h2{ font-size:16px; font-weight:600; color:#222; margin:0 0 12px; } .efp-popup-box p{ margin:0 0 20px; color:#666; font-size:15px; } /*========================================= UPLOAD BOX =========================================*/ .efp-upload-box{ margin-bottom:25px; } .efp-upload-box label{ display:block; font-size:16px; font-weight:600; color:#222; margin-bottom:10px; } .efp-upload-box input[type=file]{ width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; background:#fff; } .efp-upload-box small{ display:block; margin-top:10px; color:#666; font-size:13px; } /*========================================= UPLOAD SUCCESS =========================================*/ #efp-upload-success{ display:none; margin-top:15px; padding:12px 15px; background:#ECF8EE; border:1px solid #69BE45; border-radius:8px; color:#2F7D32; font-size:15px; font-weight:600; } /*========================================= DIVIDER =========================================*/ .efp-popup-divider{ margin:2px 0; border:0; border-top:1px solid #ececec; } .efp-print-colours{ display:flex; gap:20px; align-items:center; margin:18px 0 30px; flex-wrap:wrap; } .efp-colour-card{ display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:600; font-size:15px; } .efp-colour-card input{ margin:0; } .colour-dot{ width:22px; height:22px; border-radius:50%; display:inline-block; } .efp-popup-help{ display:flex; align-items:center; gap:12px; margin-top:25px; font-size:20px; font-weight:600; color:#333; } .efp-popup-help i{ font-size:28px; color:#69BE45; } .efp-popup-help a{ color:#333; text-decoration:none; font-weight:700; } .efp-popup-help a:hover{ color:#69BE45; } .efp-popup-help a{ color:#69BE45 !important; font-weight:700; text-decoration:none; } .efp-popup-help a:hover{ color:#5aa93a !important; text-decoration:underline; } /*============================= STEP 2 COLOUR =============================*/ .efp-colour-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin:25px 0 40px; } .efp-colour-option{ display:block; cursor:pointer; } .efp-colour-option input{ display:none; } .efp-colour-box{ display:flex; align-items:center; justify-content:space-between; padding:22px 28px; border:2px solid #e5e5e5; border-radius:16px; transition:.25s; background:#fff; } .efp-colour-option:hover .efp-colour-box{ border-color:#69BE45; } .efp-colour-circle{ width:34px; height:34px; border-radius:50%; margin-right:18px; flex-shrink:0; } .efp-colour-circle.kraft{ background:#c79b63; } .efp-colour-circle.white{ background:#fff; border:2px solid #ddd; } .efp-colour-name{ flex:1; font-size:26px; font-weight:700; color:#222; } .efp-check{ position:absolute; top:16px; right:16px; width:22px; height:22px; border:2px solid #bdbdbd; border-radius:3px; /* Square checkbox */ background:#fff; color:transparent; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; line-height:1; opacity:1; transition:.25s; } .efp-colour-option input:checked + .efp-colour-box{ border-color:#69BE45; background:#f6fff2; box-shadow:0 0 0 4px rgba(105,190,69,.12); } .shopping-cart-wrapper .ic-cart:before, .ts-tiny-account-wrapper .account-link>a:before, .my-wishlist-wrapper a:before, .search-button>span:before { color: #1D3822 !important; } .pankaj-cat-item{ min-width:170px; text-align:center; text-decoration:none; flex-shrink:0; } .pankaj-cat-item img{ width:170px; height:170px; object-fit:cover; border-radius:25px; border:1px solid #ddd; transition:.3s; } .pankaj-cat-item h4{ margin-top:12px; font-size:18px; font-weight:100; color:#000; } .pankaj-cat-item:hover img{ transform:scale(1.05); } .woocommerce-products-header + .content-container, .products-loop{ margin-top:180px; } /* CATEGORY PAGE TITLE CENTER */ .breadcrumb-title-wrapper .breadcrumb-content.container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .breadcrumb-title { text-align: center; width: 100%; margin: 0 auto; } .breadcrumb { justify-content: center; } .product-wrapper .meta-wrapper { text-align: center; display: flex; flex-direction: column; align-items: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: } .product-wrapper .heading-title.product-name a { display: block; text-align: center; } .product-wrapper .heading-title.product-name { width: 100%; text-align: center; font-size: 22px; font-weight: 700; line-height: 1.4; margin-top: 12px; } .product-wrapper .heading-title.product-name a { display: block; text-align: center; font-size: 13px; font-weight: 600; color: #000; } .product-wrapper .price { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; text-align: center; margin-top: 10px; } /* Sale Price */ .product-wrapper .price .woocommerce-Price-amount.amount bdi { color: #0A4F30 !important; font-size: 15px; font-weight: 700; } /* Old Price */ .product-wrapper .price del .woocommerce-Price-amount.amount bdi { color: #999 !important; font-size: 18px; font-weight: 500; } .custom-color-swatch{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin:12px 0; } .custom-color-swatch span{ width:38px; height:38px; border-radius:50%; display:block; border:2px solid #e5e5e5; box-shadow:0 2px 8px rgba(0,0,0,0.08); } .custom-color-swatch p{ margin-top:8px; font-size:14px; font-weight:600; color:#444; text-transform:capitalize; } /* ========================================= SINGLE PRODUCT ICONS SECTION ========================================= */ .custom-product-icons{ /* 3 column layout */ display:grid; /* 3 equal columns */ grid-template-columns:repeat(3,1fr); /* Row gap + column gap */ gap:14px 15px; /* Top + bottom spacing */ margin:10px 0 0px; } /* SINGLE ICON ITEM */ .custom-product-icons .icon-item{ /* Icon + text side by side */ display:flex; /* Vertical center align */ align-items:center; /* Space between icon and text */ gap:14px; } /* ICON IMAGE */ .custom-product-icons .icon-item img{ /* Fixed width */ width:33px; /* Fixed height */ height:33px; /* Keep image ratio proper */ object-fit:contain; /* Prevent image shrinking */ flex-shrink:0; } /* ICON TEXT */ .custom-product-icons .icon-item span{ /* Text size */ font-size:13px; /* Text spacing */ line-height:1.4; /* Text color */ color:#1d1d1d; /* Medium font weight */ font-weight:500; } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media(max-width:767px){ .custom-product-icons{ /* 2 column layout on mobile */ grid-template-columns:repeat(2,1fr); /* Smaller spacing */ gap:20px; } .custom-product-icons .icon-item span{ /* Smaller text on mobile */ font-size:14px; } .custom-product-icons .icon-item img{ /* Smaller icons on mobile */ width:29px; height:29px; } } .summary .detail-meta-top { margin-bottom: 5px !IMPORTANT;} /* ========================================= PREMIUM QUANTITY PRICING TABLE ========================================= */ .pankaj-pricing-table{ margin-top:-12px; } /* HEADING */ .pankaj-pricing-table h3 { font-size: 12px; line-height: 1.1; margin-bottom: 10px; color: #69C240; font-weight: 600; letter-spacing: -.5px; } /* TABLE */ .pankaj-pricing-table table{ width:100%; border:1px solid #dddddd; border-radius:20px; overflow:hidden; background:#ddd; box-shadow:0 4px 18px rgba(0,0,0,0.03); } /* TD */ .pankaj-pricing-table td { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 6px 6px; text-align: center; vertical-align: middle; background: #fff; font-size: 12px; color: #111; min-width: 100px; } /* FIRST ROW FIX */ .pankaj-pricing-table table tbody tr:first-child td{ padding-top:12px !important; padding-bottom:12px !important; vertical-align:middle !important; } /* REMOVE LAST BORDER */ .pankaj-pricing-table tr td:last-child{ border-right:none; } .pankaj-pricing-table tr:last-child td{ border-bottom:none; } /* LEFT COLUMN */ .pankaj-pricing-table .heading-col{ width:180px; min-width:180px; text-align:left !important; background:#fafafa; font-size:12px; font-weight:600; padding-left:18px !important; color:#333; } /* PRICE */ .pankaj-pricing-table strong{ display:block; font-size:12px; line-height:1.1; font-weight:600; color:#111; } /* SMALL TEXT */ .pankaj-pricing-table small { display: block; margin-top: 5px; font-size: 10px; color: #8a8a8a; line-height: 1.3; margin-bottom: 20px; } /* HOVER */ .pankaj-pricing-table td:hover{ background:#fcfcfc; transition:0.2s ease; } .pankaj-pricing-table .price-row td{ box-shadow: inset -1px 0 0 #e5e5e5; } .pankaj-pricing-table .price-row td:last-child{ box-shadow:none; } /* Buy More Save More Mobile Fix */ @media (max-width:768px){ .pankaj-pricing-table{ overflow:hidden !important; } .pankaj-pricing-table table{ min-width:100% !important; width:100% !important; table-layout:fixed !important; } .pankaj-pricing-table .heading-col{ width:28% !important; min-width:auto !important; padding:8px !important; font-size:14px !important; } .pankaj-pricing-table td{ width:18% !important; min-width:auto !important; padding:8px 4px !important; font-size:13px !important; } .pankaj-pricing-table strong{ font-size:14px !important; line-height:1.2 !important; } .pankaj-pricing-table small{ font-size:10px !important; line-height:1.2 !important; word-break:break-word !important; } .pankaj-pricing-table h3{ font-size:20px !important; margin-bottom:10px !important; } } /* MOBILE */ @media(max-width:768px){ .pankaj-pricing-table{ overflow-x:auto; margin-top:20px; } .pankaj-pricing-table table{ min-width:680px; } .pankaj-pricing-table h3{ font-size:24px; } .pankaj-pricing-table td{ padding:12px 8px; } } /* ========================================= PANKAJ LOGO PRINTING ========================================= */ .pankaj-logo-box{ width:100%; margin:-12px 0; } /* TOGGLE AREA */ .pankaj-logo-box .logo-toggle-wrap { display: flex; align-items: center; gap: 14px; cursor: pointer; margin-bottom: 10px; margin-top: 20px !IMPORTANT; } .pankaj-logo-box .logo-toggle-wrap input{ display:none; } /* SWITCH */ .pankaj-logo-box .toggle-slider{ width:62px; height:34px; background:#dcdcdc; border-radius:50px; position:relative; transition:.3s; flex-shrink:0; } .pankaj-logo-box .toggle-slider:before{ content:''; width:26px; height:26px; background:#fff; border-radius:50%; position:absolute; top:4px; left:4px; transition:.3s; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider{ background:#6bc442; } .pankaj-logo-box .logo-toggle-wrap input:checked + .toggle-slider:before{ left:32px; } /* TEXT */ .pankaj-logo-box .toggle-text{ font-size:15px; font-weight:700; color:#111; } /* HIDDEN AREA */ .pankaj-logo-box .logo-print-area { display: none; background: #edf7e8; padding: 25px; border-radius: 20px; margin-bottom: 20px; } /* FILE BUTTON */ .pankaj-logo-box .upload-box{ margin-bottom:35px; } .pankaj-logo-box .upload-box label { display: inline-block; background: #6bc442; color: #fff; padding: 4px 15px; border-radius: 14px; font-size: 13px; font-weight: 600; cursor: pointer; margin-bottom: 15px; } .pankaj-logo-box .upload-box input[type="file"]{ width:100%; margin-top:10px; } .pankaj-logo-box .upload-box small{ display:block; margin-top:12px; color:#666; font-size:14px; } /* TITLE */ .pankaj-logo-box .print-title{ font-size:34px; font-weight:700; margin-bottom:25px; line-height:1.2; } /* 3 BUTTONS IN ROW */ .pankaj-logo-box .print-options{ display:flex; gap:15px; margin-top:20px; } .print-color-title { font-size: 18px; font-weight: 700; color: #68BD45; margin: 0 0 20px; line-height: 1.2; margin-top: -28px !IMPORTANT; } .woocommerce div.product form.cart{ border-top: 0 !important; padding-top: 0 !important; } .pankaj-logo-box .print-card { flex: 1; margin: 0; padding: 5px; min-height: 70px; display: flex; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid #dfe7d8; border-radius: 18px; cursor: pointer; transition: .3s ease; } .pankaj-logo-box .print-card div{ width:100%; } .pankaj-logo-box .print-card input{ display:none; } .pankaj-logo-box .print-card strong{ display:block; color:#68BD45; font-size:17px; font-weight:700; margin-bottom:8px; } .pankaj-logo-box .print-card p{ margin:0; font-size:13px; color:#111; } /* ACTIVE */ .pankaj-logo-box .print-card.active{ background:#68BD45; border-color:#68BD45; } .pankaj-logo-box .print-card.active strong, .pankaj-logo-box .print-card.active p{ color:#fff; } /* HOVER */ .pankaj-logo-box .print-card:hover{ border-color:#68BD45; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-logo-box .print-title{ font-size:26px; } .pankaj-logo-box .print-options{ flex-direction:column; } .pankaj-logo-box .print-card{ min-height:90px; padding:16px; } .pankaj-logo-box .print-card strong{ font-size:18px; } .pankaj-logo-box .print-card p{ font-size:15px; } } .woocommerce div.product form.cart .variations_button { display: block !IMPORTANT;} /* DOT ICON */ .pankaj-attribute-list li::before{ content:""; width:8px; height:8px; border-radius:50%; background:#6cc63f; flex-shrink:0; } /* LABEL */ .pankaj-attribute-list li strong{ font-weight:700; color:#111; } /* HOVER */ .pankaj-attribute-list li:hover{ border-color:#6cc63f; background:#f4ffef; transform:translateY(-2px); } /* MOBILE */ @media(max-width:767px){ .pankaj-attribute-list ul{ gap:10px; } .pankaj-attribute-list li{ width:100%; font-size:15px; padding:10px 14px; } } /* .woocommerce div.product form.cart .variations { display:none !important; } */ .woocommerce div.product form.cart .variations { display: table !important; } /* HIDE THEME BADGE */ .ts-discount-percent{ display:none !important; } .yith-wfbt-submit-block .total_price .amount, ins .amount, .woocommerce .products .product ins .amount, .product_list_widget ins .amount, div.product .price ins .amount, .price ins .amount, .yith-wfbt-section ins .amount, .ts-wishlist-table-wrapper ins .amount, .cart ins .amount { color: #69C240; } .woocommerce div.product form.cart { padding-top: 0px !important; } .widget-container { margin: 19px 0 0 0 !important; padding: 15px 0 0 0 !important; border-width: 1px 0 0 0; border-style: solid; clear: both; position: relative; } p, address { margin: 0 0 0px !IMPORTANT; display: block; } .top-cat .woocommerce .products .product a img { box-shadow: none; height: 130px; width: 130px !IMPORTANT; border-radius: 20px; margin: 0 auto; border: 1px solid; } /* Hide only default variation rows */ .variation-Colour, .variation-Length, .variation-Width, .variation-Height, .variation-Quantity, .variation-Size, .variation-Colour + dd, .variation-Length + dd, .variation-Width + dd, .variation-Height + dd, .variation-Quantity + dd, .variation-Size + dd{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dt:not(.variation-OrderSummary), .woocommerce-checkout-review-order-table dl.variation dd:not(.variation-OrderSummary){ display:none !important; } /* Hide top product row */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name > strong.product-quantity, .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-name{ font-size:0 !important; line-height:0 !important; } /* Keep premium box visible */ .woocommerce-checkout-review-order-table .variation-OrderSummary + dd{ font-size:initial !important; line-height:initial !important; } /* Hide top subtotal amount */ .woocommerce-checkout-review-order-table tbody tr.cart_item > td.product-total{ display:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item{ border:none !important; } .woocommerce-checkout-review-order-table tbody tr.cart_item td{ padding:0 !important; border:none !important; } .premium-total .right{ font-size:30px; line-height:1.1; font-weight:800; color:#67c63d; } .woocommerce div.product div.summary { padding-left: 30px; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; width: auto; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); margin-left: 17px; border-radius: 25px; padding: 30px; } /* Form Css All custom page */ /* ========================= INPUT FIELD ========================= */ .inputfield{ padding:8px 16px !important; min-height:52px !important; font-size:18px !important; border-radius:10px !important; border:2px solid #e8e8e8 !important; box-shadow:none !important; } /* ========================= PRODUCT BUILDER FORM ========================= */ .product-builder-form{ width:100%; padding:10px; background:#fff; border-radius:22px; overflow:hidden; } /* ========================= HEADINGS ========================= */ .product-builder-form h4 { font-size: 15px; font-weight: 500; color: #111; margin-bottom: 14px; line-height: 1.2; letter-spacing: -0.3px; margin-bottom: 10px !important; margin-top: 10px !important; } .custom-class{ margin-bottom:24px; } /* ========================= RADIO WRAP ========================= */ .wpcf7-radio{ display:flex; flex-wrap:wrap; gap:10px; } /* ========================= PILLS ========================= */ .pill .wpcf7-list-item{ margin:0; } .pill label{ margin:0; } .pill input[type="radio"], .pill input[type="checkbox"]{ display:none; } /* ========================= BUTTON STYLE ========================= */ .pill .wpcf7-list-item-label{ display:flex; align-items:center; justify-content:center; text-align:center; width:100px; min-height:35px; padding:10px 16px; background:#fff; border:2px solid #e7e7e7; border-radius:14px; font-size:15px; font-weight:500; line-height:1.2; color:#222; cursor:pointer; transition:all .25s ease; box-shadow:0 2px 8px rgba(0,0,0,0.03); } /* ACTIVE */ .pill input:checked + .wpcf7-list-item-label{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* HOVER */ .pill .wpcf7-list-item-label:hover{ border-color:#6cc04a; } /* CAPS */ input[name="Caps"] + .wpcf7-list-item-label{ width:170px; } /* SIZE */ input[name="size"] + .wpcf7-list-item-label{ width:140px; min-height:50px; } /* QUANTITY */ input[name="quantity"] + .wpcf7-list-item-label{ width:58px; min-height:38px; font-size:14px; border-radius:12px; } /* ========================= INPUTS ========================= */ .inputfield, .form-control{ width:100%; background:#fff; outline:none; transition:.25s ease; } .inputfield:focus, .form-control:focus{ border-color:#6cc04a !important; } /* TEXTAREA */ textarea.inputfield{ min-height:100px !important; resize:none; padding-top:14px !important; } /* PLACEHOLDER */ ::placeholder{ color:#888; opacity:1; } /* ========================= DESIGN BOX ========================= */ .Custom-designer{ background:#fff; border:2px solid #ececec; border-radius:22px; padding:20px 18px; margin:22px 0; } /* ========================= CHECKBOX BUTTONS ========================= */ input[type="checkbox"] + .wpcf7-list-item-label{ width:auto !important; min-width:180px !important; min-height:46px !important; padding:10px 18px !important; border-radius:14px !important; font-size:15px !important; white-space:nowrap; } /* ========================= NOTES ========================= */ .upload-note{ font-size:13px; color:#666; margin-top:12px; margin-bottom:10px; line-height:1.4; } .note{ font-size:12px; color:#777; margin-top:10px; line-height:1.4; } .design-gst{ font-size:13px; line-height:1.6; color:#333; margin-top:12px; } /* ========================= FILE INPUT ========================= */ .file-btn{ width:100%; border:2px solid #ececec; border-radius:14px; padding:10px; background:#fff; } .file-btn::file-selector-button{ background:#6cc04a; color:#fff; border:none; border-radius:10px; padding:10px 16px; margin-right:14px; cursor:pointer; font-weight:500; font-size:14px; } /* ========================= DESIGNER BUTTON ========================= */ .adesigner-btn{ margin-top:16px; width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; text-align:center; border:2px solid #e5e5e5; border-radius:14px; font-size:15px; font-weight:500; color:#111; cursor:pointer; transition:.25s ease; } .adesigner-btn:hover{ background:#6cc04a; border-color:#6cc04a; color:#fff; } /* ========================= BUTTONS ========================= */ .submit-btn, .popup-submit-btn{ width:100%; height:58px; border:none; border-radius:14px; background:#6cc04a; color:#fff; font-size:18px; font-weight:600; cursor:pointer; transition:.25s ease; } .submit-btn:hover, .popup-submit-btn:hover{ transform:translateY(-1px); } /* ========================= POPUP OVERLAY ========================= */ .quote-popup-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.65); display:none; align-items:center; justify-content:center; z-index:9999; padding:18px; } /* ========================= POPUP BOX ========================= */ .popup-quote-form{ width:100%; max-width:950px; background:#fff; border-radius:22px; padding:32px 24px; position:relative; } /* CLOSE */ .close-popup{ position:absolute; top:14px; right:18px; font-size:32px; line-height:1; cursor:pointer; } /* LABELS */ .popup-quote-form label { display: block; margin-bottom: -22px; font-size: 15px; font-weight: 500; color: #111; margin-top: 10px; } /* ========================= CF7 FIXES ========================= */ .wpcf7-spinner{ display:none; } .wpcf7-not-valid-tip{ margin-top:6px; font-size:12px; } .wpcf7-response-output{ margin-top:16px !important; border-radius:10px; font-size:13px; } /* ========================= MOBILE ========================= */ @media(max-width:767px){ .product-builder-form{ padding:8px; } .product-builder-form h4{ font-size:15px; } .pill .wpcf7-list-item-label{ width:calc(50% - 5px); font-size:14px; } input[name="quantity"] + .wpcf7-list-item-label{ width:52px; min-height:36px; font-size:13px; } input[name="Caps"] + .wpcf7-list-item-label{ width:150px; } input[name="size"] + .wpcf7-list-item-label{ width:130px; } .Custom-designer{ padding:18px 14px; } .popup-quote-form{ padding:22px 16px; } } /* Form Css All custom page end */ .inc-gst-text{ font-size:13px; font-weight:500; color:#666; margin-left:4px; } .coming-soon-text{ display:inline-flex !important; align-items:center; justify-content:center; background:#e8f8e8; color:#1f7a1f; border:1px solid #b7e4b7; padding:10px 22px; border-radius:30px; font-size:16px; font-weight:600; margin:12px 0; line-height:1; width:auto !important; max-width:max-content !important; } .products .product .price{ display:flex !important; align-items:center; gap:6px; } .products .product .price .inc-gst-text{ order:999 !important; margin-left:0 !important; white-space:nowrap; } .single-product .summary .price{ display:flex !important; align-items:center; gap:6px; flex-wrap:wrap; } .single-product .summary .price .inc-gst-text{ order:999 !important; white-space:nowrap; } /* ========================================= BILLING + SHIPPING SAME DESIGN ========================================= */ .woocommerce-billing-fields, .shipping_address{ background:#f5f5f5; padding:34px; border-radius:1px; box-shadow:0 4px 16px rgba(0,0,0,.08); } /* TITLE */ .woocommerce-billing-fields h3 { font-size: 22px; line-height: 1; font-weight: 600; margin-bottom: 30px; color: #68bd45; } /* SHIPPING TITLE */ #ship-to-different-address{ margin:35px 0 20px !important; } #ship-to-different-address label{ font-size:20px !important; font-weight:600 !important; color:#111 !important; } /* GRID */ .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:grid !important; grid-template-columns:repeat(12,1fr) !important; gap:12px !important; } /* RESET */ .woocommerce form .form-row{ width:100% !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; } /* ========================================= BILLING POSITIONS - Added by Jas ========================================= */ #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } /* Row 2 */ #billing_phone_field{ grid-column:1 / span 6; grid-row:2; } #billing_company_field{ grid-column:7 / span 6; grid-row:2; } /* Row 3 */ #billing_address_1_field{ grid-column:1 / span 12; grid-row:3; } /* Row 4 */ #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } /* Row 5 */ #billing_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= SHIPPING POSITIONS - Added by Jas ========================================= */ #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } /* Row 2 */ #shipping_phone_field{ grid-column:1 / span 6; grid-row:2; } #shipping_company_field{ grid-column:7 / span 6; grid-row:2; } /* Row 3 */ #shipping_address_1_field{ grid-column:1 / span 12; grid-row:3; } /* Row 4 */ #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } /* Row 5 */ #shipping_country_field{ grid-column:1 / span 12; grid-row:5; } /* ========================================= BILLING POSITIONS ========================================= */ /* #billing_first_name_field{ grid-column:1 / span 6; grid-row:1; } #billing_email_field{ grid-column:7 / span 6; grid-row:1; } #billing_company_field{ grid-column:1 / span 12; grid-row:2; } #billing_address_1_field{ grid-column:1 / span 6; grid-row:3; } #billing_phone_field{ grid-column:7 / span 6; grid-row:3; } #billing_city_field{ grid-column:1 / span 4; grid-row:4; } #billing_postcode_field{ grid-column:5 / span 4; grid-row:4; } #billing_state_field{ grid-column:9 / span 4; grid-row:4; } #billing_country_field{ grid-column:1 / span 12; grid-row:5; } */ /* ========================================= SHIPPING POSITIONS ========================================= */ /* #shipping_first_name_field{ grid-column:1 / span 6; grid-row:1; } #shipping_email_field{ grid-column:7 / span 6; grid-row:1; } #shipping_company_field{ grid-column:1 / span 12; grid-row:2; } #shipping_address_1_field{ grid-column:1 / span 6; grid-row:3; } #shipping_phone_field{ grid-column:7 / span 6; grid-row:3; } #shipping_city_field{ grid-column:1 / span 4; grid-row:4; } #shipping_postcode_field{ grid-column:5 / span 4; grid-row:4; } #shipping_state_field{ grid-column:9 / span 4; grid-row:4; } #shipping_country_field{ grid-column:1 / span 12; grid-row:5; }*/ /* HIDE ADDRESS 2 */ #billing_address_2_field, #shipping_address_2_field{ display:none !important; } /* INPUTS */ .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ width:100% !important; height:55px !important; background:#fff !important; border:1px solid #b7b7b7 !important; border-radius:2px !important; box-shadow:none !important; font-size:17px !important; color:#222 !important; } /* INPUT PADDING */ .woocommerce form .input-text{ padding:0 22px !important; } /* SELECT2 */ .select2-container{ width:100% !important; } .select2-container--default .select2-selection--single{ display:flex !important; align-items:center !important; padding:0 22px !important; } .select2-container--default .select2-selection__rendered{ line-height:60px !important; padding:0 !important; } .select2-container--default .select2-selection__arrow{ height:64px !important; right:15px !important; } /* PLACEHOLDER */ .woocommerce input::placeholder{ color:#9c9c9c !important; opacity:1 !important; } .woocommerce-checkout .optional{ display:none !important; } /* LABELS */ /* CHECKOUT LABELS */ .woocommerce form .form-row label{ display:block !important; margin-bottom:0px; font-size:11px; font-weight:600; color:#222; line-height:1.4; } .woocommerce form .form-row label .optional{ font-size:13px; color:#777; font-weight:400; } .woocommerce form .form-row label .required{ color:#e53935; } /* MOBILE */ @media (max-width:768px){ .woocommerce-billing-fields, .shipping_address{ padding:20px; border-radius:20px; } .woocommerce-billing-fields h3{ font-size:42px; } .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{ display:flex !important; flex-direction:column !important; } /* Billing Order */ #billing_first_name_field{order:1;} #billing_email_field{order:2;} #billing_phone_field{order:3;} #billing_company_field{order:4;} #billing_address_1_field{order:5;} #billing_city_field{order:6;} #billing_postcode_field{order:7;} #billing_state_field{order:8;} #billing_country_field{order:9;} /* Shipping Order */ #shipping_first_name_field{order:1;} #shipping_email_field{order:2;} #shipping_phone_field{order:3;} #shipping_company_field{order:4;} #shipping_address_1_field{order:5;} #shipping_city_field{order:6;} #shipping_postcode_field{order:7;} #shipping_state_field{order:8;} #shipping_country_field{order:9;} .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-shipping-fields__field-wrapper .form-row{ width:100% !important; margin-bottom:15px !important; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single{ height:58px !important; font-size:16px !important; } } /* ========================================= TOP SHIPPING BAR ========================================= */ .efp-top-bar{ background:#1D3822; width:100%; padding:12px 20px; position:relative; z-index:999; overflow:hidden; } .efp-top-bar-inner{ max-width:1400px; margin:0 auto; display:flex; align-items:center; } .efp-marquee{ flex:1; overflow:hidden; white-space:nowrap; } .efp-marquee-track{ display:inline-flex; align-items:center; white-space:nowrap; animation:efpMarquee 55s linear infinite; } .efp-marquee-track span{ padding-right:120px; font-size:16px; font-weight:600; color:#fff; } .efp-top-phone{ flex-shrink:0; margin-left:25px; text-decoration:none; color:#000; font-size:16px; font-weight:700; display:flex; align-items:center; gap:10px; } .efp-top-phone i{ font-size:20px; } @keyframes efpMarquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } } /* Mobile */ @media(max-width:768px){ .efp-top-bar{ padding:10px 15px; } .efp-top-bar-inner{ flex-direction:column; gap:8px; } .efp-marquee{ width:100%; } .efp-marquee-track span{ font-size:14px; padding-right:80px; } .efp-top-phone{ margin-left:0; font-size:14px; } .efp-top-phone i{ font-size:16px; } } .efp-top-phone{ flex-shrink:0; display:flex; align-items:center; gap:12px; text-decoration:none; color:#1f3b1f; font-size:18px; font-weight:700; background:#fff; padding:5px 10px; border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:all .3s ease; } .efp-top-phone:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.12); } .efp-top-phone i{ width:30px; height:30px; border-radius:50%; background:#4CAF50; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; } /* ===================================== CONTACT FORM 7 SUBSCRIBE FORM ===================================== */ .efp-subscribe-wrap{ width:100%; max-width:700px; margin:0 auto; position:relative; } .efp-subscribe-wrap p{ margin:0 !important; } .efp-subscribe-wrap .wpcf7-form{ position:relative; } .efp-subscribe-wrap .wpcf7-form-control-wrap{ display:block; width:100%; } /* EMAIL FIELD */ .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:88px !important; background:#f1f1f1 !important; border:2px solid #7d8694 !important; border-radius:28px !important; padding:0 300px 0 35px !important; font-size:22px !important; font-weight:500 !important; color:#555 !important; outline:none !important; box-sizing:border-box !important; box-shadow:none !important; } .efp-subscribe-wrap input[type="email"]::placeholder{ color:#7a7a7a !important; text-transform:uppercase; letter-spacing:.5px; } /* SUBMIT BUTTON */ .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:6px !important; right:6px !important; width:290px !important; height:76px !important; border:none !important; border-radius:22px !important; background:#69c81d !important; color:#fff !important; font-size:18px !important; font-weight:700 !important; letter-spacing:.5px; cursor:pointer !important; z-index:99 !important; transition:all .3s ease !important; margin:0 !important; padding:0 !important; } .efp-subscribe-wrap input[type="submit"]:hover{ background:#58ad19 !important; transform:translateY(-1px); } /* ERROR & SUCCESS */ .efp-subscribe-wrap .wpcf7-not-valid-tip{ font-size:12px !important; margin-top:6px; } .efp-subscribe-wrap .wpcf7-response-output{ margin:15px 0 0 !important; padding:10px !important; font-size:13px !important; border-radius:10px; } /* SPINNER */ .efp-subscribe-wrap .wpcf7-spinner{ position:absolute; bottom:-35px; left:0; } /* MOBILE */ @media (max-width:767px){ span.woocommerce-Price-amount.amount { font-size: 12px !IMPORTANT; } .efp-subscribe-wrap{ max-width:100%; position:relative; } .efp-subscribe-wrap input[type="email"]{ width:100% !important; height:68px !important; padding:0 170px 0 20px !important; font-size:16px !important; border-radius:20px !important; } .efp-subscribe-wrap input[type="submit"]{ position:absolute !important; top:4px !important; right:4px !important; width:165px !important; height:60px !important; margin:0 !important; border-radius:16px !important; font-size:15px !important; line-height:60px !important; } } .menu-desc, .menu-desc-lv0{ display:none !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#9e9e9e !important; line-height:64px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 64px !important; padding-left: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__placeholder{ display:inline !important; height:auto !important; line-height:64px !important; margin:0 !important; padding:0 !important; } .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { width: 100% !important; max-width: 509px; } .inc-gst-text{ display:inline !important; white-space:nowrap !important; margin-left:4px; } span.woocommerce-Price-amount.amount { font-weight: 500 !important; font-size: 15px ! IMPORTANT; color: #777 ! IMPORTANT; } .premium-row .left { font-size: 16px !important; font-weight: 600; color: #1D3822 !important; max-width: 100%; } .premium-total .left { font-size: 17px; font-weight: 700; color: #1D3822 !important; color: #111; } .woocommerce-checkout-review-order-table ul#shipping_method{ margin:0 !important; } .woocommerce-checkout-review-order-table ul#shipping_method li{ white-space:nowrap !important; } h3#order_review_heading{ display: none; } .quote-popup-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); display:none; z-index:999999; } .quote-popup-overlay.active{ display:block; } .popup-quote-form{ position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; max-width:90vw; background:#fff; border-radius:12px; padding:40px; box-shadow:0 15px 50px rgba(0,0,0,.25); z-index:9999999; } .close-popup{ position:absolute; top:15px; right:20px; font-size:34px; cursor:pointer; } .popup-quote-form .row{ display:flex; flex-wrap:wrap; margin:0 -10px; } .popup-quote-form .col-md-6{ width:50%; padding:0 10px; box-sizing:border-box; } @media(max-width:768px){ .popup-quote-form{ width:95%; padding:25px; } .popup-quote-form .col-md-6{ width:100%; } } .elementor-element-4acfb9b{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc.animated{ animation:none !important; transform:none !important; } .elementor-element-c38f0cc{ animation:none !important; transform:none !important; perspective:none !important; filter:none !important; } /* Popup wale Elementor columns ki animation globally kill */ .elementor-column.animated, .elementor-widget.animated, .elementor-element.animated{ animation:none !important; transform:none !important; } .animated.fadeInDown, .animated.fadeInUp, .animated.fadeInLeft, .animated.fadeInRight, .animated.zoomIn, .animated.slideInUp{ animation:none !important; transform:none !important; } .premium-cf7-container .animated{ animation:none !important; transform:none !important; } /* SIZE MM FIX */ .three-custom-class .row{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:12px; } .three-custom-class .col-4{ flex:1 1 0 !important; max-width:none !important; width:auto !important; } .three-custom-class .col-1{ flex:0 0 20px !important; width:20px !important; max-width:20px !important; text-align:center; } .three-custom-class input.wpcf7-text{ width:100% !important; height:48px; border:1px solid #d9d9d9; border-radius:12px; text-align:center; } .multiply-sign{ font-size:28px; line-height:1; color:#111; } .premium-cf7-container input.wpcf7-submit { font-size: 16px; color: #fff; background-color: #6CC04A !IMPORTANT; border: 1px solid #6CC04A; font-weight: 900; border-radius: 0; text-decoration: none; box-shadow: none; margin-top: 10px; padding: 5px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } p.adesigner-btn { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; } .elementor-invisible{ visibility: visible !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; } .premium-carousel-template .elementor-invisible{ visibility: visible !important; opacity: 1 !important; animation: none !important; } .ts-header .ts-search-normal .search-content input[type="text"] { border: 1px solid #68BD45; border-radius: 20px; } .woocommerce-checkout-review-order-table dl.variation{ margin:0 !important; } .woocommerce-checkout-review-order-table dd{ margin:0 !important; padding:0 !important; } .variation-OrderSummary{ margin:0 !important; } .variation-OrderSummary + dd{ margin:0 !important; padding:0 !important; } .pankaj-premium-table{ margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ padding-top:8px !important; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ padding-top:12px !important; } .free-shipping-label{ display:inline-block; background:#e8f7df; color:#69be45; padding:4px 10px; border-radius:20px; font-size:13px; font-weight:700; } .pankaj-grand-total-row { border-top: 2px solid #67c23a; padding-top: 0px !important; margin-top: 0px !important; } .pankaj-product-divider{ border-top:1px solid #dfe7d8; margin:25px 0; } .pankaj-item-heading { font-size: 12px; font-weight: 500; color: #000; margin: 6px 0 6px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .pankaj-grand-total-row{ border-top:2px solid #67c23a; padding-top:20px; margin-top:20px; } .pankaj-grand-total-row th, .pankaj-grand-total-row td{ font-size:32px; font-weight:700; color:#67c23a; } .pankaj-grand-total-row{ display:flex; justify-content:space-between; align-items:center; gap:20px; } .pankaj-grand-total-row .left{ flex:1; } .pankaj-grand-total-row .right{ text-align:right; white-space:nowrap; } /* Hide Shipment label */ .woocommerce-shipping-totals th{ display:none !important; } /* Expand shipping method row */ .woocommerce-shipping-totals td{ width:100% !important; } .woocommerce-shipping-totals .woocommerce-Price-amount { color: #111 !important; font-weight: 700 !important; } .woocommerce-shipping-totals .inc-gst-text { color: #888 !important; font-weight: 400 !important; } .woocommerce-shipping-totals td{ padding-left:0 !important; padding-right:0 !important; } .woocommerce-shipping-totals ul, .woocommerce-shipping-totals li{ margin:0 !important; padding:0 !important; list-style:none !important; } .woocommerce-shipping-totals td{ text-align:left !important; padding-left:0 !important; } .woocommerce-shipping-totals ul{ width:100% !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals li{ display:flex !important; justify-content:flex-start !important; align-items:center !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals td{ text-align:right !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; padding-bottom:0 !important; margin-bottom:0 !important; } .variation-OrderSummary{ margin-bottom:0 !important; } .variation-OrderSummary .pankaj-premium-table{ margin-bottom:0 !important; } .woocommerce-checkout-review-order-table dl.variation, .woocommerce-checkout-review-order-table dd{ margin-bottom:0 !important; } .pankaj-premium-table p{ margin:0 !important; padding:0 !important; } .pankaj-premium-table br{ display:none !important; } .woocommerce-checkout-review-order-table dl.variation dd { margin-bottom: 0 !important; padding-bottom: 0 !important; } label[for="payment_method_stripe"]{ font-size:0 !important; } label[for="payment_method_stripe"]:after{ content:'Credit/Debit Card'; font-size:16px; } .woocommerce form .input-text, .woocommerce form select, .select2-container--default .select2-selection--single { height: 45px!important;} th.product-total{ display: none; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select { font-weight: 400 !important; padding: 10px !important; } @media (max-width:768px){ .woocommerce form .form-row .input-text, .woocommerce form .form-row select{ margin-bottom:8px; } } @media (max-width:768px){ .woocommerce form .form-row.address-field .select2-container .select2-selection--single { margin-bottom: 8px;} } .woocommerce-cart .product-name > a{ display:none !important; } .woocommerce-cart .variation dt{ display:none !important; } .woocommerce-cart .variation-LogoPrinting, .woocommerce-cart .variation-LogoPrinting + dd, .woocommerce-cart .variation-TotalPieces, .woocommerce-cart .variation-TotalPieces + dd, .woocommerce-cart .variation-PrintingCost, .woocommerce-cart .variation-PrintingCost + dd{ display:none !important; } /* ===================================== PREMIUM LOGIN REGISTER ===================================== */ .woocommerce-account .customer-login{ display:grid; grid-template-columns:repeat(2,1fr); gap:50px; max-width:1300px; margin:50px auto; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ background:#fff; padding:40px; border-radius:30px; box-shadow:0 10px 40px rgba(0,0,0,.08); border:1px solid #ececec; } .woocommerce-account h2{ font-size:38px; margin-bottom:30px; font-weight:700; } .woocommerce-account input.input-text{ height:60px !important; border-radius:14px !important; border:1px solid #d9d9d9 !important; padding:0 20px !important; font-size:16px !important; } .woocommerce-account button.button{ background:#1D3822 !important; border-color:#1D3822 !important; color:#fff !important; height:58px; padding:0 35px !important; border-radius:14px !important; font-size:16px; font-weight:700; } .custom-social-login{ margin-top:20px; } .custom-social-login .nsl-container{ width:100%; } .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; } .woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; } @media(max-width:768px){ .woocommerce-account .customer-login{ grid-template-columns:1fr; gap:25px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:25px; border-radius:20px; } .woocommerce-account h2{ font-size:28px; } } /* ===================================== PREMIUM MY ACCOUNT PAGE V2 ===================================== */ .woocommerce-account .customer-login{ max-width:1400px; margin:60px auto; gap:60px; } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ position:relative; background:#fff; border-radius:35px; padding:50px; border:1px solid #e7e7e7; box-shadow:0 15px 50px rgba(0,0,0,.06); overflow:hidden; } /* TOP GREEN LINE */ .woocommerce-account .u-column1:before, .woocommerce-account .u-column2:before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,#68BD45,#90d96f); } /* LOGIN TITLE */ .woocommerce-account .u-column1 h2:before{ content:"👋 "; } /* REGISTER TITLE */ .woocommerce-account .u-column2 h2:before{ content:"🚀 "; } .woocommerce-account h2{ font-size:42px; font-weight:700; margin-bottom:10px; color:#111; } /* SUBTITLE */ .woocommerce-account .u-column1 h2:after{ content:"Sign in to access your orders and account."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } .woocommerce-account .u-column2 h2:after{ content:"Create an account and start ordering online."; display:block; font-size:15px; font-weight:400; color:#777; margin-top:12px; } /* INPUTS */ .woocommerce-account input.input-text{ height:65px !important; border-radius:16px !important; border:1px solid #dcdcdc !important; padding:0 22px !important; font-size:16px !important; transition:.3s; } .woocommerce-account input.input-text:focus{ border-color:#1D3822 !important; box-shadow:0 0 0 4px rgba(104,189,69,.12); } /* BUTTONS */ .woocommerce-account button.button{ height:60px; min-width:180px; border-radius:16px !important; background:#1D3822 !important; border-color:#1D3822 !important; font-size:18px !important; font-weight:700 !important; transition:.3s; } .woocommerce-account button.button:hover{ transform:translateY(-2px); } /* OR DIVIDER */ .custom-social-login{ margin-top:30px; position:relative; } .custom-social-login:before{ content:"OR CONTINUE WITH"; display:block; text-align:center; font-size:12px; letter-spacing:1px; color:#999; margin-bottom:18px; } /* SOCIAL BUTTONS */ .custom-social-login .nsl-button{ border-radius:14px !important; overflow:hidden; margin-bottom:12px !important; } /* LOST PASSWORD */ .woocommerce-LostPassword{ margin-top:12px; } .woocommerce-LostPassword a{ color:#68BD45; font-weight:600; } /* HOVER CARD */ .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-4px); transition:.3s; } /* MOBILE */ @media(max-width:768px){ .woocommerce-account .u-column1, .woocommerce-account .u-column2{ padding:28px; border-radius:25px; } .woocommerce-account h2{ font-size:30px; } .woocommerce-account button.button{ width:100%; min-width:100%; } } .woocommerce-account .u-column1, .woocommerce-account .u-column2{ backdrop-filter: blur(10px); box-shadow:0 20px 60px rgba(0,0,0,.08); } .woocommerce-account .u-column1:hover, .woocommerce-account .u-column2:hover{ transform:translateY(-5px); transition:.3s ease; } .custom-social-login .nsl-button{ width:100% !important; } /* Login form field spacing */ .woocommerce-form-login .form-row{ margin-bottom:16px !important; } .woocommerce-form-login .form-row:first-child{ margin-bottom:22px !important; } .variation-OrderSummary + dd{ width:100% !important; display:block !important; } .woocommerce-checkout-review-order-table dl.variation{ width:100% !important; } .woocommerce-checkout-review-order-table dd.variation-OrderSummary{ width:100% !important; } /* ========================================= CHECKOUT ORDER SUMMARY PERFECT ALIGNMENT ========================================= */ .variation-OrderSummary + dd{ width:100% !important; display:block !important; margin:0 !important; padding:0 !important; } .pankaj-premium-table{ width:100% !important; margin:0 !important; padding:0 !important; } .pankaj-premium-table .premium-row{ display:flex !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid #e8e8e8 !important; } tr.woocommerce-cart-form__cart-item.cart_item .pankaj-premium-table .premium-row{ width:90% !important; } .pankaj-premium-table .premium-row:last-child{ border-bottom:none !important; } /* PRICE */ .pankaj-premium-table .premium-row .woocommerce-Price-amount{ display: inline-block !important; font-weight: 500 !important; font-size: 15px ! IMPORTANT; color: #777 ! IMPORTANT; } /* GST */ .pankaj-premium-table .premium-row .inc-gst-text{ display:inline-block !important; margin-left:4px !important; white-space:nowrap !important; font-size:13px !important; margin-top: 5px !!important; } /* PRODUCT NAME */ .pankaj-premium-table .premium-row .left{ font-size:14px !important; font-weight:600 !important; color:#1D3822 !important; } /* SMALL TEXT */ .pankaj-premium-table .premium-row small{ display:block !important; margin-top:1px !important; color:#777 !important; font-size:13px !important; } /* IMPORTANT */ .woocommerce-checkout-review-order-table dl.variation{ width:100% !important; } .woocommerce-checkout-review-order-table dd.variation-OrderSummary{ width:100% !important; display:block !important; } .variation-OrderSummary .pankaj-premium-table{ width:100% !important; } /* SUBTOTAL + TOTAL KO TOUCH NAHI KARNA */ .cart-subtotal td, .order-total td{ width:auto !important; text-align:right !important; } .woocommerce .checkout #order_review table .product-total, .woocommerce .checkout #order_review table tfoot td { padding-left: 0px !important; } @media (max-width:768px){ tr.woocommerce-cart-form__cart-item.cart_item .pankaj-premium-table .premium-row { width: 125%!important; } .shop_table .quantity input.qty, .woocommerce .woocommerce-mini-cart-item .quantity input.qty { margin-bottom: 7px; } } .woocommerce table.shop_table.woocommerce-cart-form__contents th { padding: 0 0 0px 0 !IMPORTANT; display: none; } @media (max-width:768px){ .pankaj-premium-table .premium-row{ display:flex !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid #e8e8e8 !important; } } /* ========================================= CART TOTALS SHIPPING DESIGN ========================================= */ .woocommerce-shipping-totals td{ text-align:center !important; padding:20px 0 !important; } /* Shipping method row */ .woocommerce-shipping-totals ul#shipping_method{ list-style:none !important; margin:0 !important; padding:0 !important; } .woocommerce-shipping-totals ul#shipping_method li{ width:100% !important; margin:0 !important; padding:0 !important; } /* Shipping label */ .woocommerce-shipping-totals label{ display:block !important; width:100% !important; font-size:15px !important; font-weight:600 !important; margin-bottom:15px !important; line-height:1.5 !important; position:relative !important; } /* Pickup Address */ .woocommerce-shipping-totals .pickup-address{ display:block !important; margin-top:5px !important; margin-left:-19px !important; color:#666 !important; font-size:14px !important; padding-right:60px !important; } /* Free */ .woocommerce-shipping-totals label span[style*="float:right"]{ position:absolute !important; top:0 !important; right:0 !important; float:none !important; color:#69C240 !important; font-weight:600 !important; } @media (max-width: 767px){ /* Amount ko normal position par lao */ .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount{ display:inline !important; transform:none !important; } /* TD padding reset */ .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; padding-right:18px !important; /* 15-25px adjust kar sakte ho */ } /* Pickup address */ .woocommerce-shipping-totals .pickup-address{ margin-left:0 !important; padding-right:0 !important; } /* Free text */ #shipping_method li label span[style*="float:right"]{ position:static !important; float:right !important; } } .woocommerce-shipping-totals label br{ display:none !important; } .woocommerce-shipping-totals label .woocommerce-Price-amount{ font-size:18px !important; font-weight:700 !important; color:#000 !important; } /* Shipping text */ .woocommerce-shipping-destination{ text-align:center !important; font-size:16px !important; line-height:1.6 !important; margin:10px 0 15px !important; color:#222 !important; font-style:normal !important; } .woocommerce-shipping-destination strong{ font-weight:600 !important; } /* Change address */ .shipping-calculator-button{ display:block !important; text-align:center !important; margin-top:12px !important; font-size:16px !important; font-weight:500 !important; text-decoration:none !important; color:#000 !important; } .shipping-calculator-button:hover{ color:#1D3822 !important; } /* Truck icon spacing */ .shipping-calculator-button:before{ margin-right:8px !important; } /* Mobile */ @media(max-width:768px){ .woocommerce-shipping-totals label{ font-size:12px !important; } .woocommerce-shipping-totals label .woocommerce-Price-amount{ font-size:13px !important; } .woocommerce-shipping-destination{ font-size:15px !important; } } /* Mobile */ @media(max-width:768px){ .woocommerce ul#shipping_method li .amount { margin-right: 0px; } } .breadcrumb-title-wrapper .breadcrumb-title { gap: 10px !important; } /* Category Product UI */ @media (max-width: 768px) { .product-wrapper .heading-title.product-name a{ font-size: 13px !important; font-weight: 500 !important; } .product-wrapper .price .woocommerce-Price-amount.amount bdi { color: #22c55e!important; font-size: 14px !important; } .woocommerce .products .product .price { margin-top: 0px !important; } } @media (max-width:768px){ body.woocommerce div.product div.summary { padding-left: 0; padding-right: 0; margin-top: 0px !important; padding: 20px !important; } .woocommerce div.product div.summary { padding-left: 0px !important; margin: 0; gap: 10px; width: auto; box-shadow: none; margin-left: 0px !important; border-radius: 25px; padding: 30px; } .pankaj-logo-box .print-card { display: flex; align-items: center; gap: 18px; background: #fff; padding: 5px !important; border-radius: 22px; margin-bottom: 18px; cursor: pointer; transition: 0.3s; } .pankaj-logo-box .print-card strong { font-size: 15px !important; } } /* ========================================= SINGLE PRODUCT STOCK BELOW PRICE ========================================= */ .single-product .summary .price{ display:flex !important; align-items:center; gap:8px; flex-wrap:wrap; } .single-product .summary .price .single-stock-qty{ flex:0 0 100%; width:100%; display:flex !important; align-items:center; gap:20px; margin-top:10px; clear:both; } .single-product .summary .price .stock-status{ display:inline-block; font-size:16px; font-weight:500; color:#111; } .single-product .summary .price .stock-count{ display:inline-block; font-size:16px; font-weight:600; color:#111; } @media (max-width:768px){ .single-product .summary .price .single-stock-qty{ gap:12px; margin-top:8px; } .single-product .summary .price .stock-status, .single-product .summary .price .stock-count{ font-size:14px; } } /* Single Product Price Bigger */ .single-product .summary .price{ font-size:24px !important; font-weight:700 !important; } .single-product .summary .price .woocommerce-Price-amount.amount bdi{ font-size:20px !important; font-weight:800 !important; } .single-product .summary .price del .woocommerce-Price-amount.amount bdi{ font-size:16px !important; font-weight:600 !important; color:#999 !important; } .single-product .summary .price .inc-gst-text{ font-size:11px !important; font-weight:600 !important; } .woocommerce div.product .summary > .price, div.product .summary > .ts-variation-price { overflow: visible !important; } .single-product .summary .price del{ display:inline-flex !important; align-items:center !important; } .single-product .summary .price del .woocommerce-Price-amount{ display:flex !important; align-items:center !important; height:100% !important; } .single-product .summary .price del .woocommerce-Price-amount bdi{ display:flex !important; align-items:center !important; line-height:1 !important; } .single-product-buttons{ order:-1 !important; margin-bottom:20px !important; } .single-product form.cart .single_add_to_cart_button{ width: 350px !important; flex: 0 0 350px !important; } @media (max-width: 767px){ .single-product form.cart .single_add_to_cart_button{ width: 100% !important; flex: 1 1 auto !important; } } .single-product .woocommerce-product-gallery__image img{ max-width: 60% !important; margin: 0 auto !important; display: block !important; } .top-banner h3, h4, h5, h6 { margin: 0 0 0px 0 !IMPORTANT; } /* Brevo Newsletter Form */ #sib_signup_form_2{ width:100%; } #sib_signup_form_2 .sib_signup_box_inside_2{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:10px !important; flex-wrap:nowrap !important; } #sib_signup_form_2 p{ margin:0 !important; padding:0 !important; } #sib_signup_form_2 input[type="email"]{ width:320px !important; min-width:320px !important; height:50px !important; border:1px solid #d8d8d8 !important; border-radius:4px !important; padding:0 15px !important; font-size:15px !important; box-sizing:border-box !important; } #sib_signup_form_2 .sib-default-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; height:50px !important; min-width:130px !important; padding:0 25px !important; background:#69C240 !important; color:#fff !important; border:none !important; border-radius:4px !important; font-size:16px !important; font-weight:600 !important; cursor:pointer !important; white-space:nowrap !important; } #sib_signup_form_2 .sib-default-btn:hover{ background:#5aae38 !important; } @media(max-width:767px){ #sib_signup_form_2 .sib_signup_box_inside_2{ flex-direction:column !important; align-items:stretch !important; } #sib_signup_form_2 input[type="email"]{ width:100% !important; min-width:100% !important; } #sib_signup_form_2 .sib-default-btn{ width:100% !important; } } #sib_signup_form_2 input[type="email"]{ width:350px !important; height:54px !important; border-radius:6px !important; } #sib_signup_form_2 .sib-default-btn { height: 54px !important; min-width: 140px !important; border-radius: 6px !important; background: #69C240 !important; font-weight: 600 !important; margin-bottom: 12px; } #sib_signup_form_2 .sib_signup_box_inside_2{ gap:5px !important; } .pankaj-pricing-table { background: #edf7e8; padding: 10px; border-radius: 25px; margin-bottom: 0px; } .pankaj-pricing-table table{ background: #edf7e8; } .pankaj-pricing-table td{ background: #edf7e8; } .pankaj-pricing-table table { margin-bottom: 0px !IMPORTANT; } .woocommerce div.product .images .product-label > span.onsale, .woocommerce div.product .images .product-label > span { display: none !IMPORTANT; } .shipping-days{ display:block; font-size:12px; color:#666; margin-top:2px; margin-left:22px; line-height:1.4; } .shipping-days, .pickup-address { display: block; font-size: 12px; color: #666; line-height: 1.4; padding-left: 22px; margin-top: 2px; margin-left: -20px; } .pickup-address{ max-width:220px; } /* ========================================= LOCAL PICKUP ADDRESS + FREE ALIGNMENT ========================================= */ #shipping_method li label{ position: relative; display: block; padding-right: 80px; } /* Address Below Local Pickup */ #shipping_method li label .pickup-address{ display: block; margin-top: 4px; max-width: 1250px; font-size: 12px; line-height: 1.4; color: #666; } /* FREE Right Side */ #shipping_method li label span[style*="float:right"] { position: absolute !important; top: 0 !important; float: none !important; color: #69C240 !important; font-size: 15px; font-weight: 600; line-height: 1; } /* Mobile */ @media (max-width: 767px){ #shipping_method li label{ padding-right: 60px; } #shipping_method li label span[style*="float:right"]{ right: 0 !important; font-size: 16px; } } /* Product Gallery Thumbnails */ .woocommerce-product-gallery .flex-control-thumbs { width: 120px !important; } .woocommerce-product-gallery .flex-control-thumbs li { width: 110px !important; height: 145px !important; margin-bottom: 12px !important; } .woocommerce-product-gallery .flex-control-thumbs li img { width: 110px !important; height: 145px !important; object-fit: cover; } /* Mobile Fix */ @media(max-width: 768px){ .woocommerce-product-gallery .flex-control-thumbs { width: auto !important; } .woocommerce-product-gallery .flex-control-thumbs li { width: 75px !important; height: 95px !important; } .woocommerce-product-gallery .flex-control-thumbs li img { width: 75px !important; height: 95px !important; } .single-product .woocommerce-product-gallery__image img { max-width: 85%!important; margin: 0 auto!important; display: block!important; } } .grecaptcha-badge { visibility: hidden !important; } /* Selected Variation Button */ /* Hide Colour */ .variations tr:has(#pa_colour){ display:none !important; } /* Hide Width */ .variations tr:has(#width){ display:none !important; } /* Hide Height */ .variations tr:has(#height){ display:none !important; } /* Hide Size */ .variations tr:has(#pa_size){ display:none !important; } .woocommerce div.product form.cart .variations th.label { margin-top: -23px !important; } h1.product_title.entry-title { font-size: 23px!important; color: #000; line-height: 1.2 !important; } .single-product .summary p.price.hidden { display: none !important; } .ts-product-attribute > div a { border-radius: 20px; color: #000; background: #fff !important; font-size: 17px; } .pankaj-pricing-table { margin-top: 0px !important; } .single-product .summary .price .stock-status { font-size: 14px !IMPORTANT; } .single-product .summary .price .stock-count { font-size: 14px !IMPORTANT; } .ts-product-attribute>div:not(.color):hover a, .ts-product-attribute>div:not(.color).selected a { border-color: var(--loobek-text-bold-color); color: #fff !important; background: #69C240 !important; } .buy-more-save-more { font-weight: 700; padding: 12px !IMPORTANT; text-align: left !important; color: #69C240!important; } .pankaj-pricing-table table tbody tr:first-child td { padding-top: 0px!important; padding-bottom: 4px!important; vertical-align: middle!important; } /* ========================================= SHIPPING METHOD SELECTED / UNSELECTED ========================================= */ #shipping_method label{ color:#000 !important; font-weight:600; } #shipping_method input[type="radio"]:checked + label{ color:#69C240 !important; } /* ========================================= PAYMENT METHOD SELECTED / UNSELECTED ========================================= */ .wc_payment_methods label{ color:#000 !important; font-weight:600; } .wc_payment_methods input[type="radio"]:checked + label { color: #69C240 !important; font-size: 16px; } /* ACTIVE COLUMN */ .active-tier{ background:#6BC53F !important; color:#fff !important; } .active-tier strong, .active-tier small, .active-tier span{ color:#fff !important; } .woocommerce-privacy-policy-text{ display: none !important; } /* Billing Phone */ #billing_phone_field .woocommerce-input-wrapper{ position:relative; display:block; } #billing_phone_field .woocommerce-input-wrapper::before{ content:"+61"; position:absolute; left:1px; top:1px; bottom:1px; width:70px; background:#fff; border-right:1px solid #d9d9d9; border-radius:8px 0 0 8px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#222; z-index:2; } #billing_phone{ padding-left:90px !important; } #shipping_phone_field .woocommerce-input-wrapper{ position:relative; display:block; } #shipping_phone_field .woocommerce-input-wrapper::before{ content:"+61"; position:absolute; left:1px; top:1px; bottom:1px; width:70px; background:#fff; border-right:1px solid #d9d9d9; border-radius:8px 0 0 8px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#222; z-index:2; } #shipping_phone{ padding-left:90px !important; } /* Billing + Shipping + Order Notes */ .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields{ max-width:900px; margin:0 auto; } textarea, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea, .woocommerce form .form-row textarea.input-text { height: 80px !IMPORTANT; line-height: 30px; } .checkout-product-wrap{ display:flex; gap:15px; align-items:flex-start; } .checkout-product-image img{ width:130px; height:130px; object-fit:cover; border-radius:8px; border:1px solid #eee; } .checkout-product-name{ flex:1; } .checkout-product-wrap{ display:flex; flex-direction:column; } .checkout-product-name{ margin-bottom:10px; font-weight:600; } .checkout-product-image img{ width:80px; height:80px; object-fit:cover; border-radius:8px; border:1px solid #eee; } .checkout-product-wrap{ display:flex; align-items:flex-start; gap:20px; width:100%; } .checkout-product-image{ width:110px; min-width:110px; } .checkout-product-image img{ width:110px; height:110px; object-fit:cover; border:1px solid #eee; border-radius:10px; } .checkout-product-content{ flex:1; } .checkout-product-content a{ display:block; font-size:28px; font-weight:700; line-height:1.4; color:#111; text-decoration:none; } /* ========================================= CHECKOUT PRODUCT LAYOUT ========================================= */ .pankaj-premium-table .premium-row{ display:flex; align-items:flex-start; gap:1px; padding:18px 0; border-bottom:1px solid #ececec; } .premium-image{ width:95px; min-width:95px; } .premium-image img{ width:95px; height:95px; object-fit:cover; border:1px solid #e5e5e5; border-radius:10px; display:block; } .premium-content{ flex:1; } .premium-title{ font-size:15px; font-weight:500; color:#111; margin-bottom:10px; } .premium-price{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .premium-price del{ color:#999; font-size:15px; } .premium-price ins{ text-decoration:none; color:#68BD45; font-size:18px; font-weight:700; } .premium-qty{ min-width:70px; text-align:left; font-size:15px; font-weight:600; color:#333; } @media(max-width:767px){ .premium-image{ width:70px; min-width:70px; } .premium-image img{ width:70px; height:70px; } .premium-title{ font-size:13px; } .premium-price ins{ font-size:16px; } .premium-qty{ font-size:14px; min-width:55px; } } .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; } .woocommerce #order_review .inc-gst-text{ margin-left: 4px !important; font-size: 12px; display: inline-block; } /* Click & Collect address ko niche lao */ .woocommerce-shipping-methods li label .pickup-address{ display: block !important; margin-top: 6px; margin-left: 24px; /* radio button ke baad align hoga */ color: #666; line-height: 1.5; } /* ========================================= MOBILE CHECKOUT FIX ========================================= */ @media (max-width:767px){ /* Order review width */ .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; overflow:hidden !important; } /* Subtotal / Total amount */ .woocommerce #order_review tfoot tr.cart-subtotal td, .woocommerce #order_review tfoot tr.order-total td{ text-align:right !important; padding-right:0 !important; } /* Amount */ .woocommerce #order_review tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce #order_review tfoot tr.order-total td .woocommerce-Price-amount{ display:inline-block !important; transform:translateX(-4px) !important; } /* GST */ .woocommerce #order_review tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce #order_review tfoot tr.order-total td .inc-gst-text{ display:block !important; text-align:right !important; margin-top:-5px !important; transform:translateX(-5px) !important; } /* Shipping */ .woocommerce-shipping-totals td{ padding:15px 0 !important; } #shipping_method li{ width:100% !important; } #shipping_method li label{ display:block !important; width:100% !important; position:relative !important; padding-right:10px !important; line-height:1.5 !important; } /* Pickup address */ #shipping_method .pickup-address{ display:block !important; margin-top:8px !important; margin-left:-22px !important; padding-right:0 !important; color:#666 !important; font-size:14px !important; } /* FREE */ #shipping_method li label span[style*="float:right"]{ position:absolute !important; top:0 !important; right:0 !important; float:none !important; color:#69C240 !important; font-weight:600 !important; } /* Currency box */ .wc-stripe-local-payment-box{ width:100% !important; overflow:hidden !important; } /* Card fields */ .wc-stripe-elements-field, .StripeElement{ width:100% !important; } } /* Click & Collect Free */ /* Shipping + Click & Collect Free Alignment */ #shipping_method li:first-child label > span > span:last-child, #shipping_method li:last-child label span[style*="float:right"]{ position: absolute !important; right: 0px !important; left: auto !important; transform: none !important; float: none !important; } #calc_shipping_country_field, #calc_shipping_state_field, #calc_shipping_city_field{ display:none !important; } /* Hide thumbnail only on Cart page */ body.woocommerce-cart td.product-thumbnail, body.woocommerce-cart th.product-thumbnail{ display: none !important; } /* Hide Qty text only on Cart page */ body.woocommerce-cart .premium-qty{ display: none !important; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{ width:43% !important; max-width:43% !important; } .premium-right{ margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; min-width:190px; padding-right:10px; } .premium-right .premium-qty{ margin-bottom:12px; text-align:right; } .premium-right .premium-price{ text-align:right; } .premium-right .premium-price del, .premium-right .premium-price ins, .premium-right .premium-price small{ display:block; } .print-title{ display:block; color:#69C240; font-weight:600; } .print-pcs{ display:block; margin-top:4px; color:#888; font-size:14px; } .premium-row .right{ margin-left:auto; text-align:right; white-space:nowrap; } .premium-row .right .inc-gst-text{ display:block; } .woocommerce-checkout .pankaj-premium-table .premium-right{ margin-left: auto !important; /* min-width: 300px !important;*/ display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; padding-right: 0 !important; } @media (max-width:1024px){ .woocommerce .col2-set{ display:block !important; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{ width:100% !important; max-width:100% !important; float:none !important; margin:0 0 25px !important; } .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; float:none !important; margin-top:25px !important; } } /* ===== Mobile Checkout Full Width Fix ===== */ @media (max-width: 767px){ .woocommerce-checkout #customer_details, .woocommerce-checkout .col2-set{ display:block !important; width:100% !important; max-width:100% !important; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2, .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; float:none !important; margin:0 0 25px 0 !important; padding:0 !important; clear:both !important; } .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .shipping_address, .woocommerce-checkout #order_review{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; } .woocommerce-checkout form.checkout{ width:100% !important; } } @media (max-width:767px){ .woocommerce-checkout .pankaj-premium-table .premium-right{ min-width:auto !important; width:auto !important; margin-left:auto !important; display:flex !important; justify-content:flex-end !important; align-items:flex-start !important; flex:0 0 auto !important; } .woocommerce-checkout .pankaj-premium-table .premium-price{ width:auto !important; white-space:nowrap !important; text-align:right !important; transform:none !important; } .woocommerce-checkout .pankaj-premium-table .right.green{ transform:none !important; text-align:right !important; } } @media (max-width: 767px){ /* Fix Subtotal & Total */ .woocommerce-checkout-review-order-table tfoot td{ text-align: right !important; padding-right: 20px !important; overflow: visible !important; } .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot td strong{ display: inline-block !important; transform: translateX(-20px) !important; } .woocommerce-checkout-review-order-table tfoot td .inc-gst-text{ display: block !important; transform: translateX(-20px) !important; } } @media (max-width: 767px){ /* Subtotal & Total Right Alignment */ .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td, .woocommerce-checkout-review-order-table tfoot tr.order-total td{ text-align: right !important; padding-right: 16px !important; } .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount{ display: inline-block !important; transform: translateX(-16px) !important; } .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .inc-gst-text, .woocommerce-checkout-review-order-table tfoot tr.order-total td .inc-gst-text{ display: block !important; transform: translateX(-16px) !important; } } @media (max-width:767px){ .woocommerce-checkout-review-order-table tfoot tr td{ width: 1% !important; white-space: nowrap !important; padding-right: 15px !important; overflow: visible !important; } .woocommerce-checkout-review-order-table tfoot tr td strong, .woocommerce-checkout-review-order-table tfoot tr td .woocommerce-Price-amount, .woocommerce-checkout-review-order-table tfoot tr td .inc-gst-text{ transform: none !important; margin: 0 !important; right: auto !important; left: auto !important; position: static !important; } } @media (max-width:767px){ /* Subtotal & Total row */ .woocommerce-checkout-review-order-table tfoot tr{ display:table !important; width:100% !important; } .woocommerce-checkout-review-order-table tfoot th{ width:40% !important; text-align:left !important; } .woocommerce-checkout-review-order-table tfoot td{ width:60% !important; text-align:right !important; padding-right:0px !important; box-sizing:border-box !important; overflow:visible !important; } .woocommerce-checkout-review-order-table tfoot td strong, .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount{ display:inline-block !important; position:static !important; transform:none !important; margin:0 !important; } .woocommerce-checkout-review-order-table tfoot td .inc-gst-text{ display:block !important; margin-top:2px !important; text-align:right !important; } } .efp-shipping-note td{ width: 100%; white-space: nowrap; } div#group-icon-header { top: 140px !important; } /* Cart Total Heading */ .cart_totals h2{ text-align: center !important; display: block; width: 100%; font-size: 40px; font-weight: 700; margin: 0 0 25px; } .woocommerce-cart .woocommerce{ display: flex; align-items: flex-start; gap: 15px; } .woocommerce-cart-form{ flex: 1; } .cart-collaterals{ width: 420px; margin: 0 !important; } body.page-id-52 tr.woocommerce-shipping-totals.shipping{ display: none !important; } @media (max-width:767px){ .woocommerce-checkout-review-order-table{ table-layout:auto !important; } .woocommerce-checkout-review-order-table td{ overflow:visible !important; } .woocommerce-checkout #order_review{ overflow:visible !important; } .pankaj-premium-table .premium-right{ min-width:auto !important; width:auto !important; flex:0 0 auto !important; } .pankaj-premium-table .premium-row .woocommerce-Price-amount { display: inline-block !important; font-size: 12px !important; font-weight: 500 !important; color: #111 !important; } .pankaj-premium-table .premium-row .inc-gst-text { display: inline-block !important; margin-left: 3px !important; white-space: nowrap !important; font-size: 8px !important; } .page-id-52 .pankaj-premium-table .premium-row .woocommerce-Price-amount { display: inline-block !important; font-size: 15px !important; font-weight: 500 !important; color: #111 !important; } .page-id-52 .pankaj-premium-table .premium-row .inc-gst-text { display: inline-block !important; margin-left: 3px !important; white-space: nowrap !important; font-size: 12px !important; } .page-id-52 span.woocommerce-Price-amount.amount { font-size: 18px !IMPORTANT; } .page-id-52 span.woocommerce-Price-amount.amount { font-size: 15px !IMPORTANT; } .page-id-52 tr.cart-subtotal{ display: none; } } /* Cart Page Only */ .page-id-52 .cart_totals .cart-subtotal{ display: none !important; } .ts-search-result-container:empty{ display:none !important; } body > .ts-search-result-container:empty::before{ display:none !important; content:none !important; } /* Checkout Order Summary GST */ .premium-price{ display:flex; flex-direction:column; align-items:flex-end; gap:0 !important; line-height:1 !important; } .premium-price .woocommerce-Price-amount{ line-height:1 !important; margin-bottom:0 !important; } .premium-price .inc-gst-text{ display:block; width:auto; text-align:right; margin:0 !important; padding:0 !important; line-height:1 !important; font-size:13px; } .premium-row .right .inc-gst-text{ display:block !important; position:relative !important; top:2px !important; } /* ============================ PREMIUM CHECKOUT ALIGNMENT ============================ */ .pankaj-premium-table .premium-row{ display:flex; align-items:flex-start; gap:1px; padding:18px 0; border-bottom:1px solid #ececec; } .pankaj-premium-table .left{ flex:1; min-width:0; } .pankaj-premium-table .right, .pankaj-premium-table .premium-right{ width:135px; flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; } .pankaj-premium-table .woocommerce-Price-amount{ font-size:17px !important; font-weight:600 !important; line-height:1 !important; } .pankaj-premium-table .inc-gst-text{ display:block !important; margin:4px 0 0 !important; font-size:12px !important; color:#777 !important; line-height:1 !important; text-align:right; } .pankaj-premium-table .print-title{ font-size:14px; font-weight:600; color:#68BD45; } .pankaj-premium-table .print-pcs{ display:block; margin-top:4px; font-size:15px; color:#777; } .pankaj-premium-table .premium-title{ font-size:13px; font-weight:500; line-height:1.35; margin-left: 10px; } .pankaj-premium-table .premium-qty{ margin-top:8px; } .pankaj-product-divider{ margin:22px 0; } .premium-row .right{ margin-left:auto !important; text-align:right !important; display:flex !important; flex-direction:column !important; align-items:flex-end !important; width:auto !important; min-width:fit-content !important; flex:none !important; } #main-content.product-has-background .before-loop-wrapper:before, #main-content.product-has-background .term-description:before{ position: static; left:0; top:0; content:""; } .single-stock-qty{ margin-top:10px; } .single-stock-qty .stock-status{ display:inline-flex !important; align-items:center !important; gap:8px !important; color:#23AD50 !important; font-size:16px; font-weight:600; } .single-stock-qty .stock-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:24px; height:24px; min-width:24px; background:#23AD50; color:#fff; border-radius:50%; font-size:14px; font-weight:700; line-height:24px; padding:0; } .single-stock-qty .stock-status span:last-child{ display:flex; align-items:center; line-height:1; } .pankaj-pricing-table { display: none; } /* Hide Buy Now button on single product page */ .single-product .ts-buy-now-button { display: none !important; } .efp-share-buttons{ display:flex; align-items:center; gap:12px; margin-top:25px; } .efp-share-buttons span{ font-weight:600; color:#222; } .efp-share-buttons a{ width:40px; height:40px; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#333; text-decoration:none; transition:.3s; } .efp-share-buttons a:hover{ background:#69C240; color:#fff; border-color:#69C240; } /* Facebook */ .efp-share-buttons a:nth-child(2){ color:#1877F2; } .efp-share-buttons a:nth-child(2):hover{ background:#1877F2; border-color:#1877F2; color:#fff; } /* WhatsApp */ .efp-share-buttons a:nth-child(3){ color:#25D366; } .efp-share-buttons a:nth-child(3):hover{ background:#25D366; border-color:#25D366; color:#fff; } /* X (Twitter) */ .efp-share-buttons a:nth-child(4){ color:#000; } .efp-share-buttons a:nth-child(4):hover{ background:#000; border-color:#000; color:#fff; } /* LinkedIn */ .efp-share-buttons a:nth-child(5){ color:#0A66C2; } .efp-share-buttons a:nth-child(5):hover{ background:#0A66C2; border-color:#0A66C2; color:#fff; } /* Pinterest */ .efp-share-buttons a:nth-child(6){ color:#BD081C; } .efp-share-buttons a:nth-child(6):hover{ background:#BD081C; border-color:#BD081C; color:#fff; } div.wpcf7 input[type^="submit"] { margin-top: 36px; background: #6cc04a; border: none; width: 100%; } /* Hide Apple Pay / Express Checkout on Checkout Page */ .woocommerce > form.checkout { padding-top: 0px !important; } fieldset#wc-stripe-upe-form { padding: 0 !important; margin-top: 10px !important; } .page-id-52 .quantity .number-button { margin-left: 0px !important; margin-top: 0px !important; } /* ===== Mobile Checkout Full Width Fix ===== */ @media (max-width: 767px){ .woocommerce #order_review .inc-gst-text { margin-left: 4px !important; font-size: 8px !important; display: inline-block; } span.woocommerce-Price-amount.amount { font-size: 12px !IMPORTANT; } #shipping_method li:first-child label > span > span:last-child, #shipping_method li:last-child label span[style*="float:right"] { right: 0px !important; font-size: 12px !important; } label[for="payment_method_stripe"]:after { font-size: 12px !important; } } .woocommerce #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th { padding: 10px 0 !important; } #billing_country_field{ display: none !important; } abbr.required { color: #c6213b !important; } /* Billing Phone Required Star */ #billing_phone_field label::after, #shipping_phone_field label::after{ content:" *"; color:#ff0000; font-weight:700; } /* ========================= POPUP ========================= */ #efp-print-popup{ display:none; position:fixed; inset:0; z-index:999999; } .efp-popup-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.65); } .efp-popup-box{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:96vw; max-width:1250px; height:92vh; max-height:92vh; overflow-y:auto; background:#fff; border-radius:18px; padding:35px; box-shadow:0 25px 60px rgba(0,0,0,.25); } .efp-popup-card{ padding:10px !important; } .efp-popup-card img{ width:140px !important; height:100px !important; object-fit:contain; } .efp-popup-card h4{ font-size:16px !important; margin-top:8px !important; } .efp-popup-card span{ font-size:13px !important; } .efp-popup-close{ position:absolute; top:20px; right:20px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:none; border-radius:50%; background:#fff; color:#69BE45; font-size:30px; font-weight:300; line-height:1; cursor:pointer; transition:all .25s ease; z-index:9999; } .efp-popup-close:hover{ position:absolute; top:20px; right:20px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:none; border-radius:50%; background:#fff; color:#69BE45; font-size:30px; font-weight:300; line-height:1; cursor:pointer; transition:all .25s ease; z-index:9999; } .efp-popup-close:focus{ outline:none; } .efp-popup-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:2px; } .efp-popup-card{ display:block; border:2px solid #e6e6e6; border-radius:16px; padding:18px; cursor:pointer; transition:.25s; text-align:center; } .efp-popup-card img{ width:100%; border-radius:10px; } .efp-popup-card input{ display:none; } .efp-popup-card h4{ margin:15px 0 5px; } .efp-popup-card span{ color:#69BE45; font-weight:700; } .efp-popup-card:hover{ border-color:#69BE45; } .efp-popup-card.active{ border-color:#69BE45; box-shadow:0 0 0 4px rgba(105,190,69,.15); } .efp-popup-next{ margin-top:30px; float:right; padding:14px 40px; } .efp-popup-next:disabled{ opacity:.5; cursor:not-allowed; } /*========================== PREMIUM TOGGLE ==========================*/ .efp-toggle-wrap{ display:flex; align-items:center; gap:14px; cursor:pointer; user-select:none; font-size:20px; font-weight:600; color:#222; } .efp-toggle-wrap input{ display:none; } /* Toggle */ .efp-toggle-slider{ position:relative; width:64px; height:34px; background:#d7d7d7; border-radius:100px; transition:.35s; flex-shrink:0; box-shadow:inset 0 2px 5px rgba(0,0,0,.12); } .efp-toggle-slider:before{ content:""; position:absolute; left:4px; top:4px; width:26px; height:26px; border-radius:50%; background:#fff; transition:.35s; box-shadow:0 4px 12px rgba(0,0,0,.18); } /* ON */ .efp-toggle-wrap input:checked + .efp-toggle-slider{ background:#69BE45; } .efp-toggle-wrap input:checked + .efp-toggle-slider:before{ transform:translateX(30px); } /* Hover */ .efp-toggle-wrap:hover .efp-toggle-slider{ box-shadow: inset 0 2px 5px rgba(0,0,0,.12), 0 0 0 6px rgba(105,190,69,.10); } /* Text */ .efp-toggle-text { font-size: 16px; font-weight: 600; color: #222; } /* Popup Checkbox */ .efp-popup-card{ position:relative; } .efp-popup-card input.popup_print_type{ display:none; } /*========================================= POPUP STEP HEADING =========================================*/ .efp-popup-box h2{ font-size:16px; font-weight:600; color:#222; margin:0 0 0px; } .efp-popup-box p{ margin:0 0 20px; color:#666; font-size:15px; } /*========================================= UPLOAD BOX =========================================*/ .efp-upload-box{ margin-bottom:25px; } .efp-upload-box label{ display:block; font-size:16px; font-weight:600; color:#222; margin-bottom:10px; } .efp-upload-box input[type=file]{ width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; background:#fff; } .efp-upload-box small{ display:block; margin-top:10px; color:#666; font-size:13px; } /*========================================= DIVIDER =========================================*/ .efp-print-colours{ display:flex; gap:20px; align-items:center; margin:18px 0 30px; flex-wrap:wrap; } .efp-colour-card{ display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:600; font-size:15px; } .efp-colour-card input{ margin:0; } .colour-dot{ width:22px; height:22px; border-radius:50%; display:inline-block; } .efp-popup-help{ display:flex; align-items:center; gap:12px; margin-top:25px; font-size:20px; font-weight:600; color:#333; } .efp-popup-help i{ font-size:28px; color:#69BE45; } .efp-popup-help a{ color:#333; text-decoration:none; font-weight:700; } .efp-popup-help a:hover{ color:#69BE45; } .efp-popup-help a{ color:#69BE45 !important; font-weight:700; text-decoration:none; } .efp-popup-help a:hover{ color:#5aa93a !important; text-decoration:underline; } /*========================== STEP 2 COLOUR ==========================*/ .efp-colour-grid { display: flex; gap: 15px; margin: 0px 0 0px; flex-wrap: wrap; } .efp-colour-option{ width:380px; cursor:pointer; display:block; } .efp-colour-option input{ display:none; } .efp-colour-box{ display:flex; align-items:center; justify-content:space-between; padding:10px; border:2px solid #E8E8E8; border-radius:18px; background:#fff; transition:.25s; } .efp-colour-box:hover{ border-color:#69BE45; } .efp-colour-left{ display:flex; align-items:center; gap:18px; } .efp-colour-circle{ width:54px; height:54px; border-radius:50%; flex-shrink:0; } .efp-colour-circle.kraft{ background:#C79B63; } .efp-colour-circle.white{ background:#fff; border:2px solid #ddd; } .efp-colour-left h4{ margin:0; font-size:24px; font-weight:700; color:#222; } .efp-colour-left small{ display:block; margin-top:5px; font-size:15px; color:#777; } .efp-check{ position:absolute; top:16px; right:16px; width:22px; height:22px; border:2px solid #bfbfbf; border-radius:4px; /* Square checkbox */ background:#fff; color:transparent; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; transition:.25s ease; } .efp-colour-option input:checked + .efp-colour-box{ border-color:#69BE45; background:#F7FFF4; box-shadow:0 0 0 4px rgba(105,190,69,.10); } /*========================================= STEP 1 UPLOAD AREA =========================================*/ .efp-upload-area{ display:flex; gap:40px; align-items:center; justify-content:space-between; margin:0px 0 !IMPORTANT; } .efp-upload-drop { width: 50%; border: 2px dashed #D8DFD2; border-radius: 14px; padding: 10px 10px; text-align: center; transition: .3s; background: #fff; } .efp-upload-drop:hover{ border-color:#69BE45; background:#FAFFF7; } .efp-upload-icon{ width:56px; height:56px; margin:0 auto 18px; border-radius:50%; background:#69BE45; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; } .efp-upload-drop h4{ font-size:13px; margin:0 0 10px; font-weight:600; } .efp-upload-drop span{ display:block; color:#777; margin:1px 0; } .efp-upload-drop small{ display:block; margin-top:18px; color:#777; font-size:14px; } /*========================================= BROWSE BUTTON =========================================*/ .efp-browse-btn{ display:inline-block; position:relative; background:#fff; color:#69BE45; border:2px solid #69BE45; padding:12px 34px; border-radius:8px; font-weight:700; cursor:pointer; transition:.25s; } .efp-browse-btn:hover{ background:#69BE45; color:#fff; } .efp-browse-btn input{ position:absolute; inset:0; opacity:0; cursor:pointer; } /*========================================= UPLOAD SUCCESS CARD =========================================*/ #efp-upload-success{ width:38%; display:none; background:#fff; border:1px solid #E6E6E6; border-radius:14px; padding:18px; box-shadow:0 8px 25px rgba(0,0,0,.05); } #efp-upload-success.show{ display:flex; align-items:center; gap:15px; } .efp-file-thumb{ width:72px; height:72px; border:1px solid #eee; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#fff; } .efp-file-thumb img{ max-width:55px; } .efp-file-info{ flex:1; } .efp-file-info h5{ margin:0 0 6px; font-size:16px; } .efp-file-info p{ margin:0; color:#777; font-size:14px; } .efp-upload-ok{ color:#4CAF50; margin-top:8px; font-weight:600; font-size:14px; } .efp-delete-file{ color:#ff5b5b; cursor:pointer; font-size:18px; } .efp-popup-card input.popup_print_type{ display:none; } .efp-card-check{ display:none; position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; align-items:center; justify-content:center; background:#69BE45; color:#fff; font-size:18px; font-weight:700; box-shadow:0 5px 15px rgba(0,0,0,.15); } .efp-popup-card.active .efp-card-check{ background:#69BE45; border-color:#69BE45; color:#fff; display: flex; } .efp-card-check{ box-shadow:0 6px 18px rgba(0,0,0,.15); z-index:20; } /*========================================= BOTTOM SUMMARY BAR =========================================*/ .efp-footer-bar{ display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:0px; padding-top:20px; } .efp-footer-item{ display:flex; align-items:center; gap:18px; padding-right:35px; border-right:1px solid #e6e6e6; min-height:70px; } .efp-footer-item:last-of-type{ border-right:none; padding-right:0; } .efp-footer-icon{ width:58px; height:58px; border-radius:50%; background:#69BE45; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; } .efp-footer-icon.small{ width:46px; height:46px; background:#fff; border:2px solid #ddd; color:#333; font-size:20px; } .efp-footer-item h4{ margin:0 0 4px; font-size:16px; font-weight:700; color:#222; } .efp-footer-item p{ margin:0; font-size:14px; color:#777; } .efp-footer-item a{ display:block; margin-top:5px; font-size:30px; font-weight:700; color:#69BE45; text-decoration:none; } #efp-selected-colour{ display:block; font-size:18px; font-weight:700; color:#222; margin-bottom:4px; } #efp-selected-positions{ font-size:14px; color:#777; max-width:260px; } .efp-total-price{ font-size:42px; font-weight:800; color:#69BE45; line-height:1.1; } .efp-popup-next{ margin-left:auto !important; min-width:190px; height:72px; border-radius:12px !important; background:#69BE45 !important; color:#fff !important; border:none; font-size:26px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:12px; } .efp-popup-next:hover{ background:#58aa37 !important; } @media(max-width:991px){ .efp-footer-bar{ flex-direction:column; align-items:flex-start; } .efp-footer-item{ width:100%; border-right:none; border-bottom:1px solid #eee; padding:18px 0; } .efp-popup-next{ width:100%; } } .efp-file-thumb{ width:72px; height:72px; overflow:hidden; border-radius:10px; border:1px solid #e5e5e5; background:#fff; display:flex; align-items:center; justify-content:center; } .efp-file-thumb img{ width:100%; height:100%; object-fit:cover; } .efp-logo-toggle { display: flex; align-items: center; justify-content: flex-start !important; gap: 15px; margin: 15px 0; } .efp-toggle-text { font-size: 13px; font-weight: 600; color: green; } .efp-switch{ position:relative; width:58px; height:32px; display:inline-block; } .efp-switch input{ display:none; } .efp-slider{ position:absolute; inset:0; background:#d7d7d7; border-radius:50px; cursor:pointer; transition:.3s; } .efp-slider:before{ content:''; position:absolute; width:24px; height:24px; left:4px; top:4px; background:#fff; border-radius:50%; transition:.3s; box-shadow:0 2px 6px rgba(0,0,0,.2); } .efp-switch input:checked + .efp-slider{ background:#69C240; } .efp-switch input:checked + .efp-slider:before{ transform:translateX(26px); } .premium-logo-info{ margin-top:8px; text-align:center; } .premium-print-position, .premium-print-colour{ font-size:12px; font-weight:600; color:#68BD45; line-height:1.5; } .woocommerce div.product form.variations_form.cart .button { margin-top: 30px !important; opacity: 1; min-width: 200px; } /* ================================ Single Product Layout ================================ */ .efp-cart-top { width: 100%; margin-top: 1px; } .efp-cart-bottom{ display:flex; align-items:flex-end; gap:0px; width:100%; } .efp-cart-bottom .quantity{ margin:0; } .efp-cart-bottom .single_add_to_cart_button{ flex:1; margin:0; } /* Add to Cart Button */ .single_add_to_cart_button{ background:#69C240 !important; border:none !important; box-shadow:none !important; } .single_add_to_cart_button:hover, .single_add_to_cart_button:focus{ background:#69C240 !important; border:none !important; box-shadow:none !important; } /* Checkout Print Selection */ .premium-print-details{ margin-top: 4px; line-height: 1.2; } .premium-print-details .print-selection{ display: inline-block; font-size: 13px; font-weight: 500; color: #666; padding-left: 10px; } .premium-print-details .print-selection, .premium-print-details .print-colour, .premium-print-details .print-position{ font-size: 13px; color: #666; } .print-title{ font-size: 14px; font-weight: 600; } /* Logo Printing */ .print-title{ display:block; font-size:16px; font-weight:600; color:#58b63a; line-height:1.2; margin-bottom:4px; } .print-pcs{ display:inline-block; font-size:13px; font-weight:500; color:#666; background:#f5f5f5; padding:4px 10px; border-radius:20px; line-height:1; } .print-pcs::before{ content:"🖨 "; font-size:12px; } .efp-logo-details{ display:inline-block; color:#222; font-size:14px; font-weight:600; margin-top:3px; white-space:nowrap; } .efp-logo-details strong{ color:#23AD50; font-weight:700; } .efp-summary-text{ line-height:1.5; } /* ========================================= COMPACT UPLOAD AREA ========================================= */ .efp-upload-area{ display:flex; align-items:center; gap:25px; } .efp-upload-drop { flex: 1; min-height: 90px!important; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 10px 10px!important; } .efp-upload-icon{ margin:0 !important; flex-shrink:0; } .efp-upload-drop h4{ margin:0 !important; font-size:12px !important; } .efp-upload-drop span{ margin:0 !important; } .efp-browse-btn{ margin:0 !important; } .efp-upload-drop small{ margin:0 !important; color:#777; } /* Mobile */ @media(max-width:768px){ .efp-upload-area{ flex-direction:column; } .efp-upload-drop{ flex-direction:column; text-align:center; min-height:220px !important; } } /* ========================================= SMALL POPUP POSITION CARDS ========================================= */ .efp-popup-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:15px !important; } .efp-popup-card{ padding:12px !important; min-height:240px !important; border-radius:16px !important; } .efp-popup-card img{ width:170px !important; max-width:100% !important; height:120px !important; object-fit:contain !important; margin:10px auto !important; } .efp-popup-card h4{ font-size:18px !important; margin:8px 0 4px !important; } .efp-popup-card span{ font-size:14px !important; } .efp-logo-title{ font-size:17px; font-weight:800; color:#222; } .efp-logo-label{ font-weight:800; color:#222; } /* ===================================== STEP 2 - BOX COLOUR BUTTONS ===================================== */ .efp-colour-grid{ display:flex; align-items:center; justify-content:flex-start; gap:16px; margin:15px 0 20px; } .efp-colour-option{ flex:none; width:260px; } .efp-colour-option input{ display:none; } .efp-colour-box{ position:relative; display:flex; align-items:center; justify-content:center; height:68px; border:2px solid #ddd; border-radius:14px; cursor:pointer; transition:.25s ease; overflow:hidden; } /* Hide old design */ .efp-colour-circle, .efp-colour-left small{ display:none; } .efp-colour-left{ display:flex; justify-content:center; width:100%; } .efp-colour-left h4{ margin:0; font-size:22px; font-weight:700; line-height:1; } /* ====================== Kraft Button ====================== */ .efp-colour-option:nth-child(1) .efp-colour-box{ background:#C89B5B; border-color:#C89B5B; } .efp-colour-option:nth-child(1) h4{ color:#fff; } /* ====================== White Button ====================== */ .efp-colour-option:nth-child(2) .efp-colour-box{ background:#fff; border-color:#ddd; } .efp-colour-option:nth-child(2) h4{ color:#222; } /* ====================== Radio / Check Icon ====================== */ .efp-check{ position:absolute; right:16px; top:50%; transform:translateY(-50%); width:22px; height:22px; border:2px solid #cfcfcf; border-radius:4px; /* Square checkbox */ background:#fff; color:transparent; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; opacity:1; transition:.25s; } /* ====================== Hover ====================== */ .efp-colour-box:hover{ border-color:#69BE45; } /* ====================== Selected ====================== */ .efp-colour-option input:checked + .efp-colour-box{ border-color:#69BE45; box-shadow:0 0 0 3px rgba(105,190,69,.15); } .efp-colour-option input:checked + .efp-colour-box .efp-check{ background:#69BE45; border-color:#69BE45; color:#fff; } /* ====================== Keep Kraft Brown ====================== */ .efp-colour-option:nth-child(1) input:checked + .efp-colour-box{ background:#C89B5B; } .efp-colour-option:nth-child(1) input:checked + .efp-colour-box h4{ color:#fff; } /* ====================== Keep White White ====================== */ .efp-colour-option:nth-child(2) input:checked + .efp-colour-box{ background:#fff; } .efp-colour-option:nth-child(2) input:checked + .efp-colour-box h4{ color:#222; } /* ====================== Mobile ====================== */ @media(max-width:767px){ .efp-colour-grid{ flex-direction:column; align-items:flex-start; } .efp-colour-option{ width:100%; } .efp-colour-box{ height:60px; } .efp-colour-left h4{ font-size:20px; } } /* Hide top-right green tick */ .efp-card-check{ display:none !important; } /* ===================================== MOBILE POPUP ===================================== */ @media (max-width:768px){ .efp-popup-box{ width:95vw; height:92vh; padding:18px; } /* Upload */ .efp-upload-area{ flex-direction:column; gap:15px; } .efp-upload-drop, #efp-upload-success{ width:100% !important; } /* Colour Buttons */ .efp-colour-grid{ flex-direction:column; gap:12px; } .efp-colour-option{ width:100%; } .efp-colour-box{ height:60px; } /* Position Cards */ .efp-popup-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; } .efp-popup-card{ min-height:210px !important; padding:10px !important; } .efp-popup-card img{ width:100px !important; height:80px !important; } .efp-popup-card h4{ font-size:16px !important; } .efp-popup-card span{ font-size:13px !important; } /* Footer */ .efp-footer-bar{ flex-direction:column; gap:15px; } .efp-footer-item{ width:100%; border-right:none; border-bottom:1px solid #eee; padding:15px 0; } .efp-footer-item:last-child{ border-bottom:none; } .efp-popup-next{ width:100%; min-width:100%; height:58px; font-size:20px; } .efp-total-price{ font-size:34px; } } @media(max-width:767px){ .efp-colour-grid{ flex-direction:row !important; justify-content:space-between; gap:10px; } .efp-colour-option{ width:calc(50% - 5px); flex:0 0 calc(50% - 5px); } .efp-colour-box{ height:60px; } .efp-colour-left h4{ font-size:18px; } .efp-check{ width:18px; height:18px; right:12px; font-size:12px; } } /* Hide Colour */ table.variations tr:has(label[for="colour"]) { display: none !important; } /* Hide Length */ table.variations tr:has(label[for="length"]) { display: none !important; } /* Hide Width */ table.variations tr:has(label[for="width"]) { display: none !important; } /* Hide Height */ table.variations tr:has(label[for="height"]) { display: none !important; } /* Hide Size */ table.variations tr:has(label[for="pa_size"]) { display: none !important; } img.attachment-loobek_blog_thumb.size-loobek_blog_thumb.wp-post-image{ width: 100%; height: 245px; } /* Only Simple Products */ .woocommerce div.product .price~form.cart { margin: 0px 0 !important; } .single-product-buttons { margin-bottom: 0px!important; } .single article .entry-format .thumbnail img { width: 70%; } :is(.layout-fullwidth,.main-content-fullwidth) .has-1-sidebar .entry-image-header { gap: 0px 0 !IMPORTANT; } .single-post #main > .page-container { max-width: 1550px; margin: 0 auto; } body article.single h1.entry-title { font-size: 48px; line-height: 56px; font-weight: 700; } :is(.layout-fullwidth,.main-content-fullwidth) .has-1-sidebar .entry-image-header .entry-header, .entry-content > .entry-meta-bottom, .single-post > .entry-author, .single-post-bottom-content > #comments { max-width: 1045px; } h3.heading-title.page-title.entry-title { display: none; } .single-post .entry-content h1, .single-post .entry-content h2 { margin: 0 0 0px; font-size: 28px !important; padding-top: 10px; padding-bottom: 12px; } /*========================================= THANK YOU PAGE REDESIGN ==========================================*/ .woocommerce-order{ max-width:1100px; margin:40px auto; } /* Success Message */ .woocommerce-thankyou-order-received { background: #eef9e9; border: 1px solid #cfe9c4; border-left: 5px solid #69C240; padding: 6px 15px; border-radius: 10px; margin-bottom: 30px; font-size: 18px; font-weight: 600; margin-bottom: 22px !IMPORTANT; } /* Order Overview */ .woocommerce-order-overview{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:25px 0 35px; padding:0; list-style:none; } .woocommerce-order-overview li{ background:#fff; border:1px solid #e8e8e8; border-radius:12px; padding:18px; margin:0; } .woocommerce-order-overview li strong{ display:block; margin-top:8px; font-size:18px; color:#111; } .woocommerce-order-overview li::before{ display:none !important; } /* Intro */ .woocommerce-order > p{ margin:10px 0; line-height:1.8; } /* Cards */ .woocommerce-bacs-bank-details, .woocommerce-order-details, .woocommerce-customer-details{ background:#fff; padding:0px; margin-top:4px; } /* Headings */ .woocommerce-bacs-bank-details h2, .woocommerce-order-details h2, .woocommerce-column__title{ font-size:30px; margin-bottom:25px; } .wc-bacs-bank-details-account-name { margin-top: -20px; margin-bottom: 4px; font-size: 14px; } /* Bank Details */ .wc-bacs-bank-details{ display:flex; gap:1px; padding:0; margin:0; list-style:none; } .wc-bacs-bank-details li{ margin:0; } .wc-bacs-bank-details strong{ display:block; margin-top:6px; font-size:18px; } /* Table */ .woocommerce-table{ border:none !important; } .woocommerce-table th, .woocommerce-table td{ padding:18px 0; border-color:#ececec !important; } .woocommerce-table thead th{ font-size:16px; background:none; } /* Product */ .product-name a{ font-size:18px; font-weight:600; color:#222; } .wc-item-meta{ margin-top:12px; } .wc-item-meta li{ margin-bottom:8px; } /* Totals */ .woocommerce-table tfoot th{ font-weight:600; } .woocommerce-table tfoot td{ text-align:right; } /* Address */ .woocommerce-columns{ display:grid; grid-template-columns:1fr 1fr; gap:30px; } .woocommerce-column address{ border:1px solid #ececec; border-radius:12px; padding:20px; line-height:1.9; font-style:normal; } /* Responsive */ @media(max-width:991px){ .woocommerce-order-overview{ grid-template-columns:repeat(2,1fr); } .woocommerce-columns{ grid-template-columns:1fr; } .wc-bacs-bank-details{ flex-direction:column; gap:20px; } } @media(max-width:600px){ .woocommerce-order-overview{ grid-template-columns:1fr; } .woocommerce-bacs-bank-details, .woocommerce-order-details, .woocommerce-customer-details{ padding:0px; } } .woocommerce-columns--addresses{ display:flex !important; gap:30px; justify-content:space-between; } .woocommerce-columns--addresses .woocommerce-column{ width:50% !important; flex:0 0 calc(50% - 15px); } .woocommerce-columns--addresses address{ height:100%; } @media(max-width:767px){ .woocommerce-columns--addresses{ display:block !important; } .woocommerce-columns--addresses .woocommerce-column{ width:100% !important; margin-bottom:20px; } } .woocommerce-table td, .woocommerce-table th{ padding:14px 0; } .wc-bacs-bank-details{ justify-content:flex-start; align-items:flex-start; } .wc-bacs-bank-details li{ min-width:170px; } .woocommerce-order > p { font-size: 13px; } /* Hide product attributes on Thank You page */ .woocommerce-order .wc-item-meta{ display:none !important; } .woocommerce-bacs-bank-details h2, .woocommerce-order-details h2, .woocommerce-column__title { font-size: 14px !IMPORTANT; margin-bottom: 0px !IMPORTANT; } .woocommerce table.shop_table.order_details tfoot tr td { padding-top: 0px !important;} .woocommerce table.my_account_orders td, .woocommerce table.shop_table.order_details td { padding: 0px 0 0px 0px !important; } .woocommerce ul.order_details { margin: 1px !important; padding-bottom: 13px; } .woocommerce .woocommerce-order { margin-top: -15px !important; } .woocommerce ul.order_details li { padding: 0px 0px !IMPORTANT; } h3.wp-block-heading { padding-top: 10px; margin: 0; padding-bottom: 10px; } .woocommerce ul.order_details li { border-width: 0 0px 0 0 !IMPORTANT; } @media(max-width:767px){ .wc-bacs-bank-details-account-name { margin-top: -11px !important; margin-bottom: -8px !important; font-size: 13px; } .product-name a { font-size: 13px; font-weight: 600; color: #222; line-height: 1px !important; } } /* Mobile - Order Overview */ @media (max-width: 767px){ .woocommerce-order-overview{ display:block !important; margin:20px 0 25px !important; } .woocommerce-order-overview li{ display:flex !important; align-items:center; gap:0px; width:100%; padding:8px 0 !important; margin:0 !important; border:none !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; min-height:auto !important; } .woocommerce-order-overview li strong{ display:inline !important; margin:0 !important; font-size:18px; font-weight:600; } } @media (max-width:767px){ .wc-bacs-bank-details{ display:flex !important; flex-direction:column; gap:1px; margin-top:15px; } .wc-bacs-bank-details li{ display:flex !important; align-items:center; justify-content:flex-start; gap:8px; margin:0 !important; padding:0 !important; border:none !important; } .wc-bacs-bank-details li::before{ display:none !important; } .wc-bacs-bank-details li strong{ display:inline !important; font-size:16px; font-weight:600; margin:0 !important; } .wc-bacs-bank-details li{ text-transform:uppercase; font-size:14px; color:#666; } .woocommerce-order > p { font-size: 13px; text-align: justify; } .woocommerce ul.order_details { margin: 1px !important; padding-bottom: 0px !IMPORTANT; } } @media (max-width:1200px){ h3.heading-title.product-name{ display:block !important; overflow:visible !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important; text-overflow:unset !important; min-height:56px; line-height:1.3; } h3.heading-title.product-name a{ display:block !important; white-space:normal !important; overflow:visible !important; text-overflow:unset !important; } .product-name a { line-height: 18px!important; } } .efp-marquee-track span{ display:inline-flex; align-items:center; color:#fff; font-weight:500; margin-right:60px; } .efp-marquee-track span i{ color:#fff; margin-right:8px; font-size:14px; } .efp-top-bar { background: #0A4F30; color: #fff; font-size: 14px; padding: 10px 15px; } .efp-top-bar-inner { max-width: 1400px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 40px; flex-wrap: wrap; } .efp-top-bar-inner span { display: flex; align-items: center; gap: 8px; white-space: nowrap; } .efp-top-bar-inner i { color: #fff; } /* ========================== Mobile Responsive ========================== */ /* Hide Top Bar on Mobile */ @media (max-width: 767px) { .efp-top-bar { display: none !important; } .elementor-2405520 .elementor-element.elementor-element-2e719b8 { padding: 0px 0px 0px 0px !IMPORTANT; } }