/*---------------------------------------------------------------
  Template Name: Honey Bloom  | Pure Organic Honey & Natural Products Multipage Page Template
  Description: Honey Bloom 鈥� Pure Organic Honey & Natural Products Landing Page Template designed to showcase premium honey, beekeeping, and eco-friendly products with a modern and sweet UI.
  Author: Lucid ThemesLab
  Author URL: https://www.templatemonster.com/store/lucid_themeslab/
  Version: 1.0.0
----------------------------------------------------------------*/

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/google/arima-100.ttf") format("truetype");
}

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/google/arima-200.ttf") format("truetype");
}

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/google/arima-300.ttf") format("truetype");
}

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/google/arima-400.ttf") format("truetype");
}

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/google/arima-500.ttf") format("truetype");
}

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/google/arima-600.ttf") format("truetype");
}

@font-face {
  font-family: "Arima";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/google/arima-700.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/google/roboto-100.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/google/roboto-200.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/google/roboto-300.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/google/roboto-400.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/google/roboto-500.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/google/roboto-600.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/google/roboto-700.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/google/roboto-800.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/google/roboto-900.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-100.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-200.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-300.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-400.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-500.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-600.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-700.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-800.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/google/roboto-italic-900.ttf") format("truetype");
}

/* ==================
  Color Variables
  ================== */

[data-honeybloom-theme="honeybloom_light"] {

    /* bg colors */
    --body-color: #FFFFFF;
    --alt-color:#eef8f0;
    --alt-gradient:linear-gradient(180deg, #f5fcf6 0%, #dff2e2 100%);
    --primary-color:#2f9e44;
    --secondary-color:#1f6f36;
    --dark-color:#1d4d2b;
    --card-color:#ffffff;
    --theme-gradient:linear-gradient(135deg, #43b85b, #2f9e44);
    --card-gradient:linear-gradient(135deg, #f7fdf8, #e2f4e6);
      --overlay-bg: rgba(255, 255, 255, 0.75);
  --overlay-blur: 5px;

    --input-bg: #faf9f6;
    --input-text: #000000;

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #214d2d;
    --prime-text: #1f6f36;
    --heading-text: #2d2d2d;
    --para-text: #666;
    --danger-text:#ff5959!important;

   /* font family*/
    --primary-font:  "Arima", system-ui;
    --secondary-font: "Roboto", sans-serif;

    --light-border: #e3f1e6;
}

[data-honeybloom-theme="honeybloom_dark"] {

    /* bg colors */
    --body-color: #102417;
    --alt-color:#183723;
    --alt-gradient:linear-gradient(180deg, #1b3c26 0%, #214b30 100%);
    --secondary-color:#56c271;
    --dark-color:#0d1b11;
    --primary-color:#7ddf92;
    --card-color:#1f3a28;
    --theme-gradient:linear-gradient(135deg, #56c271 0%, #2f9e44 100%);
    --card-gradient:linear-gradient(135deg, #21412c, #2b5a3a);
      --overlay-bg: rgba(0, 0, 0, 0.55);
  --overlay-blur: 5px;

    --input-bg: #284632;
    --input-text: #ffffff;

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #c7efd1;
    --prime-text: #7ddf92;
    --heading-text: #ffffff;
    --para-text: #dfdfdf;
    --danger-text:#ff5959!important;

    /* font family*/
    --primary-font:  "Arima", system-ui;
    --secondary-font: "Roboto", sans-serif;

    --light-border: #31523a;
}

.card-color{
    background-color: var(--card-color);
}

.heading-text {
    color: var(--heading-text) ;
}

.para-text {
    color: var(--para-text);
}

.prime-text {
    color: var(--primary-color) ;
}

.secondary-text {
    color: var(--secondary-color) ;
}

.white-text{
    color: var(--white-text);
}

.danger-text{
    color: var(--danger-text);
}

.dark-color{
    background-color: var(--dark-color);
}

.secondary-color{
    background-color: var(--secondary-color);
}

.light-border{
    border-color: var(--light-border) !important;
}

.alt-color{
    background-color: var(--alt-color);
}

/* ===== Reviews Section ===== */
.review-item {
  transition: 0.3s ease;
}

.review-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

/* Stars */
.review-stars {
  color: var(--primary-color);
  margin-bottom: 8px;
  font-size: 15px;
}

.desc-points li svg {
  min-width: 18px;
}