/**
Theme Name: Convery Oils (Astra Child Theme)
Author: Redback Creations
Author URI: http://www.redbackcreations.com/
Description: Child theme of Astra for Convery Oils.
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: convery-oils
Template: astra
*/

/* ── Order / cart styles (moved from WP Customizer) ─────────────────────── */

.ast-theme-transparent-header .ast-above-header {
	background: #00000055;
	border: none;
}

.cart-option {
	padding: 0px;
	border: 1px solid #DCDCDC;
	margin: 1%;
	width: 18%;
	float: left;
	text-align: center;
	border-radius: 5px;
	background: #FCFCFC;
}

.cart-option.selected {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.cart-option.best-price .btnSelectFuel {
	border-top: 5px solid #eeee22;
	font-weight: 300;
}

.cart-option.best-price .date {
	background: rgba(238,238,34,0.4);
}

.cart-option:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.cart-option.best-price::before {
	content: "Best Value!";
	padding: 0px;
	width: 100%;
	border-radius: 5px 5px 0 0;
	display: inline-block;
	border-bottom: 1px solid #DCDCDC;
	font-weight: 600;
	background: #eeee22;
	color: #15518f;
}

.cart-option-heading {
	border: 0px solid #f0f0f0;
	padding: 10px;
	font-size: 12px;
}

.cart-option-date {
	padding-top: 7px;
}

.date {
	font-weight: 600;
	display: block;
	font-size: 20px !important;
	background: rgba(21, 81, 143, 0.15);
	border-radius: 5px;
	padding: 18px;
	color: #000938;
	margin-top: 5px;
}

.checkout-price {
	font-size: 1.2em;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
	color: #000938 !important;
}

.best-price .checkout-price {
	font-size: 1.2em;
	margin-top: -5px;
	padding-top: 0;
	padding-bottom: 0px;
}

.best-price .cart-option-date {
	padding-top: 0px;
}

.checkout-info {
	font-size: 0.55em !important;
	margin-bottom: 10px;
}

.btnSelectFuel {
	background: #000938;
	color: #ffffff;
	padding: 2px;
	margin: 0px;
	display: inline-block;
	font-size: 1em;
	border-radius: 0 0 5px 5px;
	width: 100%;
}

.btnSelectFuel:hover {
	background: #000000;
	color: #ffffff;
}

.post-1276 h1 {
	text-align: center;
	font-weight: 600;
	font-size: 24px !important;
}

.post-1276 h2 {
	text-align: center;
	font-weight: 600;
	font-size: 24px;
	padding-top: 30px !important;
}

#Litres,
#Postcode,
#Category {
	width: 100%;
}

#btnGetMyQuote,
#btnPlaceOrder {
	background: green;
	color: #ffffff;
	transition: 0.3s;
	max-width: 200px;
	margin: 15px;
	display: block;
	float: right;
	padding: 5px 45px;
}

#btnGetMyQuote:hover,
#btnPlaceOrder:hover {
	background: #000000;
	color: #ffffff;
}

.cart-option.selected .btnSelectFuel {
	display: none;
}

.cart-option.selected:after {
	content: "Selected";
	visibility: visible;
	display: inline-block;
	color: #ffffff;
	width: 100%;
	min-height: 30px;
	background: green;
	padding: 5px;
	border-radius: 0 0 5px 5px;
}

input[type=checkbox],
input[type=radio] {
	width: 30px !important;
}

#step-5 input[type=email],
#step-5 input[type=number],
#step-5 input[type=password],
#step-5 input[type=reset],
#step-5 input[type=search],
#step-5 input[type=tel],
#step-5 input[type=text],
#step-5 input[type=url],
#step-5 select,
#step-5 textarea,
#step-4 input[type=email],
#step-4 input[type=number],
#step-4 input[type=password],
#step-4 input[type=reset],
#step-4 input[type=search],
#step-4 input[type=tel],
#step-4 input[type=text],
#step-4 input[type=url],
#step-4 select,
#step-4 textarea {
	width: 100%;
}

label.error {
	width: 100%;
	display: block;
	color: red;
}

@media only screen and (max-width: 1054px) {
	.cart-option {
		width: 18%;
		margin-top: 30px;
	}
	.cart-option .btnSelectFuel {
		width: 100%;
		padding: 5px;
		min-height: 30px;
	}
	.additive-option-image {
		height: 180px !important;
	}
	.additive-option-image2 {
		height: 206px !important;
	}
	.cart-option-date {
		padding-top: 7px;
	}
	.date {
		font-size: 14px !important;
	}
	.checkout-price {
		font-size: 18px;
	}
	#frmAccount,
	#frmLogIn {
		width: 100% !important;
	}
}

@media only screen and (max-width: 600px) {
	.cart-option {
		width: 100%;
		margin-top: 30px;
	}
	.cart-option .btnSelectFuel {
		width: 100%;
		padding: 5px;
		min-height: 30px;
	}
	.order-details ul li {
		width: 100% !important;
	}
	#btnBackToStep1,
	#btnBackToStep2,
	#btnBackToStep3,
	#btnBackToStep4 {
		float: none !important;
		width: 100%;
		margin: 10px 0 10px 0 !important;
	}
	#btnToStep3,
	#btnToStep4,
	#btnToStep5 {
		float: none !important;
		width: 100%;
		margin: 10px 0 10px 0 !important;
	}
	#btnToStep2 {
		margin: 10px 0 10px 0 !important;
		min-width: 100% !important;
	}
	#btnGetMyQuote,
	#btnPlaceOrder {
		margin: 10px 0 10px 0 !important;
		float: none !important;
		min-width: 100% !important;
	}
	.additive-option,
	.additivesBtn {
		width: 100% !important;
		margin-bottom: 45px !important;
	}
	.additive-option-image,
	.additive-option-image2 {
		height: 210px !important;
	}
}

.order-details {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	background: #F8F8F8;
	border-radius: 5px;
	border: 1px solid #DCDCDC;
	margin-bottom: 15px;
	margin-top: 45px;
}

.order-details ul {
	list-style: none;
	margin: 0;
}

.order-details ul li {
	width: 33.33333%;
	float: left;
	padding: 10px;
}

.order-details h3 {
	font-size: 1em;
	margin-bottom: 0px;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	padding: 5px;
}

.order-details p {
	color: #15518f;
	font-size: 1.2em;
	margin: 0;
}

.order-details-title h2 {
	font-size: 1.6em;
	font-weight: 500 !important;
	width: 100%;
	display: block;
	border-bottom: 2px dashed #DCDCDC;
	padding: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.order-section-title h2 {
	font-size: 1.8em;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 2px;
}

.order-section-subtitle h3 {
	font-size: 1.3em;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

li.order-total {
	border-top: 2px dashed #DCDCDC;
	width: 100% !important;
	margin-top: 5px;
}

li.order-total h3 {
	margin-top: 7px;
	font-size: 1.2em;
}

li.order-total h3:after {
	content: "(Including VAT)";
	display: block;
	font-size: 0.7em !important;
}

li.order-total p {
	font-size: 1.4em;
	margin-top: -6px;
	margin-bottom: 5px;
}

#btnBackToStep1,
#btnBackToStep2,
#btnBackToStep3,
#btnBackToStep4,
#btnBackToStep5 {
	background: #fd8d3b;
	color: white;
	display: inline-block;
	margin: 15px;
	padding: 5px 45px 5px 45px;
}

#btnToStep3,
#btnToStep4,
#btnToStep5,
#btnToStep6 {
	background: #fd8d3b;
	color: white;
	display: inline-block;
	margin: 15px;
	padding: 5px 45px 5px 45px;
	border-top: 4px solid #eeee22;
}

#btnBackToStep1:hover,
#btnToStep2:hover,
#btnToStep3:hover,
#btnBackToStep2:hover,
#btnToStep4:hover,
#btnBackToStep3:hover,
#btnToStep5:hover,
#btnBackToStep4:hover,
#btnToStep6:hover,
#btnBackToStep5:hover {
	background: #000000;
}

#btnBackToStep1,
#btnBackToStep2,
#btnBackToStep3,
#btnBackToStep4,
#btnBackToStep5 {
	float: left;
}

#btnToStep3,
#btnToStep4,
#btnToStep5,
#btnToStep6 {
	float: right;
}

#btnToStep2 {
	max-width: 300px;
}

.orderNav {
	clear: both;
	padding-top: 10px;
	min-height: 70px;
	border-top: 1px solid #f0f0f0;
	margin-top: 0px !important;
	text-align: center;
}

#ajContainer h2 {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

.cart-info {
	display: inline-block;
	width: 100%;
}

.orderStep {
	clear: both;
	display: inline-block;
	width: 100%;
	padding: 5px;
	text-align: center;
	margin-top: 30px;
	color: #15518f;
}

.orderStep span {
	font-weight: 600;
}

.btnGetQuote {
	color: #000000 !important;
	margin-top: 15px;
	background-color: #edd823 !important;
	padding: 12px 24px !important;
}

.additive-option {
	padding: 0px;
	border: 1px solid #DCDCDC;
	margin: 1%;
	width: 31.3333%;
	float: left;
	text-align: center;
	border-radius: 5px;
	background: #FCFCFC;
}

.additive-option.selected {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.additive-option:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.additive-option-heading {
	border: 0px solid #f0f0f0;
	font-size: 1.1em;
}

.additive-option-image {
	display: block;
	background: #DCDCDC;
	height: 340px;
	width: 100%;
	overflow: hidden;
}

.additive-option-image img {
	width: 100%;
}

.additive-option-image2 {
	display: block;
	background: #DCDCDC;
	height: 373px;
	width: 100%;
	overflow: hidden;
}

.additive-option-image2 img {
	width: 100%;
}

.btnSelectAdditive {
	background: #000938;
	color: #ffffff;
	padding: 2px;
	margin: 0px;
	display: inline-block;
	font-size: 1em;
	border-radius: 0 0 5px 5px;
	width: 100%;
}

.additive-option.selected .btnSelectAdditive {
	display: none;
}

.btnSelectAdditive:hover {
	background: #000000;
	color: #ffffff;
}

span.additive-option-name {
	padding: 5px 15px;
	display: block;
	font-weight: 600;
	border-bottom: 1px solid #DCDCDC;
}

.additive-option.selected:after {
	content: "Selected";
	visibility: visible;
	display: inline-block;
	color: #ffffff;
	width: 100%;
	min-height: 30px;
	background: green;
	padding: 5px;
	border-radius: 0 0 5px 5px;
}

.additive-option .checkout-price {
	width: 100%;
	background: #f0f0f0;
	padding: 0px;
}

.additive-option-inner {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.additive-option-inner ul {
	margin-left: 20px;
	padding: 0;
	display: inline-block;
}

.additive-option .checkout-info {
	margin: 0;
	width: 100%;
	margin-top: -5px;
	padding-bottom: 5px;
}

.additivesBtn {
	padding: 0px;
	border: 1px solid #DCDCDC;
	margin: 1%;
	width: 31.3333%;
	float: left;
	text-align: center;
	border-radius: 5px;
	background: #FCFCFC;
}

.additivesBtn:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#btnNoAdditive {
	background: #000938;
	color: #ffffff;
	padding: 2px;
	margin: 0px;
	display: inline-block;
	font-size: 1em;
	border-radius: 0 0 5px 5px;
	width: 100%;
}

#btnNoAdditive:hover {
	background: #000000;
	color: #ffffff;
}

#btnNoAdditive.selected {
	color: #ffffff;
	width: 100%;
	min-height: 30px;
	background: green;
	border-radius: 0 0 5px 5px;
	padding: 5px;
}

#btnNoAdditive.selected .noAdditiveToggleText {
	display: none !important;
}

#btnNoAdditive.selected::after {
	content: "Selected (Default)";
	font-size: 0.9em;
}

.additives-pitch {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.g-recaptcha {
	display: inline-block;
}

/* ── Notice styles ───────────────────────────────────────────────────────── */

.order-details-notice {
	background-color: #fef9e7;
	border-left: 4px solid #f0b429;
	padding: 12px 16px;
	margin-bottom: 5px;
	border-radius: 0 4px 4px 0;
	font-size: 0.95em;
	line-height: 1.5;
	color: #5a4e00;
}

.order-details-notice p {
	margin: 0;
}

.order-details-notice p strong {
	font-weight: bold;
	font-family: 'Poppins';
}