.elementor-2474 .elementor-element.elementor-element-7308307{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-2474 .elementor-element.elementor-element-7308307.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2474 .elementor-element.elementor-element-f8c1c3a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-2474 .elementor-element.elementor-element-f8c1c3a:not(.elementor-motion-effects-element-type-background), .elementor-2474 .elementor-element.elementor-element-f8c1c3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-2474 .elementor-element.elementor-element-38cf09a{text-align:start;}.elementor-2474 .elementor-element.elementor-element-38cf09a .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:34px;font-weight:500;color:#000000;}.elementor-2474 .elementor-element.elementor-element-245c6bc{--swiper-slides-to-display:5;--swiper-slides-gap:40px;padding:30px 0px 30px 0px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-55px;--arrow-prev-top-align:0%;--arrow-prev-caption-spacing:0px;--arrow-prev-translate-y:0px;--arrow-prev-top-position:-60px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:0%;--arrow-next-caption-spacing:0px;--arrow-next-translate-y:0px;--arrow-next-top-position:-60px;--arrow-normal-color:#949494;--arrow-hover-color:#FF7020;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2474 .elementor-element.elementor-element-245c6bc{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2474 .elementor-element.elementor-element-7308307{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2474 .elementor-element.elementor-element-f8c1c3a{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2474 .elementor-element.elementor-element-245c6bc{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-7308307 */.pb-cart-wrap {
    font-family: "Mona Sans", sans-serif;
    display: flex;
    gap: 20px;
    background: #fff;
    margin: 0 auto;
    flex-wrap: wrap;
    color: #333;
}
.pb-cart-left { flex: 2; min-width: 450px; }
.pb-cart-right { flex: 1; min-width: 350px; }

        /* General Sections */
        .pb-section {
        background: #fff; 
        border: 1px solid #D4D4D4; 
        border-radius: 10px;
        margin-bottom: 15px;
        padding: 15px 25px; 
          }
        
        /* Header Actions */
        .pb-cart-header { 
        padding:16px 30px;
        display: flex; 
        justify-content: space-between; 
        align-items: center;
         }
        .pb-header-left { 
        display: flex; 
        align-items: center;
         gap: 12px; 
         font-weight: 400;
         font-size: 18px; 
         color: #000000 ; 
         }
   /* Update Cart Button Base Style */
.btn-update { 
    color: #FF5F00 !important;
    font-weight: 500 ;
    border: none !important;
    background: none !important; 
    cursor: pointer; 
    text-transform: uppercase;
     font-size: 14px;
    transition: color 0.3s ease; 
    padding: 10; 
    box-shadow: none;
}

.btn-update:hover { 
    color: #000 !important;
   
}
        .btn-remove-top { 
            color: #2e7d32;
             font-weight: 500;
               border: none !important;
    background: none !important; 
                cursor: pointer; 
                text-transform: uppercase;
                 font-size: 14px;
                   padding: 10; 
           box-shadow: none;
                  }
                  .btn-remove-top:hover { 
    color: #FF5F00 !important;
   
}
/* ================= ITEM CARD ================= */

     .pb-item-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* LEFT SIDE */
.pb-item-left {
    display: flex;
    align-items: center;
    gap: 15px !important;
    width: 60%;
}
        .pb-item-card img {
         width: 100px; 
        height: 100px; 
        object-fit: cover; 
        border-radius: 12px;
         background: #f9f9f9;
          }
          .pb-item-info { flex: 1; }
          
  
        .pb-item-title-row { 
            display: flex; 
            justify-content: space-between; 
            align-items:flex-start;
             }
        .pb-item-title { 
            margin: 0; 
        font-size: 22px;
         font-weight: 400;
         color: #000000;
         padding-bottom: 10px;
          }

        .pb-item-price {
             color: #FF5F00;
              margin: 8px 0;
               font-size: 24px; 
               font-weight:600; 
               }
         /* RIGHT SIDE */
.pb-item-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}      

        /* Controls */
/* Container for Qty box and Trash icon */
.pb-item-controls {
    display: flex; 
    gap: 12px;
    align-items:center;
    justify-content: flex-end;
    margin-left: auto; 
    margin-top:auto; 
}
        .qty-control {
             display: flex; 
             align-items: center; 
             border: 1px solid #D4D4D4 ;
              border-radius: 6px; 
              height: 38px; 
              overflow: hidden; 
              background: #fff;
              width: 40%;
               }
.qty-btn {
    border: 0px solid #D4D4D4 !important; 
    background: none !important;
    cursor: pointer; 
    font-size: 28px; 
    color: #ccc; 
    transition: 0.2s; 
    padding: 10px 15px; 
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.qty-btn:hover {
    color: #FF5F00 !important;
    background: #fff9f5 !important;
}
        .qty-val { 
            width: 40px; 
            text-align: center; 
            border: none !important; 
            font-weight:700 !important;
             font-size: 20px !important;
              color: #FF5F00 !important;
              width: 10 !important;
              }
        .btn-trash {
             border: 1px solid #D8D8D8 ;
              border-radius: 6px;j
               width: 38px;
                height: 38px; 
                cursor: pointer;
                 background: #fff; 
                 color: #999; 
                 display: flex;
                  align-items: center; 
                  justify-content: center;
                   transition: 0.2s; 
                   }
        .btn-trash:hover { 
           
         border-color: #ff4d4d; 
           color: #FF5F00 !important;
    background: #fff9f5 !important;
         }

        /* Right Sidebar (Promo & Summary) */
        .promo-box {
             background: #fff9f5;
              border: 1px solid #FFD8C2; 
              color: #ff4d4d; 
               display: flex; 
               justify-content: space-between;
                align-items: center;
                 padding: 15px 20px; 
                 border-radius: 10px;
                  margin-bottom: 12px;
                   cursor: pointer; 
                   font-weight: 600;
                    font-size: 18px;
                     }
        #promo-input-wrap { 
        display: none;
         margin-bottom: 15px;
          background: #fff; 
          padding: 10px;
           border: 1px solid #eee;
            border-radius: 10px;
             }
        
        .summary-box {
             border: 1px solid #D4D4D4;
              border-radius: 10px;
               padding: 25px; 
               background: #fff;
                }
        .summary-row {
             display: flex; 
             justify-content: space-between; 
             align-items: center; 
             margin-bottom: 20px;
              padding-bottom: 15px;
               border-bottom: 1px solid #f9f9f9;
                }
        .summary-label { 
            font-weight: 500;
             font-size: 18px; 
             color: #000;
              }
        .summary-total { 
            color: #FF5F00;
            font-size: 28px;
             font-weight: 600; 
             }
        .summary-add-note-order {
     font-size: 20px;
     font-weight: 300;
     color: #000;
         font-family: 'Oswald';
}

        textarea.order-note { 
            width: 100%;
             height: 110px;
              border: 1px solid #D4D4D4;
               border-radius: 10px;
                padding: 10px;
                 margin-top: 10px;
                  background: #fff;
                  color: #C2C2C2 !important;
                   resize: none; 
                        font-family: "Mona Sans", Sans-serif;
                   outline: none; 
                   font-size: 18px;
                 font-weight: 300;
                    }



textarea.order-note:focus {
    border-color: #ccc; 
    color: #000 !important; 
    opacity: 2;
    outline: none;
        font-weight: 600;
}

        .checkout-btn { 
            background: #FF5F00;
             color: #fff;
              display: block;
               text-align: center; 
               padding: 18px;
                border: 1px solid  #FF5F00;
                border-radius: 12px; 
                text-decoration: none; 
                font-weight: 700; 
                margin-top: 20px; 
                font-size: 20 px; 
                letter-spacing: 0.6px; 
                text-decoration: none !important;
                }
                
                 .checkout-btn:hover { 
            background:#093D08;
             color: #FFf;
              border: 1px solid  #093D08;
             
        
                }
        .back-link { 
            display: block; 
            text-align: center; 
            margin-top: 20px; 
            color: #FF5F00;
             text-decoration: none; 
             font-size: 16px; 
             font-weight: 600;
             text-decoration: none !important;
              }
                  .back-link:hover { 
            color: #000;
           
              }

        /* Checkbox Styling */
        input[type="checkbox"] {
             width: 18px; 
             height: 18px; 
             accent-color: #FF5F00;
              cursor: pointer; 
              }

        .loading-overlay {
             opacity: 0.5; 
             pointer-events: none; 
             }
             
             .summary-box h4{
                 margin:0 0 25px 0;
                 font-size: 20px; 
                 font-weight: 400; 
                 font-family: 'Oswald'
             }

        @media (max-width: 768px) {
                 .pb-item-left {
    width: 100%;
}
        .pb-item-title { 
     padding-bottom: 5px;
                 }
                 .pb-item-right{
                     padding-right: 20px;
                 }
                         .pb-section {
        padding: 15px !important;
          }
            .pb-cart-left{
                  min-width: 100% !important;
            }
        }
                    @media (max-width: 360px) {
                       .pb-header-left { 
                       font-size: 13px; 
      }
         .pb-header-divider {

    margin: 0px;
}



         
         .pb-header-divider {
    color: #E0E0E0;
    margin: 0 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8c1c3a */#newcoffeerange p.price > span:nth-child(3),
p.price > .woocommerce-Price-amount + span {
    display: none !important;
}



#newcoffeerange .discount-pill {
    background: #FF5F00;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
    position: absolute;
    top: -310px;
    right: -90px;
    font-family:'Mona Sans', sans-serif
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Oswald';
	font-display: auto;
	src: url('http://trailstcafe.com.au/wp-content/uploads/2025/11/Oswald-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */