/*.featured-deals-slider .slide {
    display: table-cell;
    padding: 10px;
    text-align: center;
}*/
.featured-deals-slider img {
    max-width: 200px;
    
}

.non-featured-deals ul {
    list-style: none;
    padding: 10px;
}
.non-featured-deals li {
    margin: 10px 0;
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 15px; 
    padding: 10px; 
    border: 1px solid #e5e5e5; border-radius: 5px;
}

.non-featured-deals img {
    margin-right: 10px;
}
.deal-details img {
    max-width: 400px;
    margin-bottom: 20px;
}
.deal-button {
    display: inline-block;
    padding: 10px 20px;
    background: #0073aa;
    color: white;
    text-decoration: none;
}
.deal-button:hover {
    background: #005f8d;
}
.slide-img{
    width:80px;
    height:80px;
}

#headerimg {
    display: none;
}

#footer{
    font-size:8px;
}


/* Non-featured deals list */
.non-featured-deals ul {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    padding: 15px;
}
.slide a,
.non-featured-deals li a {
    color: #2563EB;
    font-weight: 500;
    text-decoration:none;
}
.non-featured-deals li a:hover {
    color: #1E3A8A;
}


/* Buttons */
a.deal-button, .btn-primary {
    background-color: #2563EB; /* Accent blue */
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}
a.deal-button:hover, .btn-primary:hover {
    background-color: #1E3A8A; /* Deep blue on hover */
}

/* Featured Deals Slider */
.featured-deals-slider {
    background-color: #F3F4F6; /* Light gray section */
    padding: 20px;
}
.featured-deals-slider h2 {
    color: #1E3A8A;
}

/* Global Background & Text */
body {
    background-color: #F8FAFC; /* Light neutral */
    color: #111827; /* Dark readable text */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Header */
header, .site-header {
    background-color: #1E293B; /* Deep blue */
    /*color: #FFFFFF;*/
    color:#fff;
    padding:15px 20px;
    position:sticky;
    top:0;
    z-index:1000;
}

.site-nav .main-menu ul > li {
    display:table-cell;
    padding-right:10px;
}

.site-nav .main-menu ul > li > a {
    color:white;
    text-decoration:none;
}

.site-nav .main-menu ul > li > a:hover {
    color:#e2833a;
}

.site-nav{
    width:55%;
}
.site-nav .main-menu ul {
    float:right;
}


/* Start - Featured Deals Sliding Effect */

.slider-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

/* Featured Deals Slider */
.featured-deals-slider {
  background-color: #F3F4F6;
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
}

.slider {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  gap: 20px;
  padding: 10px;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

.slider::-webkit-scrollbar {
  height: 10px;
  background-color: #E5E7EB;
}
.slider::-webkit-scrollbar-thumb {
  background-color: #2563EB;
  border-radius: 5px;
}

.slide {
  flex: 0 0 auto;
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  width: 220px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}
.slide:hover {
  transform: translateY(-3px);
}

.slide img {
  width: 100%;
  height: 160px;
  object-fit: fill;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 8px;
}

.slider-btn {
  background-color: rgba(30,58,138,0.8); /* semi-transparent deep blue */
  color: white;
  border: none;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  transition: background-color 0.3s ease;
  z-index: 5;
}
.slider-btn:hover {
  background-color: #2563EB;
}
.slider-btn.left {
  left: 1px;
}
.slider-btn.right {
  right: 1px;
}

/* End - Featured Deals Sliding Effect */

/* Start - Pagination styling */
.deals-pagination ul {
  display: inline-flex;
  list-style: none;
  gap: 8px;
  padding: 0;
  margin: 10px 0;
}

.deals-pagination li {
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  background: #fff;
}

.deals-pagination a,
.deals-pagination span {
  display: block;
  padding: 6px 12px;
  color: #2563EB;
  text-decoration: none;
  font-weight: 500;
}

.deals-pagination .current {
  background: #2563EB;
  color: #fff;
}
.deals-pagination a:hover {
  background: #1E3A8A;
  color: #fff;
}

/* End - Pagination styling */


/* Start - Share Section */
.deal-share {
  margin-top: 30px;
  border-top: 1px solid #E5E7EB;
  padding-top: 15px;
}

.deal-share h3 {
  color: #1E3A8A;
  margin-bottom: 10px;
}

.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.share-buttons a,
.share-buttons button {
  background: #2563EB;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem;
  transition: background-color 0.3s ease;
}

.share-buttons a:hover,
.share-buttons button:hover {
  background: #1E3A8A;
}
@media (max-width: 768px) {
    .search-form{
        margin-left: 10px;
        margin-top: 5px;
        /* display:flex; */
        align-items:center;
    }
}
@media (min-width: 769px) {
    .search-form{
        float: inline-end;
        margin-top: 10px;
        /* display:flex; */
        align-items:center;
    }   
}


/* End - Share Section */