.elementor-kit-14{--e-global-color-primary:#E2331E;--e-global-color-secondary:#F26A1B;--e-global-color-text:#0D0D0D;--e-global-color-accent:#FFFFFF;--e-global-color-e6e0543:#2C2F33;--e-global-color-0eb2a76:#1A1A1A;--e-global-color-3a9981e:#A21C0C;--e-global-color-dfc60fd:#FFC45B;--e-global-typography-primary-font-family:"Oswald";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Oswald";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Oswald";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:700;}.elementor-kit-14 button,.elementor-kit-14 input[type="button"],.elementor-kit-14 input[type="submit"],.elementor-kit-14 .elementor-button{background-color:var( --e-global-color-e6e0543 );color:var( --e-global-color-accent );}.elementor-kit-14 button:hover,.elementor-kit-14 button:focus,.elementor-kit-14 input[type="button"]:hover,.elementor-kit-14 input[type="button"]:focus,.elementor-kit-14 input[type="submit"]:hover,.elementor-kit-14 input[type="submit"]:focus,.elementor-kit-14 .elementor-button:hover,.elementor-kit-14 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-kit-14 a{color:var( --e-global-color-secondary );}.elementor-kit-14 a:hover{color:var( --e-global-color-3a9981e );}.elementor-kit-14 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-14 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-14 h3{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-14 h4{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-14 h5{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:100px;--container-default-padding-right:35px;--container-default-padding-bottom:100px;--container-default-padding-left:35px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}.page-header{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-14 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-14 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-14 h3{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-14 h4{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-14 h5{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:100px;--container-default-padding-right:32px;--container-default-padding-bottom:100px;--container-default-padding-left:32px;}}@media(max-width:767px){.elementor-kit-14 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-14 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-14 h3{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-14 h4{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-14 h5{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:80px;--container-default-padding-right:24px;--container-default-padding-bottom:80px;--container-default-padding-left:24px;}}/* Start custom CSS */.alignleft {
	float: left;
	margin: 0 2.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 1.5em 2.5em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
/* Clear floats so following content doesn't wrap awkwardly. */
.alignleft::after,
.alignright::after { content: ""; display: table; clear: both; }
 
/* Center (rather than float) on smaller screens. */
@media (max-width: 768px) {
	.alignleft,
	.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
 

.lightning-title:after {
	content: '';
	width: 138%;
	height: 78px;
	background: url('https://hogskinspaintprotection.com/wp-content/uploads/2026/07/orange-streak.png');
	background-repeat: no-repeat;
	position: absolute;
	bottom: -39px;
	left: -13%;
	z-index: -1;
	background-position: 50% 50%;
	background-size: contain;
}

.elementor-text-editor ol li, 
.elementor-text-editor ul li {
    margin-bottom: 18px;
}

/* ==========================================================================
   Hogskins checkout styling — matches the Build Your Kit builder.
   Scoped to WooCommerce checkout/cart classes so it only affects those pages.
   Paste into Appearance → Customize → Additional CSS (or theme CSS).
   ========================================================================== */

.woocommerce-checkout,
.woocommerce-cart .woocommerce {
	--hkb-accent: #ff6a00;
	--hkb-accent-2: #ffb13c;
	--hkb-bg: #0a0a0a;
	--hkb-panel: #141414;
	--hkb-panel-2: #1c1c1c;
	--hkb-line: #2a2a2a;
	--hkb-text: #f2f2f2;
	--hkb-muted: #9a9a9a;
	--hkb-radius: 10px;
	color: var(--hkb-text);
}

/* Headings ---------------------------------------------------------------- */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 800;
	border-bottom: 1px solid var(--hkb-line);
	padding-bottom: 10px;
	margin-bottom: 18px;
}

/* Panels: billing column + order review ---------------------------------- */
/* Stack the two columns so order notes sit BELOW billing, full width. */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details {
	display: block !important;
	width: 100% !important;
	float: none !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	width: 100% !important;
	float: none !important;
	max-width: none !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	background: transparent !important;
}

/* The visible dark cards are the field wrappers themselves, so the theme's
   white background cannot show through. */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
	background: linear-gradient(180deg, var(--hkb-panel-2), var(--hkb-panel)) !important;
	border: 1px solid var(--hkb-line) !important;
	border-radius: var(--hkb-radius) !important;
	padding: 22px !important;
	margin-bottom: 18px;
}
.woocommerce-checkout .woocommerce-shipping-fields:empty { display: none; }

/* Labels ------------------------------------------------------------------ */
.woocommerce-checkout label,
.woocommerce-checkout .woocommerce-form__label {
	color: var(--hkb-text);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
	display: inline-block;
}
.woocommerce-checkout .required { color: var(--hkb-accent); border: 0; }
.woocommerce-checkout .optional { color: var(--hkb-muted); text-transform: none; letter-spacing: 0; }

/* Text inputs, email, tel, textarea -------------------------------------- */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
	width: 100%;
	background: #2b2b2b !important;
	color: #ffffff !important;
	border: 1px solid #4a4a4a !important;
	border-radius: var(--hkb-radius);
	padding: 12px 14px;
	font-size: 15px;
	transition: border-color .15s, box-shadow .15s;
	box-sizing: border-box;
}
.woocommerce-checkout input.input-text::placeholder,
.woocommerce-checkout textarea::placeholder {
	color: #6f6f6f;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
	outline: none;
	border-color: var(--hkb-accent);
	box-shadow: 0 0 0 1px var(--hkb-accent), 0 0 14px color-mix(in srgb, var(--hkb-accent) 40%, transparent);
}

/* select2 dropdowns (country / state) ------------------------------------ */
.woocommerce-checkout .select2-container--default .select2-selection--single {
	background: #2b2b2b;
	border: 1px solid #4a4a4a;
	border-radius: var(--hkb-radius);
	height: 46px;
	display: flex;
	align-items: center;
	padding: 0 14px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--hkb-text);
	line-height: normal;
	padding: 0;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--hkb-accent);
	box-shadow: 0 0 0 1px var(--hkb-accent);
}
/* Dropdown panel (rendered at body level, so not scoped to checkout) */
.select2-dropdown {
	background: var(--hkb-panel);
	border: 1px solid var(--hkb-line);
	color: var(--hkb-text);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: var(--hkb-accent);
	color: #160d04;
}
.select2-search--dropdown .select2-search__field {
	background: #0d0d0d;
	border: 1px solid var(--hkb-line);
	color: var(--hkb-text);
}

/* Order review table ----------------------------------------------------- */
.woocommerce-checkout .shop_table {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
	border: 0;
}
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
	padding: 12px 4px;
	border-bottom: 1px solid var(--hkb-line);
	text-align: left;
	color: var(--hkb-text);
}
.woocommerce-checkout .shop_table thead th {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	color: var(--hkb-muted);
}
.woocommerce-checkout .shop_table .product-total,
.woocommerce-checkout .shop_table td:last-child,
.woocommerce-checkout .shop_table th:last-child {
	text-align: right;
}
.woocommerce-checkout .shop_table .order-total th,
.woocommerce-checkout .shop_table .order-total td {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 0;
	padding-top: 16px;
}
.woocommerce-checkout .shop_table .order-total .woocommerce-Price-amount {
	color: var(--hkb-accent);
}
.woocommerce-checkout .product-quantity { color: var(--hkb-muted); }

/* Coupon / info notices -------------------------------------------------- */
.woocommerce-checkout .woocommerce-info,
.woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-info {
	background: var(--hkb-panel) !important;
	border-top: 3px solid var(--hkb-accent) !important;
	color: var(--hkb-text) !important;
	border-radius: var(--hkb-radius);
	box-shadow: none !important;
}
.woocommerce-checkout .woocommerce-info::before,
.woocommerce .woocommerce-info::before {
	color: var(--hkb-accent) !important;
}
.woocommerce-checkout .woocommerce-info a,
.woocommerce .woocommerce-info a {
	color: var(--hkb-accent-2) !important;
}
.woocommerce-checkout .woocommerce-info .e-description,
.woocommerce-checkout .woocommerce-no-available-payment-methods-message {
	color: var(--hkb-text) !important;
}

/* Payment box ------------------------------------------------------------ */
.woocommerce-checkout #payment {
	background: var(--hkb-panel);
	border: 1px solid var(--hkb-line);
	border-radius: var(--hkb-radius);
	margin-top: 16px;
}
.woocommerce-checkout #payment .payment_methods {
	border-bottom: 1px solid var(--hkb-line);
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
	color: var(--hkb-muted);
	font-size: 13px;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text a { color: var(--hkb-accent-2); }

/* Buttons: apply coupon, place order ------------------------------------- */
.woocommerce-checkout .button,
.woocommerce-checkout #place_order,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
	background: linear-gradient(180deg, var(--hkb-accent-2), var(--hkb-accent));
	color: #1a1106;
	border: 0;
	border-radius: var(--hkb-radius);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 14px 22px;
	cursor: pointer;
	transition: filter .15s, box-shadow .15s, transform .05s;
}
.woocommerce-checkout #place_order {
	width: 100%;
	font-size: 17px;
	padding: 16px 20px;
	box-shadow: 0 8px 26px color-mix(in srgb, var(--hkb-accent) 45%, transparent);
}
.woocommerce-checkout .button:hover,
.woocommerce-checkout #place_order:hover {
	filter: brightness(1.06);
	box-shadow: 0 10px 32px color-mix(in srgb, var(--hkb-accent) 50%, transparent);
}
.woocommerce-checkout #place_order:active { transform: translateY(1px); }

/* Order received / thank-you page ---------------------------------------- */
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order h2 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 800;
}
.woocommerce-order .woocommerce-order-overview {
	background: linear-gradient(180deg, var(--hkb-panel-2), var(--hkb-panel));
	border: 1px solid var(--hkb-line);
	border-radius: var(--hkb-radius);
	padding: 18px 22px;
	list-style: none;
}
.woocommerce-order .woocommerce-order-overview li {
	color: var(--hkb-muted);
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.05em;
	border-right: 1px solid var(--hkb-line);
}
.woocommerce-order .woocommerce-order-overview li strong {
	color: var(--hkb-text);
	font-size: 15px;
	display: block;
	margin-top: 4px;
}
.woocommerce-order .woocommerce-table--order-details {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce-order .woocommerce-table--order-details th,
.woocommerce-order .woocommerce-table--order-details td {
	padding: 12px 4px;
	border-bottom: 1px solid var(--hkb-line);
	color: var(--hkb-text);
}
.woocommerce-order .woocommerce-table--order-details tfoot .woocommerce-Price-amount {
	color: var(--hkb-accent);
}

/* Validation states ------------------------------------------------------ */
.woocommerce-checkout .woocommerce-invalid input.input-text,
.woocommerce-checkout .woocommerce-invalid select {
	border-color: #c0392b;
}
.woocommerce-checkout .woocommerce-validated input.input-text {
	border-color: #2a2a2a;
}

/* ==========================================================================
   Cart page
   ========================================================================== */

.woocommerce-cart .woocommerce {
	--hkb-accent: #ff6a00;
	--hkb-accent-2: #ffb13c;
	--hkb-panel: #141414;
	--hkb-panel-2: #1c1c1c;
	--hkb-line: #2a2a2a;
	--hkb-text: #f2f2f2;
	--hkb-muted: #9a9a9a;
	--hkb-radius: 10px;
	color: var(--hkb-text);
}

/* Cart items table -------------------------------------------------------- */
.woocommerce-cart .shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: linear-gradient(180deg, var(--hkb-panel-2), var(--hkb-panel)) !important;
	border: 1px solid var(--hkb-line) !important;
	border-radius: var(--hkb-radius);
	overflow: hidden;
}
.woocommerce-cart .shop_table thead th {
	background: transparent !important;
	color: var(--hkb-muted) !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	padding: 14px 12px;
	border-bottom: 1px solid var(--hkb-line) !important;
}
.woocommerce-cart .shop_table td {
	background: transparent !important;
	color: var(--hkb-text) !important;
	border-top: 1px solid var(--hkb-line) !important;
	padding: 16px 12px;
	vertical-align: middle;
}
.woocommerce-cart .cart_item td.product-name a {
	color: var(--hkb-text) !important;
	font-weight: 600;
	text-decoration: none;
}
.woocommerce-cart .cart_item td.product-name a:hover { color: var(--hkb-accent-2) !important; }
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal { color: var(--hkb-text) !important; }

/* Product thumbnail ------------------------------------------------------- */
.woocommerce-cart .product-thumbnail img {
	border-radius: calc(var(--hkb-radius) - 4px);
	border: 1px solid var(--hkb-line);
	max-width: 72px;
	height: auto;
}

/* Remove item (×) --------------------------------------------------------- */
.woocommerce-cart .product-remove .remove {
	color: var(--hkb-muted) !important;
	font-size: 22px;
	line-height: 1;
	background: transparent !important;
	transition: color .15s;
}
.woocommerce-cart .product-remove .remove:hover {
	color: var(--hkb-accent) !important;
	background: transparent !important;
}

/* Quantity input ---------------------------------------------------------- */
.woocommerce-cart .quantity .qty {
	background: #2b2b2b !important;
	color: #fff !important;
	border: 1px solid #4a4a4a !important;
	border-radius: var(--hkb-radius);
	padding: 10px 8px;
	width: 78px;
	text-align: center;
}
.woocommerce-cart .quantity .qty:focus {
	outline: none;
	border-color: var(--hkb-accent) !important;
	box-shadow: 0 0 0 1px var(--hkb-accent);
}

/* Actions row: coupon + update cart -------------------------------------- */
.woocommerce-cart .cart .actions {
	padding: 16px 12px !important;
	background: transparent !important;
}
.woocommerce-cart .cart .actions .coupon .input-text {
	background: #2b2b2b !important;
	color: #fff !important;
	border: 1px solid #4a4a4a !important;
	border-radius: var(--hkb-radius);
	padding: 12px 14px;
	min-width: 180px;
}
.woocommerce-cart .cart .actions .coupon .input-text:focus {
	outline: none;
	border-color: var(--hkb-accent) !important;
	box-shadow: 0 0 0 1px var(--hkb-accent);
}

/* Buttons (apply coupon, update cart) ------------------------------------ */
.woocommerce-cart .button,
.woocommerce-cart a.button,
.woocommerce-cart button.button {
	background: linear-gradient(180deg, var(--hkb-accent-2), var(--hkb-accent)) !important;
	color: #1a1106 !important;
	border: 0 !important;
	border-radius: var(--hkb-radius);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 13px 20px;
	cursor: pointer;
	transition: filter .15s, box-shadow .15s, transform .05s;
}
.woocommerce-cart .button:hover,
.woocommerce-cart a.button:hover,
.woocommerce-cart button.button:hover { filter: brightness(1.06); }
/* Disabled "Update cart" until a qty changes */
.woocommerce-cart .button[disabled],
.woocommerce-cart button.button:disabled {
	opacity: 0.45 !important;
	cursor: not-allowed;
	filter: none !important;
}

/* Cart totals box --------------------------------------------------------- */
.woocommerce-cart .cart_totals h2 {
	display: none;
}
.woocommerce-cart .cart_totals table {
	background: linear-gradient(180deg, var(--hkb-panel-2), var(--hkb-panel)) !important;
	border: 1px solid var(--hkb-line) !important;
	border-radius: var(--hkb-radius);
	overflow: hidden;
	width: 100%;
}
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
	background: transparent !important;
	color: var(--hkb-text) !important;
	border-top: 1px solid var(--hkb-line) !important;
	padding: 14px 16px;
	text-align: left;
}
.woocommerce-cart .cart_totals tr:first-child th,
.woocommerce-cart .cart_totals tr:first-child td { border-top: 0 !important; }
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
}
.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount {
	color: var(--hkb-accent) !important;
}

/* Proceed to checkout ----------------------------------------------------- */
.woocommerce-cart .wc-proceed-to-checkout { margin-top: 14px; }
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 17px !important;
	padding: 16px 20px !important;
	box-shadow: 0 8px 26px color-mix(in srgb, var(--hkb-accent) 45%, transparent);
}

body #ship-to-different-address label span {
    color: #000 !important;
    font-size: 16px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: #fcfcfc;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

body .wc-payment-form {
    border: none;
}

body .payment_method_stripe fieldset {
    border: none !important;
}

body .woocommerce-SavedPaymentMethods-saveNew label {
    color: #000 !important;
}

body .woocommerce-table--order-details th,
body .woocommerce-table--order-details td
{
    color: #000 !important;
}

body .woocommerce-order .woocommerce-column__title {
    font-size: 20px;
    color: #000;
}

body .elementor-menu-cart__subtotal {
    color: #333;
}

body .woocommerce-Price-amount {
    color: #444;
}/* End custom CSS */