.elementor-20 .elementor-element.elementor-element-c9084d5{--display:flex;--padding-top:26px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c9084d5:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c9084d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-rksoft );}.elementor-20 .elementor-element.elementor-element-c79cb00{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 30px;--row-gap:20px;--column-gap:30px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c9cf2a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-w26e57d .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:46px;font-weight:700;line-height:58px;color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-icon i{color:#8FAE63;transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-icon svg{fill:#8FAE63;transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-w0ed4de{--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:13.5px;}.elementor-20 .elementor-element.elementor-element-w0ed4de .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-cd3d556{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c04ac20{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-w69c767{text-align:center;}.elementor-20 .elementor-element.elementor-element-ca7dbf7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-w07e69d{text-align:center;}.elementor-20 .elementor-element.elementor-element-c2e64b9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-w48a465{text-align:center;}.elementor-20 .elementor-element.elementor-element-c38459c{--display:flex;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c38459c:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c38459c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-rksoft );}.elementor-20 .elementor-element.elementor-element-wd11a16 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:20px;font-weight:700;line-height:28px;color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-we2d3b5{--update-cart-automatically-display:none;--sections-background-color:rgba(255,255,255,0);--sections-border-type:none;--sections-padding:0px 0px 0px 0px;--sections-title-color:#23340D;--links-normal-color:#3A6B25;--links-hover-color:#23340D;--forms-rows-gap:12px;--forms-fields-normal-color:#1A2410;--forms-fields-border-radius:8px 8px 8px 8px;--forms-buttons-normal-text-color:#23340D;--forms-buttons-hover-text-color:#FFFFFF;--forms-buttons-border-type:solid;--forms-buttons-border-color:#D8D2C8;--forms-buttons-border-radius:8px 8px 8px 8px;--forms-buttons-padding:12px 20px 12px 20px;--forms-buttons-width:auto;--order-summary-rows-gap-top:calc( 16px/2 );--order-summary-rows-gap-bottom:calc( 16px/2 );--order-summary-color:#5F5F5F;--order-summary-variations-color:#8A8A8A;--product-link-normal-color:#1A2410;--product-link-hover-color:#3A6B25;--order-summary-items-divider-weight:0px;--order-summary-quantity-border-color:#E6E1D8;--order-summary-quantity-border-weight:1px;--order-summary-remove-icon-normal-color:#8A8A8A;--order-summary-remove-icon-hover-color:#B3261E;--totals-rows-gap-top:calc( 12px/2 );--totals-rows-gap-bottom:calc( 12px/2 );--totals-color:#5F5F5F;--totals-divider-color:#EDEAE4;--totals-divider-weight:1px;--checkout-button-normal-text-color:#FFFFFF;--checkout-button-hover-text-color:#FFFFFF;--checkout-button-border-radius:10px 10px 10px 10px;--checkout-button-padding:17px 26px 17px 26px;--checkout-button-width:fit-content;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .shop_table .button{background-color:rgba(255,255,255,0);font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:none;border-width:1px 1px 1px 1px;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .shop_table .button:hover, .elementor-20 .elementor-element.elementor-element-we2d3b5 .shop_table .button:disabled[disabled]:hover{background-color:#23340D;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#23340D;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:#3A6B25;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .coupon .input-text, .elementor-20 .elementor-element.elementor-element-we2d3b5 .cart-collaterals .input-text, .elementor-20 .elementor-element.elementor-element-we2d3b5 select, .elementor-20 .elementor-element.elementor-element-we2d3b5 .select2-selection--single{font-family:"Poppins", Sans-serif;font-size:13.5px;}.e-woo-select2-wrapper .select2-results__option{color:#1A2410;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#1A2410 transparent transparent transparent;}.elementor-20 .elementor-element.elementor-element-we2d3b5 {--forms-fields-padding:12px 14px 12px 14px;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (12px*2) + 16px );padding-left:14px;padding-right:14px;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (12px*2) + 16px );right:14px;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .select2-container--default .select2-selection--single{height:auto;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .woocommerce-cart-form{--order-summary-title-color:#23340D;}.elementor-20 .elementor-element.elementor-element-we2d3b5 .checkout-button{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;text-transform:none;}.elementor-20 .elementor-element.elementor-element-cc89729{--display:flex;--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cc89729:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cc89729 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-rksoft );}.elementor-20 .elementor-element.elementor-element-cb5d736{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-rkline );--border-color:var( --e-global-color-rkline );--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cb5d736:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cb5d736 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-rkwhite );}.elementor-20 .elementor-element.elementor-element-cb7e3a3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:4px;--padding-bottom:4px;--padding-left:16px;--padding-right:16px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-w7787b6 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-w7787b6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w7787b6.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-w7787b6.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w7787b6.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-w7787b6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w7787b6 .elementor-icon{font-size:22px;}.elementor-20 .elementor-element.elementor-element-w7787b6 .elementor-icon svg{height:22px;}.elementor-20 .elementor-element.elementor-element-c9e42a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-w338091 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13.5px;font-weight:600;line-height:20px;color:var( --e-global-color-rkink );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-w4fd097{font-family:"Poppins", Sans-serif;font-size:12px;line-height:18px;color:var( --e-global-color-rkmuted );}.elementor-20 .elementor-element.elementor-element-c03bb5d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:4px;--padding-bottom:4px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-w22bb37 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-w22bb37.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w22bb37.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-w22bb37.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w22bb37.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-w22bb37.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-w22bb37 .elementor-icon{font-size:22px;}.elementor-20 .elementor-element.elementor-element-w22bb37 .elementor-icon svg{height:22px;}.elementor-20 .elementor-element.elementor-element-cdc5c5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-w4af19a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13.5px;font-weight:600;line-height:20px;color:var( --e-global-color-rkink );}.elementor-20 .elementor-element.elementor-element-w8fd6c1{font-family:"Poppins", Sans-serif;font-size:12px;line-height:18px;color:var( --e-global-color-rkmuted );}.elementor-20 .elementor-element.elementor-element-c7fa929{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:4px;--padding-bottom:4px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-weee8b7 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-weee8b7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-weee8b7.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-weee8b7.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-weee8b7.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-weee8b7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-weee8b7 .elementor-icon{font-size:22px;}.elementor-20 .elementor-element.elementor-element-weee8b7 .elementor-icon svg{height:22px;}.elementor-20 .elementor-element.elementor-element-c82fdb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-w6b5330 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13.5px;font-weight:600;line-height:20px;color:var( --e-global-color-rkink );}.elementor-20 .elementor-element.elementor-element-w4b9c71{font-family:"Poppins", Sans-serif;font-size:12px;line-height:18px;color:var( --e-global-color-rkmuted );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-c9084d5{--padding-top:24px;--padding-bottom:26px;--padding-left:28px;--padding-right:28px;}.elementor-20 .elementor-element.elementor-element-c38459c{--padding-top:0px;--padding-bottom:40px;--padding-left:28px;--padding-right:28px;}.elementor-20 .elementor-element.elementor-element-cc89729{--padding-top:0px;--padding-bottom:46px;--padding-left:28px;--padding-right:28px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-c9084d5{--padding-top:20px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-c9cf2a1{--width:100%;}.elementor-20 .elementor-element.elementor-element-w26e57d .elementor-heading-title{font-size:32px;line-height:42px;}.elementor-20 .elementor-element.elementor-element-cd3d556{--width:100%;}.elementor-20 .elementor-element.elementor-element-c38459c{--padding-top:0px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-cc89729{--padding-top:0px;--padding-bottom:36px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-cb7e3a3{--width:100%;}.elementor-20 .elementor-element.elementor-element-c03bb5d{--width:100%;}.elementor-20 .elementor-element.elementor-element-c7fa929{--width:100%;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-c9cf2a1{--width:58%;}.elementor-20 .elementor-element.elementor-element-cd3d556{--width:38%;}.elementor-20 .elementor-element.elementor-element-c04ac20{--width:33.33%;}.elementor-20 .elementor-element.elementor-element-ca7dbf7{--width:33.33%;}.elementor-20 .elementor-element.elementor-element-c2e64b9{--width:33.33%;}.elementor-20 .elementor-element.elementor-element-cb7e3a3{--width:33.33%;}.elementor-20 .elementor-element.elementor-element-c9e42a1{--width:100%;}.elementor-20 .elementor-element.elementor-element-c03bb5d{--width:33.33%;}.elementor-20 .elementor-element.elementor-element-cdc5c5e{--width:100%;}.elementor-20 .elementor-element.elementor-element-c7fa929{--width:33.33%;}.elementor-20 .elementor-element.elementor-element-c82fdb8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-cb7e3a3{--width:50%;}.elementor-20 .elementor-element.elementor-element-c03bb5d{--width:50%;}.elementor-20 .elementor-element.elementor-element-c7fa929{--width:50%;}}/* Start custom CSS *//* Leaf artwork behind the page heading, as in the reference. */ .cart-header { position: relative; overflow: hidden; } .cart-header::before, .cart-header::after { content: ""; position: absolute; top: -20px; width: 190px; height: 200px; background: url("https://riekstotaji.lv/wp-content/uploads/2026/08/rk-leaf-watermark.webp") center / contain no-repeat; opacity: 0.35; pointer-events: none; } .cart-header::before { left: -60px; } .cart-header::after { right: -60px; transform: scaleX(-1); } .cart-header > * { position: relative; z-index: 1; } .cart-breadcrumb { font-size: 12.5px; color: var(--e-global-color-rkmuted); } .cart-breadcrumb a { color: var(--e-global-color-text); text-decoration: none; } .cart-breadcrumb a:hover { color: var(--e-global-color-secondary); } .cart-tagline .elementor-icon-list-item { align-items: center; } .cart-items__title { margin-bottom: 14px; } /* * The reference lays each cart line out as a card: a large photograph on the left, the name and * price beside it, then the quantity, the remove control and the line total. WooCommerce ships * the cart as a table, so the six cells are re-flowed here rather than replaced - each keeps its * own markup, its nonce-backed remove link and its native quantity input. */ .cart-native .woocommerce-cart-form__contents { border: 0; } .cart-native .woocommerce-cart-form__contents thead { display: none; } .cart-native .woocommerce-cart-form__cart-item { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto 110px; grid-template-areas: "image name quantity subtotal" "image price remove subtotal"; column-gap: 16px; row-gap: 6px; align-content: center; padding: 16px; margin-bottom: 16px; } .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart tr.woocommerce-cart-form__cart-item { background: var(--e-global-color-rkwhite); border: 1px solid var(--e-global-color-rkline); border-radius: 12px; box-shadow: 0 1px 2px rgba(26, 36, 16, 0.04); } .cart-native .woocommerce-cart-form__cart-item > td { border: 0; padding: 0; } .cart-native .product-thumbnail { grid-area: image; } .cart-native .product-name { grid-area: name; align-self: end; } .cart-native .product-price { grid-area: price; align-self: start; } .cart-native .product-quantity { grid-area: quantity; justify-self: end; } .cart-native .product-remove { grid-area: remove; justify-self: end; } .cart-native .product-subtotal { grid-area: subtotal; justify-self: end; } /* The widget's own stylesheet pins cart thumbnails to 55px with three classes, so the reference's large photograph needs a heavier rule than that. */ .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart .product-thumbnail img { display: block; width: 100%; height: auto; aspect-ratio: 1.07 / 1; object-fit: cover; border-radius: 10px; } .cart-native .product-thumbnail a { display: block; } .cart-native .product-name a { font-family: "Merriweather", serif; font-size: 16px; font-weight: 700; line-height: 23px; text-decoration: none; } .cart-native .product-price { font-weight: 600; color: var(--e-global-color-rkink); font-size: 16px; } .cart-native .product-subtotal { font-weight: 700; color: var(--e-global-color-rkink); font-size: 17px; } /* the design labels the line total, which the table header would otherwise have carried */ .cart-native .product-subtotal::before { content: "Kopā"; display: block; font-family: "Poppins", sans-serif; font-size: 11.5px; font-weight: 400; color: var(--e-global-color-rkmuted); margin-bottom: 2px; } /* Quantity: keep WooCommerce's own input, just give it the reference's frame. */ .cart-native .quantity { display: inline-flex; align-items: center; border: 1px solid var(--e-global-color-rkline); border-radius: 8px; overflow: hidden; } /* WooCommerce's own stylesheet pins the quantity field to a 1px padding, so the touch target needs a heavier rule than that - 44px is the smallest comfortable tap size. */ .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart .quantity input.qty { width: 74px; min-height: 44px; text-align: center; border: 0; background: transparent; padding: 10px 4px; font-size: 15px; } /* Remove control: the bare "x" gets a label, and the accessible name stays WooCommerce's. */ .cart-native .product-remove a.remove { display: inline-flex; align-items: center; gap: 6px; width: auto; height: auto; min-height: 40px; font-size: 0; line-height: 1; color: var(--e-global-color-rkmuted); text-decoration: none; border-radius: 6px; padding: 8px 10px; background: transparent; } .cart-native .product-remove a.remove::after { content: "Dzēst"; font-family: "Poppins", sans-serif; font-size: 13px; } .cart-native .product-remove a.remove:hover { color: #B3261E; background: transparent; } /* Totals panel: the final figure has to read as the most important number on the page. */ .cart-native .order-total .woocommerce-Price-amount { font-family: "Merriweather", serif; font-size: 26px; font-weight: 700; color: var(--e-global-color-primary); } .cart-native .order-total th { font-family: "Merriweather", serif; font-size: 19px; color: var(--e-global-color-primary); } /* the reference runs the checkout call to action across the whole summary panel */ .cart-native.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button { display: block; width: 100%; text-align: center; } /* Coupon: WooCommerce places it under the item list rather than inside the summary panel, which is where the reference shows it. Moving it would need a template override, so it is styled in place instead - it stays fully functional either way. */ .cart-native .coupon { display: flex; gap: 10px; align-items: stretch; flex-wrap: wrap; margin-top: 4px; } .cart-native .coupon input#coupon_code { flex: 1 1 220px; min-width: 0; } .cart-native .coupon button[name="apply_coupon"] { flex: 0 0 auto; } /* Reassurance strip: hairlines between the items. */ .cart-feature + .cart-feature { border-left: 1px solid var(--e-global-color-rkline); } @media (max-width: 1024px) { .cart-features__card { flex-wrap: wrap; } .cart-native .woocommerce-cart-form__cart-item { grid-template-columns: 150px minmax(0, 1fr); grid-template-areas: "image details" "image actions"; } } @media (max-width: 767px) { .cart-header::before, .cart-header::after { display: none; } /* * Below 768px WooCommerce swaps the cart table for its own stacked "responsive" mode: it * turns every cell into a block, hides the photograph and prints the column name in front of * each value from data-title. The card layout already says what each figure is, so that mode * is turned back off here and the card simply becomes one column. */ .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart tr.woocommerce-cart-form__cart-item { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "image" "name" "price" "quantity" "remove" "subtotal"; row-gap: 8px; padding: 14px; } .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart tr.woocommerce-cart-form__cart-item > td { display: block; width: auto; text-align: start; } .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart tr.woocommerce-cart-form__cart-item > td::before { content: none; } .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail { display: block; } .cart-native .product-thumbnail img { aspect-ratio: 16 / 10; } .cart-native .product-quantity, .cart-native .product-remove, .cart-native .product-subtotal { justify-self: start; } /* WooCommerce's stacked mode right-aligns every value; the card reads better left-aligned */ .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-name, .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-price, .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-subtotal { text-align: start; } .cart-native .product-subtotal { text-align: start; } .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart .quantity input.qty { width: 56px; min-height: 48px; } .cart-feature + .cart-feature { border-left: 0; border-top: 1px solid var(--e-global-color-rkline); padding-top: 14px; margin-top: 14px; } } /* === three-step flow === */ /* The step indicator itself is styled in the Kit's custom CSS (shared with the checkout). Below 768px the header row wraps and the indicator takes the full width under the title. */ @media (max-width: 767px) { .elementor.elementor .rk-steps--cart { width: 100%; } } /* An empty cart shows WooCommerce's own message and its return-to-shop button - no step indicator and no list heading, there is nothing to step through. */ .woocommerce-cart:has(.cart-empty) .rk-steps--cart, .woocommerce-cart:has(.cart-empty) .cart-items__title { display: none; } /* Quantity: WooCommerce's input with a minus and a plus button either side (printed by the three-step mu-plugin); the frame around all three is the existing .quantity rule. */ .cart-native .riekstotaji-qty-step { flex: 0 0 auto; width: 38px; min-height: 44px; border: 0; padding: 0; background: transparent; color: var(--e-global-color-primary); font-size: 19px; line-height: 1; cursor: pointer; } .cart-native .riekstotaji-qty-step:hover { background: var(--e-global-color-rkstrip); } .cart-native .riekstotaji-qty-step:focus-visible { outline: 2px solid var(--e-global-color-accent); outline-offset: -2px; } .cart-native .quantity:has(input[type="hidden"]) .riekstotaji-qty-step { display: none; } .cart-native.elementor-widget-woocommerce-cart .woocommerce table.cart .quantity input.qty { width: 46px; padding: 10px 0; appearance: textfield; -moz-appearance: textfield; } .cart-native .quantity input.qty::-webkit-outer-spin-button, .cart-native .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Shipping is chosen in step 2: the totals carry a note instead of a method list */ .cart-native .riekstotaji-cart-shipping-note th { font-weight: 600; } .cart-native .riekstotaji-cart-shipping-note td { color: var(--e-global-color-rkmuted); font-size: 12.5px; text-align: right; } /* === end three-step flow === */ /* === order summary === */ /* * The summary lists what WooCommerce charges: the items without VAT, any discount, where delivery * is chosen, the VAT itself and the amount to pay. The card - its border, radius, padding, row gap * and dividers - comes from the Cart widget's own controls; only what those cannot reach is written * here, with the Kit's global colours. * * How the widget lays these rows out matters: it hides every row header and prints the label from * the value cell's data-title as a floated pseudo-element, then right-aligns the cell. So the label * is styled through that pseudo-element, and anything extra in a row goes in the value cell. */ /* Discount. The row label and the minus sign carry the meaning, so it never rests on colour. */ .riekstotaji-cart-discount__amount { font-weight: 600; white-space: nowrap; color: var(--e-global-color-secondary); } /* The applied coupons, each removable, on their own line under the amount. */ .cart-native .riekstotaji-cart-coupons { clear: both; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin: 8px 0 0; padding: 0; } .cart-native .riekstotaji-cart-coupon { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 10px; border: 1px solid var(--e-global-color-rkline); border-radius: 999px; background: var(--e-global-color-rksoft); font-family: "Poppins", sans-serif; font-size: 11.5px; font-weight: 400; line-height: 1.6; color: var(--e-global-color-rkmuted); text-align: start; } .cart-native .riekstotaji-cart-coupon__code { white-space: nowrap; } .cart-native .riekstotaji-cart-coupon__remove { flex: 0 0 auto; padding: 2px 9px; border-radius: 999px; color: var(--e-global-color-secondary); font-size: 11.5px; text-decoration: underline; } .cart-native .riekstotaji-cart-coupon__remove:hover { color: var(--e-global-color-rkwhite); background: var(--e-global-color-secondary); text-decoration: none; } .cart-native .riekstotaji-cart-coupon__remove:focus-visible { outline: 2px solid var(--e-global-color-accent); outline-offset: 2px; } /* Delivery is a sentence rather than a figure, so it is allowed to wrap onto a second line. */ .cart-native .riekstotaji-cart-shipping-note td { white-space: normal; } /* The amount to pay is the number that matters: a rule above it, and the largest type in the card. */ .cart-native .riekstotaji-cart-order-total td { border-top: 2px solid var(--e-global-color-primary); padding-top: 14px; line-height: 1.2; } .cart-native.elementor-widget-woocommerce-cart .woocommerce .cart_totals .riekstotaji-cart-order-total td::before { font-family: "Merriweather", serif; font-size: 17px; color: var(--e-global-color-primary); padding-top: 5px; } /* The call to action keeps a visible focus ring for keyboard use. */ .cart-native.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button:focus-visible { outline: 3px solid var(--e-global-color-accent); outline-offset: 3px; } @media (max-width: 767px) { /* On phones the panel takes the full width and the coupon chips may wrap onto several lines. */ .cart-native .riekstotaji-cart-coupons { justify-content: flex-end; max-width: 100%; } .cart-native.elementor-widget-woocommerce-cart .woocommerce .cart_totals .riekstotaji-cart-order-total td::before { font-size: 16px; } } /* === end order summary === *//* End custom CSS */