style.css in King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder 51.1.79, at includes/widgets/Woo_Cart_Totals/style.css

93 lines 1.7 KB Raw Download Zip

1	.ka-woo-cart-totals {
2	width: 100%;
3	background: #fff;
4	border: 1px solid #e5e7eb;
5	border-radius: 10px;
6	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08);
7	padding: 16px;
8	}
9
10	.ka-cart-coupon {
11	margin-bottom: 16px;
12	border: 1px solid #e5e7eb;
13	border-radius: 8px;
14	padding: 12px;
15	}
16
17	.ka-cart-coupon__toggle {
18	background: none;
19	border: none;
20	font-weight: 600;
21	cursor: pointer;
22	}
23
24	.ka-cart-coupon__row {
25	display: flex;
26	gap: 8px;
27	margin-top: 8px;
28	flex-wrap: wrap;
29	}
30
31	.ka-cart-coupon__input {
32	flex: 1;
33	min-width: 180px;
34	}
35
36	.ka-cart-coupon__apply,
37	.ka-cart-coupon__remove {
38	cursor: pointer;
39	}
40
41	.ka-woo-cart-totals--sticky {
42	position: sticky;
43	top: var(--ka-cart-sticky-offset, 16px);
44	z-index: 2;
45	}
46
47	.cart_totals .shop_table tr {
48	display: grid;
49	grid-template-columns: auto 1fr;
50	align-items: center;
51	gap: 8px 10px;
52	padding: 8px 0;
53	border-bottom: 1px solid #f1f5f9;
54	}
55
56	.cart_totals .shop_table tr:last-child {
57	border-bottom: none;
58	}
59
60	.cart_totals .shop_table th {
61	font-weight: 600;
62	display: flex;
63	align-items: center;
64	gap: 8px;
65	}
66
67	.cart_totals .shop_table th::before {
68	content: '';
69	width: 18px;
70	height: 18px;
71	border-radius: 50%;
72	background: linear-gradient(135deg, #2563eb, #1d4ed8);
73	opacity: 0.75;
74	}
75
76	.cart_totals .shop_table tr.shipping th::before {
77	background: linear-gradient(135deg, #10b981, #059669);
78	}
79
80	.cart_totals .shop_table tr.cart-subtotal th::before {
81	background: linear-gradient(135deg, #f59e0b, #d97706);
82	}
83
84	.cart_totals .shop_table tr.order-total th::before {
85	background: linear-gradient(135deg, #ef4444, #dc2626);
86	}
87
88
89
90
91
92
93