/* ================================
   MegaPlants – Purple Theme (add-on)
   Place after main.css and style.css
   ================================ */

/* Лилава палитра като CSS променливи */
:root {
  --purple-50:  #f3eaff;
  --purple-100: #e6d4ff;
  --purple-200: #c5a9ff;
  --purple-300: #a67dff;
  --purple-400: #8a63d2;
  --purple-500: #6f42c1; /* base */
  --purple-600: #5a32a3; /* hover/darker */
  --purple-700: #4a2789;
  --purple-800: #3b1e6f; /* footer bg */
  --purple-900: #2d1656;
  --on-purple:  #ffffff;
}

/* NAVIGATION TOP */
.navigation-top {
  background-color: var(--purple-600) !important;
  color: var(--on-purple) !important;
}
.navigation-top a {
  color: var(--on-purple) !important;
}
.navigation-top a:hover,
.navigation-top a:focus {
  color: var(--purple-100) !important;
}
/* Sticky състояние да остане лилаво */
.header-area.is-sticky .navigation-top {
  background-color: var(--purple-600) !important;
}

/* FOOTER */
/* =======================================
   MegaPlants – Purple Theme (Footer v4 – White Text)
   ======================================= */

/* Основна зона на футъра */
.footer-area {
  background: linear-gradient(180deg, #4b2e83 0%, #3c1f6d 100%) !important;
  color: #ffffff !important;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Контейнерът с колоните и съдържанието */
.footer-content-wrapper {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Заглавия във футъра */
.footer-widget h4,
.footer-widget h5,
.footer-widget-title,
.footer-title {
  color: #ffffff !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

/* Текстови елементи и линкове */
.footer-widget ul li a,
.footer-widget a,
.footer-widget p,
.footer-widget span {
  color: #ffffff !important;
  text-decoration: none;
  transition: color 0.3s ease;
  line-height: 1.7;
  font-weight: 400;
}

.footer-widget a:hover,
.footer-widget ul li a:hover {
  color: #e0d0ff !important;
  text-decoration: underline;
}

/* Икони */
.footer-widget i,
.footer-widget svg {
  color: #ffffff !important;
  transition: opacity 0.3s ease;
  opacity: 0.85;
}

.footer-widget i:hover,
.footer-widget svg:hover {
  opacity: 1;
}

/* Долен бар */
.footer-bottom,
.footer-bar,
.footer-bottom-area {
  background-color: #33195d !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: center;
  font-size: 15px;
}

/* Линкове в долния бар */
.footer-bottom a,
.footer-bar a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 500;
}

.footer-bottom a:hover,
.footer-bar a:hover {
  color: #e0d0ff !important;
  text-decoration: underline;
}
.montserrat-footer-widget-title {
  color: #f5eaff !important; /* по-светъл, почти бял */
  font-weight: 700;
}

.footer-navigation a {
  color: #f3eaff !important; /* светлолилав за контраст */
  transition: color 0.3s ease;
}

.footer-navigation a:hover {
  color: #ffffff !important; /* чисто бял при hover */
}

.footer-text-block__title,
.footer-widget-title {
  color: #f6edff !important; /* светлолилав към почти бял */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-text-block__content {
  color: #ede3ff !important; /* малко по-мек лилаво-бял нюанс за текст */
  font-weight: 400;
  line-height: 1.7;
}

.footer-text-block__content a {
  color: #f3eaff !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-text-block__content a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* =======================================
   MegaPlants – Purple Theme (Copyright text)
   ======================================= */

.copyright-text {
  color: #f3eaff !important; /* светлолилав, добре четим */
  font-size: 14px;
  line-height: 1.6;
}

.copyright-text a {
  color: #ffffff !important; /* чисто бял за добър контраст */
  text-decoration: none;
  transition: color 0.3s ease;
}

.copyright-text a:hover {
  color: #e0d0ff !important; /* леко по-светъл при hover */
  text-decoration: underline;
}


/* THEME BUTTON 2 */
.theme-button2,
.theme-button2:link,
.theme-button2:visited {
  background-color: var(--purple-500) !important;
  border-color: var(--purple-500) !important;
  color: var(--on-purple) !important;
}
.theme-button2:hover,
.theme-button2:focus,
.theme-button2:active {
  background-color: var(--purple-600) !important;
  border-color: var(--purple-600) !important;
  color: var(--on-purple) !important;
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25) !important;
}
.theme-button2[disabled],
.theme-button2.disabled {
  background-color: var(--purple-400) !important;
  border-color: var(--purple-400) !important;
  color: var(--on-purple) !important;
  opacity: .75;
  cursor: not-allowed;
}



/* =======================================
   MegaPlants – Purple Theme (product page)
   ======================================= */

/* Активна снимка (миниатюра вляво) */
.product-details-thumb .slick-current img,
.product-details-thumb .slick-slide.slick-current img,
.product-details-thumb .active img {
  border: 2px solid var(--purple-500) !important;
}

/* Карето „Как се отглежда и допълнителна информация“ */
.product-description .panel,
.product-description .panel-default,
.product-description .tab-pane {
  border-color: var(--purple-400) !important;
}
.product-description .panel h4,
.product-description .panel-title {
  color: var(--purple-600) !important;
}

/* Отстъп (-3%, -6%, -9%) */
.discount-badge,
.discount,
.price-discount,
.product-bundle ul li .you-won {
  background-color: rgba(111, 66, 193, 0.15) !important;
  color: var(--purple-600) !important;
}

/* Активна опция (напр. 3 саксии) */
.product-bundle ul li.active .left .checkbox {
  background-color: var(--purple-500) !important;
  border-color: var(--purple-500) !important;
}

/* Бутона „Купи за...“ */
.product-detail-content .cart-plus-minus .btn,
.btn.btn-comp,
.add-to-cart-btn,
.theme-button,
.product-detail-content .cart-plus-minus button[type="submit"] {
  background-color: var(--purple-500) !important;
  border-color: var(--purple-500) !important;
  color: var(--on-purple) !important;
}
.btn.btn-comp:hover,
.add-to-cart-btn:hover,
.theme-button:hover {
  background-color: var(--purple-600) !important;
  border-color: var(--purple-600) !important;
}

/* Икона сърце при „Оставащи бройки“ */
.product-detail-content .wishlist-icon i,
.product-detail-content .wishlist-icon svg {
  color: var(--purple-500) !important;
}
.product-detail-content .wishlist-icon {
  border: 1px solid var(--purple-500) !important;
}




.per-piece {
  color: var(--purple-500) !important; /* основен лилав */
  font-weight: 500;
}

.per-piece strong,
.per-piece span {
  color: var(--purple-600) !important; /* по-наситен лилав акцент */
}


/* =======================================
   MegaPlants – Purple Theme (Main Menu Text Only)
   ======================================= */

/* Основни линкове и текстове в главното меню */
.main-menu li,
.main-menu li a,
.main-menu li div {
  color: var(--purple-600) !important; /* основен лилав тон за текст */
  transition: color 0.3s ease;
}

/* Hover и активни състояния */
.main-menu li:hover > a,
.main-menu li:hover > div,
.main-menu li.active > a,
.main-menu li.active > div {
  color: var(--purple-500) !important; /* по-светъл и наситен при hover/active */
}

/* Допълнителна яснота за вложени подменюта */
.main-menu li ul li a,
.main-menu li ul li div {
  color: var(--purple-700) !important; /* по-тъмен лилав за вътрешни нива */
}

.main-menu li ul li a:hover,
.main-menu li ul li div:hover {
  color: var(--purple-500) !important; /* по-ярък при hover */
}


/* =======================================
   MegaPlants – Purple Theme (Accordion Product Details)
   ======================================= */

.accourdion-product-details {
  background-color: rgba(111, 66, 193, 0.08); /* лек лилав фон */
  border-left: 4px solid var(--purple-500);   /* лилав акцент вляво */
  color: var(--purple-700) !important;        /* четим тъмен лилав текст */
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  padding: 14px 18px;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.accourdion-product-details strong {
  color: var(--purple-600);
}

.accourdion-product-details::before {
  display: inline-block;
  vertical-align: middle; /* фиксира позицията по средата на текста */
  font-size: 16px;
  color: var(--purple-500);
  margin-right: 6px;
  line-height: 1; /* предотвратява преместване на реда */
}



/* Заглавие на секцията */
.accourdion-product-details .accordion-header,
.accourdion-product-details .accordion-button {
  background: transparent;
  color: var(--purple-600);
  font-weight: 600;
  font-size: 16px;
  padding: 14px 18px;
  border: none;
  text-align: left;
  width: 100%;
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.accourdion-product-details .accordion-header:hover,
.accourdion-product-details .accordion-button:hover {
  color: var(--purple-500);
  background-color: rgba(111, 66, 193, 0.08);
}

/* Активно (отворено) състояние */
.accourdion-product-details .accordion-button[aria-expanded="true"],
.accourdion-product-details .accordion-header.active {
  color: var(--purple-500);
  background-color: rgba(111, 66, 193, 0.12);
  font-weight: 700;
}

/* Съдържание на секцията */
.accourdion-product-details .accordion-body {
  padding: 18px 20px;
  background-color: #fff;
  color: #3b1e6f; /* четим тъмен лилав текст */
  font-size: 15px;
  line-height: 1.7;
  border-top: 1px solid var(--purple-200);
}

/* Вътрешни параграфи и списъци */
.accourdion-product-details .accordion-body p {
  margin-bottom: 10px;
}

.accourdion-product-details .accordion-body ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}

.accourdion-product-details .accordion-body ul li {
  margin-bottom: 6px;
}

/* Икона (ако има стрелка/плюс/минус) */
.accourdion-product-details .accordion-button::after {
  content: "▾";
  float: right;
  font-size: 16px;
  color: var(--purple-500);
  transition: transform 0.3s ease;
}

.accourdion-product-details .accordion-button[aria-expanded="true"]::after {
  transform: rotate(180deg);
}


/* =======================================
   MegaPlants – Purple Theme (Single Notice in accourdion-product-details)
   ======================================= */

.accourdion-product-details {
  background-color: rgba(111, 66, 193, 0.08); /* лек лилав фон */
  border-left: 4px solid var(--purple-500);   /* лилав акцент вляво */
  color: var(--purple-700) !important;        /* четим тъмен лилав текст */
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  padding: 14px 18px;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
}