/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* Style Start - Page with Categories and Products */

/* Style End - Page with Categories and Products */

/* Layout */
.menu-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.product-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  padding: 20px 16px 12px;
  transition: box-shadow 0.2s, border 0.2s;
  text-align: center;
  position: relative;
  border: 2px solid transparent;
}
.product-card.selected,
.product-card:hover {
  border-color: #00c07b;
  box-shadow: 0 6px 24px rgba(0,192,123,0.08);
}
.product-card img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  max-height: 150px;
  object-fit: cover;
}
.product-card h3 {
  margin: 0 0 8px 0;
  font-size: 1.1em;
}
.product-card p {
  font-size: 0.95em;
  color: #555;
}

.locations-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #fff;
  padding: 22px 0 14px 0;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 4px 16px rgba(0,192,123,0.05);
  margin: 0 0 0 0;
  position: relative;
}

.locations-bar a {
  background: #f7f7fa;
  color: #00895e;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 24px;
  font-size: 1.04em;
  letter-spacing: 0.03em;
  margin-right: 7px;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
  box-shadow: 0 2px 8px rgba(0,192,123,0.07);
  border: 2px solid transparent;
  text-decoration: none;
  position: relative;
}

.locations-bar a.selected,
.locations-bar a:hover {
  background: linear-gradient(90deg, #d4ffe3 0%, #e3ffe5 100%);
  color: #007150;
  border-color: #00c07b;
  box-shadow: 0 2px 12px rgba(0,192,123,0.15);
}

.locations-separator {
  border-bottom: 2px solid #e0f2e9;
  width: 100%;
  margin: 0 0 32px 0;
  height: 0;
}

/* Main layout/separators */
.menu-layout {
  display: flex;
  gap: 0;
  align-items: flex-start;
  width: 100%;
}

.sidebar {
  width: 240px;
  padding: 28px 20px;
  margin-right:5px;
  border-radius: 18px;
  min-height: 430px;
  /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar li {
  margin-bottom: 5px;
  font-size: 1.05em;
  font-weight: 500;
  transition: color 0.25s ease;
}

.sidebar li a {
  color: #007150;
  text-decoration: none;
  padding: 5px;
  display: block;
  border-radius: 12px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.sidebar li a:hover,
.sidebar li.selected a {
  background: #d4ffe3;
  color: #004d33;
  box-shadow: 0 4px 12px rgba(0, 192, 123, 0.15);
}

.sidebar li a:focus {
  outline: none;
  box-shadow: 0 0 0 3px #00c07b, 0 4px 12px rgba(0, 192, 123, 0.2);
}

.menu-separator {
  width: 2px;
  background: linear-gradient(#e8efee 30%, #c6eadd 100%);
  min-height: 420px;
  margin-left: -1px;
  margin-right: 22px;
  border-radius: 4px;
}

.products-area {
  flex: 1;
  /* ensure proper spacing between sidebar and products */
}

/* Products grid remains as before, with more left margin if needed */
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 24px;
  width: 100%;
  margin: 0;
}

.sidebar-header {
  display: block;                /* Force each to be on its own line */
  margin-bottom: 18px;
  padding-bottom: 6px;
  /*font-family: 'Georgia', serif;*/
  font-weight: 700;
  font-size: 1.6rem;
  color: #00573d;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 2px solid #00c07b;
  max-width: max-content;        /* So underline fits text width */
  margin-top: 0;
}

.products-header {
  margin-top: 5px;
  margin-bottom: 18px;
  display: block;
  font-size: 1.6rem;
  color: #00573d;
  border-bottom: 2px solid #00c07b;
  max-width: max-content;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
}

.sidebar-header::after,
.products-header::after {
  content: none;                /* Remove extra decorative underline if present */
  display: block;
  width: 48px;
  height: 4px;
  background: #00c07b;
  border-radius: 2px;
  margin-top: 8px;
  box-shadow: 0 2px 8px rgba(0,192,123,0.3);
}

#menu-takeout-footer-information .awb-menu_icons-left .awb-menu__main-a  {
	justify-content: flex-start !important;
}

#menu-takeout-main-menu .awb-menu_dropdown .awb-menu__sub-ul {
	width: 200px !important;
}

/*** Events Details Page ***/
.tribe-event-date-start {
font-size : 2 !important;
}

/*** Events Single Page Details Page ***/
.single-tribe_events .site-content,
.single-tribe_events #main,
.single-tribe_events .tribe-events-single {
  padding-top: 20%; /* Adjust depending on header height */
}

.single-tribe_events .fusion-tb-header .fullwidth-box {
background-image: linear-gradient(180deg, var(--awb-color8) 0%,rgba(255,255,255,0) 100%)!important;
background-size: cover; --awb-flex-wrap: wrap !important; 
background-image: linear-gradient(180deg, var(--awb-color8) 0%,rgba(255,255,255,0) 100%),url(https://saboryarte.theopenxpress.com/wp-content/uploads/2020/04/subpage-ptb-scaled-1.jpg)!important;
}