/* CSS Variables - Master Color Palette */
:root {
	/* Core Color Palette - 6 Variables */
	--color-primary: #003366;      /* Primary */
	--color-light: #ffffff;        /* Light */
	--color-dark: #000000;         /* Dark */
	--color-highlight: #00BFFF;    /* Highlight */
	--color-gray: #EBEBEB;         /* Gray */
	--color-text: #646464;         /* Text */
	
	/* Legacy variable mappings for backward compatibility */
	--color-white: var(--color-light);
	--color-black: var(--color-dark);
	--color-skin-primary: var(--color-primary);
	--color-skin-secondary: var(--color-primary);
	--color-skin-hover: var(--color-primary);
	--color-text-dark: var(--color-text);
	--color-text-darker: var(--color-text);
	--color-text-dark-gray: var(--color-text);
	--color-text-gray: var(--color-text);
	--color-text-gray-medium: var(--color-text);
	--color-text-light-gray: var(--color-text);
	--color-border-light: var(--color-gray);
	--color-border-lighter: var(--color-gray);
	--color-border-lightest: var(--color-gray);
	--color-border-medium: var(--color-gray);
	--color-gray-medium: var(--color-gray);
	--color-gray-dark: var(--color-text);
	--color-bg-light: var(--color-light);
	--color-bg-lighter: var(--color-light);
	--color-bg-gray: var(--color-gray);
	
	/* RGB Color Variables for Layout Settings */
	--primary-rgb: 0, 51, 102;          /* Primary: #003366 */
	--secondary-rgb: 235, 235, 235;     /* Secondary: #EBEBEB */
	--tertiary-rgb: 100, 100, 100;       /* Tertiary: #646464 */
	--action-rgb: 0, 191, 255;           /* Action: #00BFFF */
	--dark-rgb: 0, 0, 0;                 /* Dark: #000000 */
	--light-rgb: 255, 255, 255;          /* Light: #FFFFFF */
}

/* Top Header */
.header-top {
	font-weight: 600;
	font-size: 1.4rem;
	color: var(--color-text);
}
	.header-top .container {
		padding: 4px 0;
		border-bottom: 2px solid var(--color-gray);
	}

	.top-menu {
		text-transform: capitalize;
	}
.social-icons.social-icons-color {
	padding-right: 2px;
}
@media screen and (max-width: 1024px) {
	.header-top .container {
		padding: 0 10px;
	}
}
@media screen and (max-width: 768px) {
	.header-search {
		display: block;
	}
}
@media screen and (max-width: 576px) {
	.header-search {
		display: none;
	}
	.wishlist-link {
        display: block;
    }
	.header-top {
		display: none;
		visibility: hidden;
	}
	.logo img {
		max-width: 80%
	}
}

/* Navigation */
header.header {
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.05);
    border-bottom: 1px solid #EEEEEE;
}
.header .header-bottom {
    padding: 12px 0;
}

.menu li > a {
	color: var(--color-text);
	font-weight: 500;
	font-size: 1.4rem;
}

/* Footer */
.footer, .footer p {
	color: var(--color-light);
}

footer {
    padding: 1.5rem 0;
}

/* Layout Section Styles */
.section {
	position: relative;
	width: 100%;
}

/* Section Background Color Classes */
.section-primary {
	background-color: rgba(var(--primary-rgb), 1);
}

.section-secondary {
	background-color: rgba(var(--secondary-rgb), 1);
}

.section-tertiary {
	background-color: rgba(var(--tertiary-rgb), 1);
}

.section-action {
	background-color: rgba(var(--action-rgb), 1);
}

.section-dark {
	background-color: rgba(var(--dark-rgb), 1);
}

.section-light {
	background-color: rgba(var(--light-rgb), 1);
}

.section-background {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* Layout Background Image Overlay */
.layout-item.layout-has-background-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-dark);
	opacity: 0.5;
	z-index: 0;
}

.layout-item.layout-has-background-image > * {
	position: relative;
	z-index: 1;
}

/* Section Height Classes */
.section-height-1 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.section-height-2 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.section-height-3 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.section-height-4 {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.section-height-5 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

/* Layout Item Styles */
.layout-item {
	position: relative;
}

.layout-item .container {
	position: relative;
	z-index: 1;
}

/* Banner Styles */
.col-12:has(.banner.banner-big) {
	padding-left: 0;
	padding-right: 0;
  }
.banner.banner-big {
    width: 100%;
    min-height: 700px;
    align-content: center;
}

.banner {
	display: block;
	position: relative;
	margin-bottom: 2rem;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-dark);
	opacity: 0.4;
	z-index: 0;
}

.banner .container {
	position: relative;
	z-index: 1;
}

.banner.banner-big .banner-subtitle {
	color: var(--color-light);
	text-transform: none;
	font-size: 3.5rem;
}

.banner.banner-big .banner-title {
	text-transform: none;
	font-size: 5rem;
	font-weight: 600;
}
.banner a.btn.btn-primary.btn-rounded {
	margin-top: 20px;
}

.banner .container {
    padding-right: 20%;
}

@media screen and (max-width: 768px) {
	.banner.banner-big {
		min-height: 400px;
		text-align: center;
	}
	.banner .container {
		padding-right: 0;
	}
	.banner.banner-big .banner-title {
		font-size: 3.5rem;
	}
	.banner.banner-big .banner-subtitle {
		font-size: 3rem;
	}
}
@media screen and (max-width: 576px) {
	.banner.banner-big {
		text-align: center;
	}
	.banner.banner-big .banner-title {
		font-size: 2.5rem;
	}
	.banner.banner-big .banner-subtitle {
		font-size: 2rem;
	}
}

/* Default Text */
body, body p {
	color: var(--color-text);
	font-size: 1.6rem;
    font-weight: 400;
	line-height: 2.5rem;
}

/* Icon Boxes */
.icon-box.icon-box-card .icon-box-icon img {
width: 75px;
}

/* Image Card */
.banner.banner-image-card {
	background-color: #EBEBEB;
}
.banner-content.image-card-content {
	width: 42%;
	left: 2.5rem;
	padding-top: 1rem;
}
.banner-content.image-card-content p {
	font-weight: 400;
	line-height: 2rem;
	padding: 20px 0 10px;
}
.image-card-link {
	font-size: 1.9rem;
	font-weight: 600;
	line-height: 2rem;
	color: var(--color-primary);
}
@media screen and (max-width: 576px) {
	.banner.banner-image-card::before {
		background-color: transparent;
	}
	.banner-content.image-card-content {
		position: relative;
	}
}

/* Call to Action Block */
.col-12:has(.cta) {
	padding-left: 0;
	padding-right: 0;
  }
.cta {
	position: relative;
}
.cta.cta-has-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-dark);
	opacity: 0.5;
	z-index: 0;
}
.cta.cta-no-image::before {
	content: none;
}
.cta .row {
	position: relative;
	z-index: 1;
}
.cta, .cta h3, .cta h4, .cta p {
	color: var(--color-light);
}
.cta-subtitle {
	font-size: 2rem;
	font-weight: 400;
	color: var(--color-light);
}
.cta-title {
	font-size: 3.5rem;
	font-weight: 600;
	color: var(--color-light);
}
.cta-desc {
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--color-light);	
}

@media screen and (max-width: 576px) {
	.col-12 .cta {
		padding-left: 15px;
		padding-right: 15px;
	  }
}


/* Page Header Overlay */
.page-header {
    margin-bottom: 5rem;
}
.page-header-overlay {
	position: relative;
}
.page-header-overlay::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-dark);
	opacity: 0.5;
	z-index: 0;
}
/* Element Hide/Display */
.element-hidden {
	display: none !important;
}

/* Rich Text Text Color Classes */
.rich-text.text-primary p,
.rich-text.text-primary h1,
.rich-text.text-primary h2,
.rich-text.text-primary h3,
.rich-text.text-primary h4,
.rich-text.text-primary h5,
.rich-text.text-primary h6,
.rich-text.text-primary a,
.rich-text.text-primary li,
.rich-text.text-primary span,
.rich-text.text-primary strong,
.rich-text.text-primary em,
.rich-text.text-primary b,
.rich-text.text-primary i,
.rich-text.text-primary u,
.rich-text.text-primary blockquote,
.rich-text.text-primary div {
	color: #646464 !important;
}

.rich-text.text-h-tag p,
.rich-text.text-h-tag h1,
.rich-text.text-h-tag h2,
.rich-text.text-h-tag h3,
.rich-text.text-h-tag h4,
.rich-text.text-h-tag h5,
.rich-text.text-h-tag h6,
.rich-text.text-h-tag a,
.rich-text.text-h-tag li,
.rich-text.text-h-tag span,
.rich-text.text-h-tag strong,
.rich-text.text-h-tag em,
.rich-text.text-h-tag b,
.rich-text.text-h-tag i,
.rich-text.text-h-tag u,
.rich-text.text-h-tag blockquote,
.rich-text.text-h-tag div {
	color: #003366 !important;
}

.rich-text.text-light p,
.rich-text.text-light h1,
.rich-text.text-light h2,
.rich-text.text-light h3,
.rich-text.text-light h4,
.rich-text.text-light h5,
.rich-text.text-light h6,
.rich-text.text-light a,
.rich-text.text-light li,
.rich-text.text-light span,
.rich-text.text-light strong,
.rich-text.text-light em,
.rich-text.text-light b,
.rich-text.text-light i,
.rich-text.text-light u,
.rich-text.text-light blockquote,
.rich-text.text-light div {
	color: #FFFFFF !important;
}

.rich-text.text-dark p,
.rich-text.text-dark h1,
.rich-text.text-dark h2,
.rich-text.text-dark h3,
.rich-text.text-dark h4,
.rich-text.text-dark h5,
.rich-text.text-dark h6,
.rich-text.text-dark a,
.rich-text.text-dark li,
.rich-text.text-dark span,
.rich-text.text-dark strong,
.rich-text.text-dark em,
.rich-text.text-dark b,
.rich-text.text-dark i,
.rich-text.text-dark u,
.rich-text.text-dark blockquote,
.rich-text.text-dark div {
	color: #000000 !important;
}

/* Product Tabs */
.product-details-tab {
    margin: 25px 0 0 0;
}
.product-desc-row{
	padding-top: 1rem;
    padding-bottom: 0;
}
.product-tab-image {
	object-fit: cover;
	height: 100%;
}
.right-tab-content {
	background-color: var(--color-gray);
	display: flex;
	align-items: center;
	min-height: 100%;
}
.right-tab-content > div {
	width: 100%;
}
.right-tab-content-inner {
	padding: 0 35% 0 10%;
}
h2.product-tab-title {
	font-weight: 600;
	color: var(--color-primary);
	margin-bottom: 1.5rem;
}
.product-tab-content {
	padding-top: 1rem;
}
.product-tab-content p {
	color: var(--color-dark);
	margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
	.right-tab-content-inner {
		padding: 10% 20% 10% 5%;
	}
}
@media screen and (max-width: 768px) {
	.right-tab-content-inner {
		padding: 10% 5% 10% 5%;
	}
}


/* Product Carousel */
.product-carousel-wrapper {
	position: relative;
	width: 100%;
	padding: 0;
	overflow: visible;
}

.product-carousel {
	position: relative;
}

.product-carousel-wrapper .owl-nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 10;
	margin: 0;
}

.product-carousel-wrapper .owl-nav [class*='owl-'] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	color: var(--color-text);
	font-size: 2.4rem;
	line-height: 1;
	cursor: pointer;
	pointer-events: all;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 11;
}

.product-carousel-wrapper .owl-nav [class*='owl-'] i {
	font-size: inherit;
	line-height: 1;
}

.product-carousel-wrapper .owl-nav [class*='owl-']:not(.disabled):hover {
	color: var(--color-primary);
	background: transparent;
}

.product-carousel-wrapper .owl-nav .owl-prev {
	left: -60px;
}

.product-carousel-wrapper .owl-nav .owl-next {
	right: -60px;
}

.product-carousel-wrapper .owl-nav .disabled {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

.product-carousel-item {
	background: var(--color-light);
	border-radius: 0;
	overflow: hidden;
}

.product-carousel-item .product-media {
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}

.product-carousel-item .product-media img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.product-carousel-item .product-media:hover img {
	transform: scale(1.05);
}

.product-carousel-item .product-body {
	padding: 2rem 1.5rem;
	text-align: left;
}

.product-carousel-item .product-title {
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--color-primary);
	margin-bottom: 1rem;
	line-height: 1.3;
}

.product-carousel-item .product-title a {
	color: var(--color-primary);
	text-decoration: none;
	transition: color 0.3s ease;
}

.product-carousel-item .product-title a:hover {
	color: var(--color-highlight);
}

.carousel-product-description {
	font-size: 1.4rem;
	color: var(--color-text);
	line-height: 1.6;
	margin: 0;
	font-weight: 400;
}

.product-carousel.owl-simple .owl-dots {
	text-align: center;
	margin-top: 3rem;
	line-height: 0;
}

.product-carousel.owl-simple .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	margin: 0 5px;
}

.product-carousel.owl-simple .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0;
	border: 1px solid var(--color-text);
	background: transparent;
	display: block;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.product-carousel.owl-simple .owl-dots .owl-dot:hover span,
.product-carousel.owl-simple .owl-dots .owl-dot.active span {
	background: var(--color-primary);
	border-color: var(--color-primary);
}

@media screen and (max-width: 1200px) {
	.product-carousel-wrapper .owl-nav .owl-prev {
		left: -40px;
	}
	
	.product-carousel-wrapper .owl-nav .owl-next {
		right: -40px;
	}
}

@media screen and (max-width: 992px) {
	.product-carousel-wrapper .owl-nav .owl-prev {
		left: -30px;
		width: 40px;
		height: 40px;
		font-size: 2rem;
	}
	
	.product-carousel-wrapper .owl-nav .owl-next {
		right: -30px;
		width: 40px;
		height: 40px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.product-carousel-wrapper .owl-nav .owl-prev {
		left: -15px;
		width: 35px;
		height: 35px;
		font-size: 1.8rem;
	}
	
	.product-carousel-wrapper .owl-nav .owl-next {
		right: -15px;
		width: 35px;
		height: 35px;
		font-size: 1.8rem;
	}
	
	.product-carousel-item .product-body {
		padding: 1.5rem 1rem;
	}
	
	.product-carousel-item .product-title {
		font-size: 1.6rem;
	}
	
	.carousel-product-description {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 576px) {
	.product-carousel-wrapper .owl-nav {
		display: none;
	}
}

/* Ensure container allows arrow visibility */
.container:has(.product-carousel-wrapper),
.row:has(.product-carousel-wrapper),
.col:has(.product-carousel-wrapper) {
	overflow: visible;
}

/* Side Navigation Styles */
.side-navigation {
	background: var(--color-light);
	padding: 0;
	margin-bottom: 2rem;
}

.side-navigation-header {
	padding-bottom: 1.5rem;
}

.side-navigation-title {
	font-size: 2rem;
	font-weight: 600;
	color: var(--color-primary);
	margin: 0 0 2rem 0;
	line-height: 1.2;
}


.side-navigation-menu {
	padding: 0;
}

.side-navigation-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.side-navigation-item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--color-gray);
}

.side-navigation-item:last-child {
	border-bottom: none;
}

.side-navigation-link {
	display: block;
	padding: 1.5rem 0;
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--color-text);
	text-decoration: none;
	transition: all 0.3s ease;
	line-height: 1.4;
}

.side-navigation-link:hover {
	color: var(--color-primary);
	text-decoration: none;
}

.side-navigation-link.active {
	color: var(--color-primary);
	font-weight: 600;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.side-navigation-header {
		padding: 1.5rem 1.5rem 1rem;
	}
	
	.side-navigation-title {
		font-size: 2rem;
	}
	
	.side-navigation-subtitle {
		font-size: 1.6rem;
	}
	
	.side-navigation-link {
		padding: 1.2rem 1.5rem;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 576px) {
	.side-navigation {
		margin-bottom: 1.5rem;
	}
	
	.side-navigation-header {
		padding: 1.2rem 1.2rem 0.8rem;
	}
	
	.side-navigation-title {
		font-size: 1.8rem;
	}
	
	.side-navigation-subtitle {
		font-size: 1.5rem;
	}
	
	.side-navigation-link {
		padding: 1rem 1.2rem;
		font-size: 1.4rem;
	}
}

/* Product Grid Styles */
.products .product-grid-item {
	background: var(--color-light);
	border-radius: 0;
	overflow: hidden;
}

.products .product-grid-item .product-media {
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}

.products .product-grid-item .product-media img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.products .product-grid-item .product-media:hover img {
	transform: scale(1.05);
}

.products .product-grid-item .product-body {
	padding: 2rem 1.5rem;
	text-align: left;
}

.products .product-grid-item .product-title {
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--color-primary);
	margin-bottom: 1rem;
	line-height: 1.3;
}

.products .product-grid-item .product-title a {
	color: var(--color-primary);
	text-decoration: none;
	transition: color 0.3s ease;
}

.products .product-grid-item .product-title a:hover {
	color: var(--color-highlight);
}

.products .product-grid-item .product-description {
	font-size: 1.4rem;
	color: var(--color-text);
	line-height: 1.6;
	margin: 0;
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	.products .product-grid-item .product-body {
		padding: 1.5rem 1rem;
	}
	
	.products .product-grid-item .product-title {
		font-size: 1.6rem;
	}
	
	.products .product-grid-item .product-description {
		font-size: 1.3rem;
	}
}

/* Login pages*/
.login-page { 
	display: flex;
	flex-direction: column;
	min-height: 60vh;
}

.login-card { 
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	padding: 2rem;
	width: 100%;
	max-width: 400px;
	margin:auto;
}

.forgot-link { 
	margin-top: 5px;
}

.form-check-label {
	margin-top: 5px !important;
	margin-left: 5px !important;
}

.modal-content {
	min-height: 300px;
	padding: 2rem
}

.modal-header {
	padding: 0 !important;
}

/* Toast */
.toast-body {
  font-size: 1.25rem;
}

.toast-header 
{
	font-size: 2rem;
}

.toast-header i {
	margin-right: 5px;
}

.toast-header i,
.toast-header svg {
	margin-right: 5px;
}

.toast {
	border-radius: 0.75rem;
	overflow: hidden;
}

.toast-header {
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}

.toast-body {
	line-height: 1.35;
	padding: 2rem;
}

.toast-body p {
	margin-bottom: 0;
}
/*Plan a Hood Form*/
.section-title { 
	font-size: 2.5rem;
	color: var(--color-primary);
}

.field-validation-error {
	font-size: 1.25rem;
}

.form-control {
	margin-bottom: 0;
}

label {
    margin-bottom: .5rem !important;
}

.form-action {
	width: 250px
}

.select2-selection {

	min-height: 40px !important;
    padding: 0.85rem 2rem !important;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 300;
    color: #777 !important;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 0;

    transition: all 0.3s;
    box-shadow: none;
}
.select2-container .select2-selection--single {
    height: 40px !important; 
}

.select2-container--default .select2-selection--single {
     background-color: #fafafa !important; 
     border: 1px solid #ebebeb !important;  
     border-radius: 0px !important;  
}

.select2-container--default .select2-selection--multiple {
     background-color: #fafafa !important;
     border: 1px solid #ebebeb !important; 
     border-radius: 0px !important;   
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #777 !important;
    line-height: 1.5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #777 !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 0 !important;
	vertical-align: middle !important;
	font-family: inherit !important;
	font-weight: 300 !important;
}

.select2-container--default .select2-selection--multiple {
    overflow-y: auto;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

/* Individual tags */
.select2-container--default .select2-selection__choice {
    
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice { 
	background-color: #fff !important;
}

.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #000000 !important;
	background-color: #fff !important;
}

.select2-selection__arrow {
    display: none;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px; 
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #777;
    border-right: 2px solid #777; 
    pointer-events: none;
}

.select2-container--default .select2-results__option { 
	font-size: 1.4rem;
	padding: 2px 20px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: #0d6efd !important;
     color: #fff !important; 
}

.submission-check {
	width: 100px;
	height: 100px;
	font-size: 5rem;
	color: #fff;
	background-color: var(--color-primary);
}

.confirmation-container {
	height: 500px;
	width: 750px;
	text-align: center;
	margin: auto;
}

/* Order History Table */

.orders-wrapper {
	
	background: #fff;
    padding: 16px;
}

.account-table-wrapper {

	background: #fff;
    padding: 16px;
	min-height: 300px;
}

.account-section-wrapper {
	min-height: 600px
}

.account-table-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
	color: #646464;
}

.account-section-table {
    width: 100%;
    border-collapse: collapse;
}

.account-section-table thead th {
    font-size: 16px;
    color: #646464;
    font-weight: 600;
    padding: 12px 8px;
    border-bottom: 1px solid #eee;
}
table.order-history.dataTable tbody td,
table.order-history.dataTable tbody th {
   padding: 24px 8px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable tbody td {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable thead th.actions {
    text-align: end;
}

table.dataTable thead th {
    font-size: 16px;
    color: #646464;
    font-weight: 600;
    padding: 12px 8px;
    border-bottom: 1px solid #eee;
}

.order-history tbody td {
    padding: 24px 8px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 18px;
}

.order-number a {
    color: #0d47a1;
    font-weight: 600;
    text-decoration: none;
}

.order-number a:hover {
    text-decoration: underline;
}

.status {
    color: #555;
}

.total {
    font-weight: 500;
}

.actions {
    text-align: right;
    white-space: nowrap;
}

.actions a {
    margin-left: 8px;
    font-size: 18px;
    text-decoration: none;
	display: inline-block;
}

.icon-img { 
	height: 32px;
	width: 32px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--bs-primary);
}

.product-image img {
    width: 50px;
    height: auto;
    display: block;
}

.product-image {
    text-align: center;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.table-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;

    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;

    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

.toolbar-left,
.toolbar-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.table-toolbar i {
    color: #6b7280;
    font-size: 2rem;
	padding-right: 0.5rem;
}

.table-toolbar select,
.table-toolbar input {
    height: 38px;
    font-size: 1.5rem;
    min-width: 220px;
	padding-left: 1rem;
	border-radius: 6px;
	border: 1px solid #e5e7eb;
}

.subtext {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.alert-danger {
    color: #dc3545 !important;
    background-color: white;
    margin-bottom: 0 !important;
}