.form-check-input{
    --bs-form-check-bg : #c9c6c6;
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff;
}

.navbar > .container-fluid
{
    justify-content : flex-end;    
}

@media screen and (max-width: 1023px) {
    .navbar-brand{
        flex : auto;
    }
}


.footer h5 {
    font-weight: bold;
}

/*Creative part*/
.mini-cart-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.mini-cart-img {
    width: 50px;
    /* Adjust as needed */
    height: auto;
}

.mini-cart-desc {
    font-size: 0.8em;
    color: #666;
}

.mini-cart-total {
    padding: 10px;
    font-weight: bold;
}


.bg-light {
    background-color: #f8f9fa !important;
    /* Light background color */
}


/* Company Section */
.company-section {
    background-color: #f8f9fa;
    /* Light background color for consistency */
    color: #666;
    /* Text color */
    padding: 40px 0;
    /* Padding for section */
}

.company-section h2 {
    color: #333;
    /* Dark text for the title */
    font-weight: bold;
    margin-bottom: 30px;
    /* Spacing after title */
}

.company-section h5 {
    color: #333;
    /* Dark text for subheadings */
    font-weight: bold;
}

.company-section p,
.company-section ul {
    margin-bottom: 1rem;
    /* Spacing for paragraphs and lists */
}

.company-section img {
    max-width: 100%;
    /* Ensure images are responsive */
    height: auto;
    /* Maintain aspect ratio */
}

/* Category Section */

.category-card {
    text-align: center;
    /* Centering content inside the card */
}

.category-card-link {
    text-decoration: none;
    /* Remove default link underline */
    color: inherit;
    /* Inherit text color */
}

.category-card-link:hover .category-card {
    background-color: #e9ecef;
    /* Change background on hover for visual feedback */
    cursor: pointer;
}

.category-card {
    padding: 15px;
    /* Add padding for better visual appearance */
    border: 1px solid #ddd;
    /* Optional border */
    border-radius: 5px;
    /* Rounded corners */
    transition: background-color 0.3s;
    /* Smooth transition for background change */
    text-align: center;
    /* Centering content inside the card */
}

/* News Section */

.news-post {
    text-align: center;
    transition: box-shadow 0.3s;
}

.news-post:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.news-date {
    color: #888;
    margin-bottom: 1rem;
}

.tag {
    display: inline-block;
    background-color: #007bff;
    /* Bootstrap primary color */
    color: white;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 0.8em;
}

.tag:hover {
    background-color: #0056b3;
    /* Darker shade for hover effect */
    color: white;
    text-decoration: none;
}

/*Styles for item Page*/

.img-thumbnail {
    cursor: pointer;
    max-width: 100px;
    /* Adjust size as needed */
    margin-right: 5px;
}

/*Styles for product Rotator*/

.star-rating {
    color: gold;
    font-size: 1.25rem;
}

/*Item Carousel*/

.ItemCarousel .carousel-item {
    margin: 0 auto;
    /* Center the items in the carousel */
}

.ItemCarousel .carousel-control-prev,
.ItemCarousel .carousel-control-next {
    width: 4%;
    filter: invert(100%);
    /* Inverts color to white; remove or adjust as needed */
}

.ItemCarousel .carousel-control-prev {
    left: calc(-4% - 5px);
}


.ItemCarousel .carousel-control-next {
    right: calc(-4% - 5px);
}

.ItemCarousel .carousel-control-prev-icon,
.ItemCarousel .carousel-control-next-icon {
    /* background-image: url('path-to-your-custom-icon');*/
    /* Custom arrow icons */
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    /* Adjust the size as needed */
    width: 24px;
    opacity: 1;
}

.ItemCarousel .img-fluid {
    margin-bottom: 15px;
    /* Spacing below images */
}

.ItemCarousel h5 {
    margin-bottom: 5px;
    /* Spacing below product titles */
}

.ItemCarousel .star-rating {
    color: gold;
    margin-bottom: 5px;
    /* Spacing below star ratings */
}

/* Table Styles */
table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 1em;
}

th, td {
    padding: 0.75em;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

thead th {
    background-color: #f8f9fa;
    color: #333;
}

tr:hover {
    background-color: #f1f1f1;
}

/* Styling for Radio Buttons */
input[type="radio"] {
    margin-right: 5px;
}

/* Responsive adjustments */
@media screen and (max-width: 600px) {
    thead {
        display: none;
    }

    th, td {
        display: block;
        text-align: right;
        padding-left: 50%;
        position: relative;
        border: none;
    }

    th::before, td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
        text-align: left;
        padding-right: 10px;
    }

    tr {
        border-bottom:1px solid #ddd;
        padding: 0.5em;
        margin-bottom: 1em;
    }
}

/*Styles for Item-Category page */



/* Grid List Styles */

.GridList-Item img {
    
    height: auto;
}


#GridListContainer.list-view .GridList-Item {
    
    display: block; /* Change to block for list view */
    width: 100%; /* Full width in list view */
}

/* Style for view selector and filter (can be customized) */
.view-selector button {
    margin-right: 10px;
}

.article-title {
    font-size: 2rem; /* Large font size for the title */
    margin-bottom: 0.5em;
}

.article-meta {
    color: #6c757d; /* Subdued color for metadata */
    margin-bottom: 1em;
}

.article-content {
    margin-bottom: 1em; /* Spacing between paragraphs */
}


/* Newsletter Article Styles */

.newsletter-subscription-section {
    background-color: #f8f9fa; /* Light background for the section */
    padding: 40px 0; /* Padding around the section */
}

.newsletter-subscription-section h2 {
    margin-bottom: 1em; /* Spacing below the heading */
}

.newsletter-subscription-section form {
    max-width: 400px; /* Restrict form width */
    margin: auto; /* Center the form */
}

.subscription-success-section {
    background-color: #f8f9fa; /* Light background color for the section */
    padding: 40px 0; /* Padding for section */
    text-align: center; /* Center aligning the content */
}


/*Styles for the Cart*/ 

.cart-section {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.cart-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

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

.cart-item img {
    max-width: 100px;
    height: auto;
    border-radius: 5px;
}

.cart-item h5 {
    margin-top: 0;
    margin-bottom: 5px; /* Added for better spacing */
}

.voucher-form input, .voucher-form button {
    margin-top: 10px;
}

.total-price {
    font-weight: bold;
    font-size: 1.5rem; /* Larger font size for emphasis */
    color: #007bff; /* Optional: different color for total price */
    border-top: 2px solid #ddd; /* Separating line for total */
    padding-top: 10px; /* Spacing above the total */
}

/* Additional styling for the cart items */

/* Styles for the Login Page*/

.user-auth-section {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #ddd;
}

.user-auth-section h3 {
    margin-bottom: 20px;
}

.user-auth-section form {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

.user-auth-section .form-label {
    margin-bottom: 5px;
}

.user-auth-section .form-control {
    margin-bottom: 10px;
}

.user-auth-section .btn {
    width: 100%;
}


/*Styles for Adress Section*/

.address-section {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.address-section .form-label {
    margin-bottom: 5px;
}

.address-section .form-control {
    margin-bottom: 10px;
}

.address-section h3, .address-section h4 {
    margin-bottom: 15px;
}


/*Styles for internam Section*/

.internal-section .list-group-item {
    margin-bottom: 5px;
    border-radius: 5px;
}

.internal-section .list-group-item-action:hover, 
.internal-section .list-group-item-action:focus {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

#content-area {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff;
}

#account-details-form label {
    margin-bottom: 5px;
}

#account-details-form input {
    margin-bottom: 10px;
}


#downloads-content .list-group-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px;
}

#downloads-content .list-group-item h5 {
    margin-bottom: 5px;
}

#orders-content .table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 1em;
}

#orders-content th, #orders-content td {
    padding: 0.75em;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#orders-content thead th {
    background-color: #f8f9fa;
    color: #333;
}

#orders-content tbody tr:hover {
    background-color: #f1f1f1;
}

#payment-methods-content .card {
    border: 1px solid #ddd;
    border-radius: 5px;
}

#payment-methods-content .card-body {
    padding: 15px;
}

#payment-methods-content .card-title {
    margin-bottom: 10px;
}

#payment-methods-content .card-text {
    margin-bottom: 15px;
}

#payment-methods-content .btn-sm {
    margin-right: 10px;
}

#wishlists-content .wishlist {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
}

#wishlists-content .wishlist-title {
    margin-bottom: 15px;
}

#wishlists-content .product-title {
    margin-bottom: 5px;
}

#wishlists-content .product-code {
    font-size: 0.9em;
    color: #666;
}

#wishlists-content .product-description {
    font-size: 0.9em;
    margin-bottom: 10px;
}

#wishlists-content .list-group-item {
    padding: 10px 0;
    border: none;
}

#wishlists-content .img-fluid {
    max-width: 100px;
    height: auto;
    border-radius: 5px;
}

#wishlists-content .btn-sm {
    width: 100%;
}

.dashboard-section .card {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}

.dashboard-section .card-title {
    margin-bottom: 15px;
}

.dashboard-section .card-text {
    margin-bottom: 20px;
}

.payment-icon {
    margin-right: 10px;
    height: 24px; /* Adjust as needed */
}

.existing-addresses .address-card {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

.existing-addresses .form-check-label {
    width: 100%;
    cursor: pointer;
}

.delivery-type-section .form-check {
    margin-bottom: 10px;
}

.delivery-type-section .form-check-label {
    margin-left: 5px;
}

.payment-method-section .payment-logo {
    height: 24px; /* Adjust as needed */
    margin-right: 10px;
}





.order-overview-section ul {
    list-style: none;
    padding: 0;
}

.order-overview-section li {
    margin-bottom: 5px;
}

.order-overview-section .table {
    margin-bottom: 20px;
}

.order-overview-section h4 {
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.order-overview-section p {
    font-size: 1rem;
    color: #555;
}

/* Button Styling */
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.order-overview-section .total-price {
    font-weight: bold;
    font-size: 1.2rem;
    color: #333;
}

.order-overview-section h4 {
    color: #333;
    font-weight: bold;
}

.order-overview-section p {
    font-size: 1rem;
    color: #555;
}

.order-confirmation-section h2 {
    color: #28a745; /* Success color */
    font-weight: bold;
    margin-bottom: 15px;
}

.order-confirmation-section p {
    font-size: 1rem;
    color: #555;
    margin-bottom: 10px;
}

.order-confirmation-section .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.order-confirmation-section .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}


.article-tags h5 {
    margin-bottom: 10px;
}

.badge-primary {
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
}

.badge-primary:hover {
    background-color: #0056b3;
    color: white;
}