/**
Theme Name: lds child
Author: Luiz Silva
Author URI: https://www.ldsconsulting.co.uk/
Description: A custom child theme built on the Astra framework, designed to seamlessly integrate the main website’s HTML, JavaScript, and Bootstrap header into the WordPress environment. This child theme retains Astra\'s lightweight performance and responsiveness while allowing advanced customizations for a unified user experience.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lds-child
Template: astra
*/


/* Top Header */

.cta-text {
    font-size: 1.5rem;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--white);
}


.ast-sticky-add-to-cart-action-wrap .ast-sticky-add-to-cart-action-price {
    display: none !important;
}

.woocommerce-js div.product .related.products {
    display: none !important;
}

.woocommerce-js div.product .woocommerce-tabs {
    display: none !important;
}

.woocommerce-js div.product form.cart .reset_variations {
    margin: 10px 0 10px 0 !important;
}

.footer-main .list-unstyled ol, ul {
    margin: 0;
}

input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select {
    height: auto;
}

/* Global Styles */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

#main {
    flex: 1; /* Allows the main content to expand and push footer to the bottom */
}

body {
    font-family: Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 500;
    font-style: normal;
}

a {
    text-decoration: none;
}

p,
a {
    font-family: "roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

/* Colors */
:root {
    --forest-green: #143E30;
    --mint-green: #79BFA1;
    --golden-yellow: #FFC857;
    --charcoal-gray: #020202;
    --off-white: #F9F9F9;
    --deep-teal: #035E5B;
    --coral-red: #FF6F59;
    --white: #fff;
    --light-beige: #F9F7F5;
}

#footer-placeholder, #header-placeholder {
    background-color: #133A2D ;
}



/* Buy Now Button Styling */
.buy-now-container {
    margin-left: 20px; /* Adjust spacing as needed */
}

.buy-now-button {
    background-color: #ffd177; /* Matches your button style */
    color: #0a0147; /* Text color */
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 24px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    display: inline-block;
    font-size: 16px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 1px solid #0a0147;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Add depth */
    
}

.buy-now-button:hover {
    background-color: rgb(230, 225, 255);
    color: rgb(10, 1, 71);
    border: 1px solid #0a0147;
}


.header-top {
    background-color: #143E30;
    color: var(--off-white);
    /* padding: 10px 0; */
    border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.header-top .contact-info {
    font-size: 14px;
}

.header-top .navbar {
    margin: 0;
}

.header-top .navbar .nav-link {
    color: var(--off-white) !important;
    font-weight: 500;
    margin: 0 10px;
    text-decoration: none;
}

.header-top .navbar .nav-link:hover {
    color: var(--golden-yellow) !important;
}

/* Navbar toggler button */
.navbar-toggler {
    border: none;
    font-size: 1.5rem;
    color: var(--off-white);
    background: transparent;
    z-index: 1100; /* Ensure it stays above the menu */
}

/* Navbar items */
.navbar-nav .nav-link {
    color: var(--off-white); /* Customize this to match your color scheme */
    margin: 0 10px;
    font-weight: bold;
}

.navbar-nav .nav-link:hover {
    color: var(--golden-yellow); /* Hover effect color */
}

/* Navbar collapse menu */
.navbar-collapse {
    position: fixed; /* Make it overlay the page */
    top: 0;
    right: -100%; /* Hidden off-screen initially */
    width: 80%; /* Adjust width as needed */
    height: 100%; /* Full height for a panel effect */
    background-color: var(--forest-green); /* Match your color scheme */
    z-index: 1050; /* Ensure it overlays other content */
    transition: transform 0.3s ease-in-out, right 0.3s ease-in-out; /* Smooth transition */
    padding: 20px;
}

/* When the menu is shown */
.navbar-collapse.show {
    right: 0; /* Slide in from the right */
    transform: translateX(0); /* Ensure smooth animation */
}

/* Dropdown Toggle Link */

/* Dropdown Menu Styling */
.navbar .dropdown-menu {
    background-color: var(--off-white); /* Light background */
    border: 1px solid var(--mint-green); /* Match your color scheme */
    border-radius: 5px;
    padding: 0.5rem 0;
  }

.navbar .dropdown-item {
    color: var(--charcoal-gray); /* Text color */
    font-size: 1rem;
    padding: 10px 20px;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

.navbar .dropdown-toggle {
    font-weight: bold;
    color: var(--off-white); /* Match nav-link color */
  }
  
  .navbar .dropdown-toggle:hover {
    color: var(--golden-yellow); /* Hover color */
  }

  .navbar .dropdown-item:hover {
    background-color: var(--mint-green); /* Highlight background */
    color: var(--off-white); /* Highlight text color */
  }

#header-placeholder {
    top: 0px;
}  

.offcanvas {
    background-color:#143E30;
}

/* Main Header */
.header-main {
    background-color:#143E30;
    padding: 10px 0;
    margin-top: 0.5px;
    /* border-bottom: 1px solid var(--mint-green); Subtle separator */
}

.header-main .header-logo img {
    height: 120px;
}

.header-main .search-container {
    display: flex;
    width: 60%;
    justify-content: center;
    align-items: center;
}

.header-main .search-bar {
    border: 1px solid #0a0147;
    border-radius: 5px 0 0 5px;
    padding: 12px;
    width: 100%;
}

.header-main .search-button {
    background-color: #ffd177; /* Golden background */
    border: 1px solid #0a0147; /* Match search bar border */
    color: #0a0147; /* Text color */
    font-weight: bold;
    border-radius: 0 5px 5px 0; /* Match the search bar's rounded corners */
    padding: 16px; /* Match search bar height */
    height: 100%; /* Ensure consistent height with search bar */
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-main .login-container {
    margin-left: 20px;
}

.header-main .icon-user {
    color: var(--off-white); /* White icon */
    background-color: var(--forest-green); /* Green circular background */
    border: 2px solid var(--forest-green); /* Green border */
    border-radius: 50%; /* Circular shape */
    padding: 8px;
    max-width: 38px;
    font-size: 21px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.header-main .icon-user:hover {
    background-color: var(--golden-yellow); /* Golden background on hover */
    color: var(--forest-green); /* Green icon on hover */
}

/*Main */

/*Hero Section*/
/* 
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.hero-section > * {
    position: relative;
    z-index: 2;
} */


.hero-section {
    background-image: url('https://webappfiles.blob.core.windows.net/portal/ssback-300x109.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--off-white);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Add text contrast for better readability */
    padding: 80px 20px; /* Adjust padding for spacing */
    height: 700px; /* Match the height of the image */
    display: flex; /* Ensure content is vertically centered */
    align-items: center;
    justify-content: center;
  }
  
  .hero-section .hero-title {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.5px;
  }
  
  .hero-section .hero-subtitle {
    font-size: 1.4rem;
    margin-bottom: 30px;
    line-height: 1.5;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    font-weight: 400;
  }
  
  .hero-section .btn-cta {
    background-color: #ffd177;
    color: #0a0147;
    padding: 10px 20px;
    border-radius: 24px;
    font-size: 24px;
    text-shadow: none;
    border: 1px solid #0a0147;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    width: 240px;
  }
  
  .hero-section .btn-cta:hover {
    background-color: rgb(230, 225, 255);
    color: rgb(10, 1, 71);
    border: 1px solid #0a0147;
  }
  
  /* End of Hero Section

  /* Gift Section */
.gift-section {
    position: relative;
    background-image: url('https://webappfiles.blob.core.windows.net/portal/gift-background%20(1).png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0;
    min-height: 380px;
  }
  
  .gift-content {
    position: relative;
    z-index: 2; /* Ensure content stays above the background */
    color: var(--forest-green);
  }
  
  .gift-button {
    background-color: var(--forest-green);
    color: var(--off-white);
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
  }
  
  .gift-button:hover {
    background-color: var(--golden-yellow);
    color: var(--charcoal-gray);
    transform: scale(1.1);
  }


  /* Categories Section */
.categories-section {
    background-color: var(--white);
    padding: 3rem 1rem;
  }
  
  .categories-section .my-cat-txtarea {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: var(--forest-green);
    text-align: center;
  }
  
  .categories-section .desc-category {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: var(--charcoal-gray);
    text-align: center;
  }
  
  /* Category Card */
  .categories-section .category-card {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 250px;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .categories-section .category-card:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  }
  
  .categories-section .card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay for text visibility */
    color: var(--off-white);
    padding: 20px;
    text-align: center;
    transition: background 0.3s ease;
  }
  
  .categories-section .card-overlay:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  
  .categories-section .card-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .categories-section .category-btn {
    background-color: var(--golden-yellow);
    color: var(--forest-green);
    font-weight: bold;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  .categories-section .category-btn:hover {
    background-color: var(--forest-green);
    color: var(--off-white);
  }

  .how-it-works {
    background-color: #f9f9f9;
    padding: 60px 0;
  }
  
  .how-it-works .section-title {
    font-size: 2rem;
    color: #143E30;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .how-it-works .section-subtitle {
    font-size: 1rem;
    color: #666;
    margin-bottom: 40px;
  }
  
  .how-it-works .step {
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
  }
  
  .how-it-works .step:hover {
    transform: translateY(-10px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
  }
  
  .how-it-works .step-icon {
    color: #143E30;
  }
  
  .how-it-works .step-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
  }
  
  .how-it-works .step-description {
    font-size: 0.9rem;
    color: #666;
    margin-top: 10px;
  }

  /* Featured Section */
.featured-section {
    padding: 50px 0;
    background-color: var(--white);
    text-align: center;
}

.featured-section-title {
    font-size: 2rem;
    color: #143E30;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Card Styles */
.featured-card {
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: var(--off-white);
}

.featured-card:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

.featured-card .card-img-top {
    width: auto;
    height: 200px;
    object-fit: cover;
    border-bottom: 2px solid var(--mint-green);
}

.featured-card .sale-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--golden-yellow);
    color: var(--forest-green);
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.9rem;
    z-index: 2;
}

.featured-card .card-body {
    padding: 15px;
}

.featured-card .card-title {
    font-size: 1rem;
    color: var(--charcoal-gray);
    margin-bottom: 5px;
}

.featured-card .card-link {
    text-decoration: none;
    display: block;
}

.featured-card .card-link:hover .card-title {
    color: var(--forest-green);
}

  
  

  
  /* Responsive Adjustments */
  @media (max-width: 768px) {

  

  }
  


/*End of Main */

/* About us page */

/* About Us Page */
.about-us-page {
    margin-top: 30px;
  }
  
  .about-us-page .entry-description-who h2 {
 
    font-weight: bold;
    color: var(--forest-green);
    font-size: 2rem;
  }
  
  .about-us-card {
    border: none;
    border-radius: 8px;
    background-color: var(--off-white);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }
  
  .about-us-card-img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    background-color: #f9f9f9; /* Optional for better image contrast */
    padding: 20px;
  }
  
  .about-us-card .card-body {
    padding: 20px;
  }
  
  .about-us-title {
    font-weight: bold;
    color: var(--deep-teal);
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 15px;
  }
  
  .about-us-text {
    font-family: "roboto", sans-serif;
    font-size: 1rem;
    color: var(--charcoal-gray);
    line-height: 1.5;
    text-align: justify;
  }

  
/* END OF About us */

/* FAQ */

/* FAQ Section */
.faq-section {
    background-color: var(--white);
  }
  
  .faq-section .section-title {
    font-size: 2rem;
    color: var(--forest-green);
    font-weight: bold;
    margin-bottom: 1rem;
  }
  
  .faq-section .section-description {
    font-size: 1.2rem;
    color: var(--charcoal-gray);
    margin-bottom: 2rem;
  }
  
  .accordion-item {
    border: none;
    margin-bottom: 1rem;
  }
  
  .accordion-button {
    background-color: var(--off-white);
    color: var(--forest-green);
    font-weight: bold;
    border-radius: 5px;
  }
  
  .accordion-button:not(.collapsed) {
    background-color: var(--golden-yellow);
    color: var(--charcoal-gray);
  }
  
  .accordion-body {
    background-color: var(--off-white);
    color: var(--charcoal-gray);
    padding: 1rem;
    border: 1px solid var(--mint-green);
    border-radius: 0 0 5px 5px;
  }
  
  .text-link {
    color: var(--golden-yellow);
    text-decoration: underline;
  }
  
  .text-link:hover {
    color: var(--forest-green);
  }
  
  /* Contact Section */
  .contact-section {
    background-color: var(--charcoal-gray);
    color: var(--off-white);
  }
  
  .contact-section .section-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  
  .contact-description {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  .contact-section a {
    color: var(--golden-yellow);
    text-decoration: underline;
  }
  
  .contact-section a:hover {
    color: var(--off-white);
  }
  

/* END OF FAQ */

/* Footer */



.footer-main .list-unstyled{
    color: #FFFFEF !important;
}

.footer-main a {
    color:#FFFFEF ;
}

.footer {
    background-color: #143E30;
    color: var(--off-white);
    font-family: "roboto", sans-serif;
}

.footer-cta {
    background-color: #143E30;
    color: var(--off-white);
}

.cta-text {
    font-size: 1.5rem;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.cta-button {


    background-color: #ffd177; /* Matches your button style */
    color: #0a0147; /* Text color */
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 24px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    display: inline-block;
    font-size: 16px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 1px solid #0a0147;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Add depth */
}

.cta-button:hover {
    background-color: rgb(230, 225, 255);
    color: rgb(10, 1, 71);
    border: 1px solid #0a0147;
}

.footer-main {
    background-color: #143E30;
    color: var(--charcoal-gray);
    margin-bottom: 2px;
    margin-top: 2px;
}

.footer-logo img {
    height: 180px;
}

.footer-column {
    width: 20%;
}

.footer-heading {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #FFFFEF;
}

.footer-column ul {
    padding: 0;
    list-style: none;
}

.footer-column ul li {
    margin-bottom: 10px;
}

.footer-column ul li a {
    color: var(--charcoal-gray);
    text-decoration: none;
}

.footer-column ul li a:hover {
    color: var(--forest-green);
}

.footer-column ul li i {
    margin-right: 8px;
}

.social-icons a {
    font-size: 1.5rem;
    margin-right: 10px;
    color: #FFFFEF;
}

.social-icons a:hover {
    color: var(--golden-yellow);
}

.footer-bottom {
    background-color: var(--forest-green);
    color: var(--off-white);
    font-size: 0.9rem;
    max-height: 60px;
    margin-bottom: 0px;
}

.footer-bottom p {

    margin-bottom: 0px !important;
}


/* Tabs Section Styling */
.cards-section {
    margin: 40px auto;
    padding: 20px;
}

.cards-section .nav-tabs {
    border-bottom: none; /* Remove the default border */
    display: flex;
    justify-content: center;
    gap: 15px;
}

.cards-section .nav-tabs .nav-item {
    margin-bottom: -1px; /* Align tabs nicely */
}

.cards-section .nav-tabs .nav-link {
    background: #ffffff; /* White background for tabs */
    border: 2px solid var(--mint-green); /* Mint green border */
    border-radius: 8px; /* Rounded corners */
    color: var(--forest-green); /* Forest green text color */
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.cards-section .nav-tabs .nav-link:hover {
    color: var(--golden-yellow); /* Golden yellow on hover */
    border-color: var(--golden-yellow); /* Highlighted border */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}

.cards-section .nav-tabs .nav-link.active {
    background: var(--mint-green); /* Highlight active tab */
    color: #ffffff; /* White text */
    border-color: var(--forest-green); /* Forest green border for active */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Elevated shadow */
}

.cards-section .tab-content {
    margin-top: 20px;
    border: 2px solid var(--mint-green); /* Matching tab border */
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle content shadow */
    padding: 20px;
    background: #ffffff; /* White background for content */
}

/* Card Styling Inside Tab Content */
.cards-section .tab-content .card-img {
    
    border-radius: 8px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); /* Elevated shadow for card */
    margin-bottom: 20px;
}

.cards-section .tab-content .btn-primary {
    background: var(--golden-yellow);
    border: none;
    font-weight: bold;
    border-radius: 5px;
    color: var(--forest-green);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Button shadow */
    padding: 10px 20px;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.cards-section .tab-content .btn-primary:hover {
    background: var(--forest-green);
    color: #ffffff;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); /* Elevated shadow on hover */
}

/* General Container Styling */
.discount-cards-container {
    margin: 40px auto;
    max-width: 1200px;
    text-align: center;
}

/* Section Title */
.discount-cards-container .section-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--forest-green);
}

/* Section Description */
.discount-cards-container .section-description {
    font-size: 1rem;
    margin-bottom: 30px;
    color: var(--charcoal-gray);
}




/* Card Details PartnerList */


/* Show/Hide mobile filter */
.mobile-filter-select {
    display: none;
    margin-bottom: 1rem;
  }
  
  @media (max-width: 767.98px) {
    .filter-section {
      display: none;
    }
  
    .mobile-filter-select {
      display: block;
    }
  }
  



/* Tabs Section Styling */
.tabs-container {
    margin: 40px auto;
    padding: 20px;
}

.tabs-container .nav-tabs {
    border-bottom: none; /* Remove the default border */
    display: flex;
    justify-content: center;
    gap: 15px;
}

.tabs-container .nav-tabs .nav-item {
    margin-bottom: -1px; /* Align tabs nicely */
}

.tabs-container .nav-tabs .nav-link {
    background: #ffffff; /* White background for tabs */
    border: 2px solid var(--mint-green); /* Mint green border */
    border-radius: 8px; /* Rounded corners */
    color: var(--forest-green); /* Forest green text color */
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.tabs-container .nav-tabs .nav-link:hover {
    color: var(--golden-yellow); /* Golden yellow on hover */
    border-color: var(--golden-yellow); /* Highlighted border */
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}

.tabs-container .nav-tabs .nav-link.active {
    background: var(--mint-green); /* Highlight active tab */
    color: #ffffff; /* White text */
    border-color: var(--forest-green); /* Forest green border for active */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Elevated shadow */
}


.card-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.card-details .card-image {
    max-width: 200px;
    margin-bottom: 15px;
    padding-top: 18px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.card-details .card-description {
    max-width: 600px;
    font-size: 1rem;
    color: var(--charcoal-gray);
}

/* Table Styling */
.discount-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.discount-table thead {
    background-color: var(--mint-green);
    color: #fff;
    
}

.discount-table th, .discount-table td {
    padding: 15px;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    text-transform: lowercase;
    
}

.discount-table tbody tr:hover {
    background-color: #f9f9f9;
}


/*=========================================== test =======================*/


.partners-page-container {
    padding: 20px;
}

/* On desktop, show filters and grid side by side */
@media (min-width: 768px) {
    .partners-page-container {
        display: flex;
        gap: 20px;
    }

    .filter-section {
        width: 25%;
    }

    .partners-list-section {
        width: 75%;
    }
}

/* On mobile, filters will be hidden (already handled) and dropdown shown instead */


.filter-section {
    width: 20%;
    padding: 20px;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    background-color: #efefef;
}

.filter-section h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.filter-section label {
    /* display: block; */
    margin-bottom: 12px;
    cursor: pointer;
}

.filter-section input[type="checkbox"] {
    margin-right: 8px;
}

.partners-list-section {
    width: 75%;
}

.partners-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.partner-card {
    display: flex;
    gap: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.partner-card img {
    max-width: 120px;
    border-radius: 8px;
}

.partner-card .partner-details {
    flex: 1;
}

.partner-card .partner-details h4 {
    margin: 0 0 10px;
    font-size: 18px;
}

.partner-card .partner-details p {
    margin: 0;
    font-size: 14px;
    color: #555;
}

.pagination {
    margin-top: 20px;
    text-align: center;
}

.pagination button {
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
}

.pagination button:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

.pagination #current-page {
    margin: 0 10px;
    font-weight: bold;
}



/* Left Section: Image and Text */
.contact-left {

    overflow: hidden;
}

.contact-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    background-position: 65% center;
}


.contact-text h2 {
    font-size: 1.8rem;
    color: var(--golden-yellow); /* Highlighted heading */
    text-transform: uppercase;
    font-weight: bold;
}

.contact-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--off-white); /* Contrast text */
}

.contact-text a {
    color: var(--golden-yellow); /* Links in golden yellow */
    text-decoration: underline;
}

/* Right Section: Form */
.contact-right {
    background-color: var(--charcoal-gray); /* Dark background */
   
    padding: 40px;
}

.contact-right h3 {
    color: var(--golden-yellow); /* Highlighted heading */
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.contact-right .form-label {
    font-weight: 600;
    font-size: 0.9rem;
    
}

.contact-right .form-control {
    
    border: 1px solid var(--mint-green); /* Input border */
   
    border-radius: 5px;
}

.contact-right .form-control:focus {
    border-color: var(--golden-yellow); /* Highlight on focus */
    outline: none;
    box-shadow: 0 0 5px var(--golden-yellow); /* Soft glow */
}

.contact-right .btn-accent {
    background: var(--golden-yellow); /* Button background */
    color: var(--charcoal-gray); /* Button text color */
    border: none;
    transition: all 0.3s ease;
}

.contact-right .btn-accent:hover {
    background: var(--mint-green); /* Hover effect */
    color: var(--white); /* Text on hover */
}

.contact-right .form-check-label {
    color: var(--off-white); /* Checkbox label color */
}

.contact-right .form-check-label a {
    color: var(--golden-yellow); /* Privacy link */
    text-decoration: underline;
}


/* Terms Section */
.terms-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.terms-section h3 {

    font-size: 1.8rem;
    margin-bottom: 15px;
}

.terms-section p {
    margin-bottom: 15px;
    color: var(--charcoal-gray);
}

/* Privacy Policy */

.title-page-tc {
    background-image: url("https://webappfiles.blob.core.windows.net/portal/tandc_background.png");
    
    background-size: cover;
    background-position: 60% 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.title-page-tc h3 {
    color: var(--white);
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}



.privacy-policy {
    margin-bottom: 30px;
}

.privacy-policy h3 {
    
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.privacy-policy ol {
    margin-left: 20px;
    padding-left: 0;
    list-style-type: decimal;
}

.privacy-policy ol li {
    margin-bottom: 15px;
    font-weight: bold;
   
}

.privacy-policy ol p {
    margin: 0 0 10px 0;
    font-weight: normal;
    
}

.privacy-policy ol ul {
    margin-left: 20px;
    list-style-type: disc;
}

.privacy-policy ol ul li {
    margin-bottom: 10px;

}

/* Cookie Policy */
.cookie-policy {
    margin-bottom: 30px;
}

.cookie-policy h3 {
   
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.cookie-policy p {
    margin-bottom: 15px;
   
}

.cookie-policy ul {
    list-style-type: disc;
    margin-left: 20px;
}

.cookie-policy ul li {
    margin-bottom: 10px;
 
}

/* Contact Information */
.privacidade .contact-info {
    margin-bottom: 30px;
}

.contact-info h3 {

    font-size: 1.8rem;
    margin-bottom: 15px;
}

.contact-info ul {
    list-style: none;
    padding-left: 0;
}

.contact-info ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    color: var(--charcoal-gray);
}

.contact-info ul li a {
    color: var(--deep-teal);
    text-decoration: none;
}

.contact-info ul li a:hover {
    text-decoration: underline;
}

/* Links */
.terms-section a,
.privacy-policy a,
.cookie-policy a,
.contact-info a {
    color: var(--forest-green);
    text-decoration: none;
}

.terms-section a:hover,
.privacy-policy a:hover,
.cookie-policy a:hover,
.contact-info a:hover {
    text-decoration: underline;
}

/* Partner Center */

/* Partner Highlight Section */

.section-1-partner{
    padding-top: 28px;
    padding-bottom: 28px;
}



.section-1-partner, .partner-col-image {

    background-color: var(--light-beige);
}


.partner-highlight-section {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 20px;
}

.partner-highlight-image {
    
    border-radius: 10px;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); */
}

.highlight-content {
    padding: 30px;
}

.highlight-title {
    color: var(--charcoal-gray);
    font-weight: bold;
    margin-bottom: 20px;
    border-left: 5px solid var(--golden-yellow);
    padding-left: 15px;
}

.highlight-description {
    color: var(--charcoal-gray);
    line-height: 1.6;
    margin-bottom: 15px;
}

.highlight-content h3 {
    color: var(--forest-green);
    margin-top: 20px;
}

.highlight-content ul {
    padding-left: 20px;
}

.highlight-content ul li {
    margin-bottom: 10px;
}

.highlight-buttons {
    margin-top: 20px;
}

.btn-action {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid transparent;
    border-radius: 5px;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.btn-contact {
    background: var(--golden-yellow);
    color: var(--charcoal-gray);
    border-color: var(--golden-yellow);
}

.btn-contact:hover {
    background: var(--forest-green);
    color: var(--white);
}

.btn-visit {
    background: var(--white);
    color: var(--forest-green);
    border-color: var(--forest-green);
}

.btn-visit:hover {
    background: var(--forest-green);
    color: var(--white);
}

.partner-image {
    max-width: 80%;
    height: auto;
    border-radius: 10px;
    margin: 0 auto;
}

.partner-details {
    /* background: var(--off-white); */
    padding: 30px;
    /* border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); */
}

.partner-details h2 {
    color: var(--charcoal-gray);
    font-weight: bold;
    margin-bottom: 15px;
}

.partner-details ul {
    padding-left: 20px;
}

.partner-details ul li {
    margin-bottom: 10px;
}

.contact-details {
    margin-top: 15px;
}

.contact-details a {
    color: var(--forest-green);
    text-decoration: none;
    font-weight: bold;
}



.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.gallery-grid img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.partner-cta {
    text-align: center;
    margin-bottom: 30px;
    background-color: var(--charcoal-gray); /* Dark background */
    padding: 50px 0;
}

.partner-cta .social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.partner-cta .social-icons a {
    color: var(--golden-yellow); /* Golden Yellow for icons */
    font-size: 2rem;
    transition: color 0.3s ease;
    text-decoration: none;
}

.partner-cta .social-icons a:hover {
    color: var(--mint-green); /* Hover effect with mint green */
}

.partner-cta .social-links a {
    color: var(--forest-green);
    text-decoration: none;
    font-weight: bold;
}

.btn-adherir {
    background: var(--golden-yellow);
    color: var(--charcoal-gray);
    padding: 12px 25px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.btn-adherir:hover {
    background: var(--forest-green);
    color: var(--white);
}

.partner-gallery {
    background-color: var(--white);
}

.partner-gallery h3 {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--charcoal-gray);
    margin-bottom: 30px;
}

.gallery-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    margin-bottom: 20px;
}

.gallery-image:hover {
    transform: scale(1.05);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

/* search */
.results-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.partner-card {
    border: 1px solid var(--light-gray);
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.row-of-cards {
    width: 100%;
}

.partner-card:hover {
    transform: scale(1.03);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

.results-container .card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
    height: 150px;
}

.btn-view-more {
    background: var(--golden-yellow);
    color: var(--charcoal-gray);
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s ease;
    
}

.btn-view-more:hover {
    background-color: var(--forest-green);
    color: var(--white);
}
.no-results-message {
    margin-top: 50px;
    text-align: center;
}

.no-results-image {
    max-width: 300px;
    margin-bottom: 20px;
}

.no-results-title {
    font-size: 24px;
    font-weight: bold;
    color: #555;
}

.no-results-text {
    font-size: 16px;
    color: #777;
}
.titulo-pesquisa {
    
    font-weight: bold; /* Make the text bold for emphasis */
    color: var(--forest-green); /* Use a color consistent with your theme */
    border-left: 5px solid var(--golden-yellow); /* Add a left border for a modern look */
    padding-left: 15px; /* Add padding to separate the text from the border */
    margin-bottom: 20px; /* Add spacing below the title */
    
}

/* 404 page */
.error-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    text-align: center;
    
}

.error-image img {
    max-width: 400px;
    height: auto;
    margin-bottom: 20px;
}

.error-title {
    font-size: 3rem;
    color: #333;
    margin-bottom: 10px;
}

.error-message {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: 20px;
}

.error-actions a {
    background: var(--golden-yellow);
    color: var(--charcoal-gray);
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.error-actions a:hover {
    /* background-color: #1eaedb; */
    color: white;
}

/*Breadcrumbs */
.breadcrumb-container {
    /* margin-top: 20px; */
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    /* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); */
}

.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    list-style: none;
}

.breadcrumb-item a {
    text-decoration: none;
    color: var(--forest-green);
    font-weight: bold;
}

.breadcrumb-item.active {
    color: var(--charcoal-gray);
}


/* Media Queries */

/* For large screens (e.g., desktops) */
@media (min-width: 1200px) {
    .title-page-tc {
        height: 460px; /* Larger height for large screens */
    }
    /* Top Header */
.top-row-header {
    max-height: 1.8rem;
}
}


@media (max-width: 992px) {
    .navbar-nav {
        flex-direction: column; /* Stack links vertically on smaller screens */
        margin-top: 10px;
    }


}

@media (max-width: 768px) {


    .phoneinfo, .mailinfo {
        display: none; /* Hide the text by default */
    }

    .contact-info i {
        display: inline-block; /* Show only the icons */
        font-size: 18px;
        margin-right: 10px; /* Add spacing between icons */
        color: var(--off-white); /* Match the color scheme */
    }


    .hero-section {
        /* height: auto; */
        padding: 50px 20px; /* Add some padding */
      }
    
      .hero-title {
        font-size: 1.8rem; /* Smaller font for mobile */
      }
    
      .hero-subtitle {
        font-size: 1rem; /* Adjust subtitle size */
      }

      .gift-section {
        padding: 50px 0;
      }

      .categories-section .category-card {
        height: 200px;
      }
      .categories-section .card-title {
        font-size: 1.2rem;
      }
      .categories-section .category-btn {
        padding: 6px 12px;
        font-size: 0.9rem;
      }




}

/* Ensure the navbar is always visible on larger screens */
@media (min-width: 992px) {
    .navbar-collapse {
      display: flex !important; /* Ensure the menu is always displayed */
      flex-direction: row; /* Horizontal layout */
      justify-content: flex-end; /* Align to the right */
      position: static; /* Remove fixed positioning */
      height: auto; /* Reset height */
      transform: none; /* Reset transform for desktop */
      visibility: visible; /* Ensure visibility */
      opacity: 1; /* Ensure opacity */
      background-color: transparent; /* Remove mobile background */
    }
  
    .navbar-toggler {
      display: none; /* Hide the toggler on larger screens */
    }

    /* Top Header */
.top-row-header {
    max-height: 1.8rem;
}
  
    .navbar-nav .nav-link {
      padding: 0 15px; /* Add spacing between links */
      color: var(--off-white); /* Match color scheme */
      font-size: 1rem;
    }

    
  }

/* For small screens (e.g., tablets) */
@media (min-width: 992px) and (max-width: 1199px) {
    .title-page-tc {
        height: 250px; /* Slightly smaller height for tablets */
    }
}


  /* Mobile version retains collapse behavior */
@media (max-width: 991.98px) {
    .navbar-collapse {
      position: fixed;
      top: 0;
      right: -100%; /* Off-screen initially */
      width: 80%; /* Slide-out width */
      height: 100%; /* Full height */
      background-color: var(--forest-green);
      z-index: 1050;
      transition: transform 0.3s ease-in-out, right 0.3s ease-in-out;
      flex-direction: column; /* Stack links vertically */
      align-items: flex-start; /* Align links to start */
      padding: 20px;
    }
  
    .navbar-collapse.show {
      right: 0; /* Slide in */
      transform: translateX(0);
    }
  
    .navbar-nav .nav-link {
      margin-bottom: 10px; /* Space between links */
    }
  
    .navbar-toggler {
      display: block; /* Show toggler on smaller screens */
    }

    .title-page-tc {
        height: 200px; /* Smallest height for mobile phones */
    }
  }

  .cart-link {
    font-size: 1.3rem;
    color: #fff;
    transition: color 0.2s ease;
}

.cart-link:hover {
    color: #FFD475; /* Light gold like the button hover */
}

.cart-icon {
    font-size: 1.4rem;
}

.cart-count {
    font-size: 0.65rem;
    padding: 4px 6px;
    font-weight: bold;
    z-index: 1;
}