.elementor-1699 .elementor-element.elementor-element-979c13a{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1699 .elementor-element.elementor-element-58d0fb1d img{width:18%;max-width:25%;}.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-1699 .elementor-element.elementor-element-63a49d45{text-align:center;}.elementor-1699 .elementor-element.elementor-element-63a49d45 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1699 .elementor-element.elementor-element-30cfa90b{text-align:center;}.elementor-1699 .elementor-element.elementor-element-30cfa90b .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-size:41px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1699 .elementor-element.elementor-element-588da72d{text-align:center;}.elementor-1699 .elementor-element.elementor-element-588da72d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1699 .elementor-element.elementor-element-15cecb33 > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1699 .elementor-element.elementor-element-e9efc08{--display:flex;}.elementor-1699 .elementor-element.elementor-element-afddea3{--confirmation-message-display:block;}@media(max-width:767px){.elementor-1699 .elementor-element.elementor-element-58d0fb1d img{width:76%;max-width:36%;}.elementor-1699 .elementor-element.elementor-element-63a49d45 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for woocommerce-purchase-summary, class: .elementor-element-afddea3 */:root{ --gtoa-primary:#4A2415; --gtoa-secondary:#6B3A22; --gtoa-gold:#C79A4A; --gtoa-light:#FBF8F3; --gtoa-border:#E7D8C4; --gtoa-text:#555; --gtoa-white:#fff; } /* ===================================== Main Wrapper ===================================== */ .woocommerce-order{ max-width:1400px; margin:60px auto; padding:0 20px; } /* ===================================== Success Message ===================================== */ .woocommerce-notice--success{ background:var(--gtoa-light); border-left:5px solid var(--gtoa-gold); padding:20px 25px; border-radius:15px; color:var(--gtoa-primary); font-size:18px; margin-bottom:35px; } /* ===================================== Order Overview ===================================== */ .woocommerce-order-overview{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; list-style:none; padding:0; margin:40px 0; } .woocommerce-order-overview li{ background:#fff; border:1px solid var(--gtoa-border); border-radius:18px; padding:25px; text-align:center; box-shadow:0 8px 25px rgba(0,0,0,.08); } .woocommerce-order-overview li strong{ display:block; margin-top:10px; color:var(--gtoa-primary); font-size:22px; } /* ===================================== Order Details Card ===================================== */ .woocommerce-order-details{ background:#fff; padding:35px; border-radius:20px; border:1px solid var(--gtoa-border); box-shadow:0 12px 35px rgba(0,0,0,.08); margin-bottom:40px; } /* ===================================== Titles ===================================== */ .woocommerce-order-details__title, .woocommerce-column__title{ color:var(--gtoa-primary); font-size:34px; margin-bottom:30px; position:relative; } .woocommerce-order-details__title:after, .woocommerce-column__title:after{ content:""; display:block; width:80px; height:3px; background:var(--gtoa-gold); margin-top:12px; } /* ===================================== Table ===================================== */ table.woocommerce-table{ width:100%; border-collapse:collapse; } table.woocommerce-table thead{ background:linear-gradient(90deg,#4A2415,#6B3A22); } table.woocommerce-table thead th{ color:#fff; padding:18px; font-size:16px; } table.woocommerce-table tbody td{ padding:18px; border-bottom:1px solid #f2f2f2; } table.woocommerce-table tbody tr:nth-child(even){ background:#FCFAF8; } table.woocommerce-table tbody tr:hover{ background:#FFF8ED; } table.woocommerce-table tfoot th, table.woocommerce-table tfoot td{ padding:18px; border-top:1px solid #eee; } table.woocommerce-table tfoot tr:last-child{ background:#FFF8ED; } table.woocommerce-table tfoot tr:last-child td, table.woocommerce-table tfoot tr:last-child th{ font-size:22px; color:var(--gtoa-primary); } /* ===================================== Customer Details Wrapper ===================================== */ .woocommerce-customer-details{ margin-top:40px; } /* IMPORTANT FIX */ .woocommerce-customer-details .woocommerce-columns{ display:flex !important; gap:30px; align-items:stretch; width:100%; } /* IMPORTANT FIX */ .woocommerce-customer-details .woocommerce-column{ flex:1; width:50% !important; max-width:50% !important; background:#fff; padding:35px; border:1px solid var(--gtoa-border); border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.08); } /* Remove WooCommerce floats */ .woocommerce-customer-details .col-1, .woocommerce-customer-details .col-2{ float:none !important; width:100% !important; max-width:100% !important; } /* Address */ .woocommerce-customer-details address{ margin:20px 0 0; line-height:2; font-style:normal; color:var(--gtoa-text); } /* Links */ .woocommerce-table a{ color:var(--gtoa-primary); text-decoration:none; } .woocommerce-table a:hover{ color:var(--gtoa-gold); } /* Price */ .woocommerce-Price-amount{ color:var(--gtoa-primary); font-weight:700; } /* ===================================== Mobile ===================================== */ @media(max-width:991px){ .woocommerce-order-overview{ grid-template-columns:repeat(2,1fr); } .woocommerce-customer-details .woocommerce-columns{ flex-direction:column; } .woocommerce-customer-details .woocommerce-column{ width:100% !important; max-width:100% !important; } } @media(max-width:767px){ .woocommerce-order{ padding:15px; } .woocommerce-order-overview{ grid-template-columns:1fr; } .woocommerce-order-details{ padding:20px; } .woocommerce-order-details__title, .woocommerce-column__title{ font-size:28px; } table.woocommerce-table{ display:block; overflow-x:auto; } }/* End custom CSS */