/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
/* ==========================================================
   HOME MAIN SLIDER - CUSTOM OVERRIDES
   File: assets/css/custom.css
   Purpose: Safe overrides for Revolution Slider styling
   ========================================================== */

/* ==========================================================
   ROOT VARIABLES (EASY TO OVERRIDE IN FUTURE)
   Change colors here only.
   ========================================================== */
:root {

  /* Main heading color */
  --soniya-slider-heading-color: #ffffff;

  /* Subheading color */
  --soniya-slider-subheading-color: #ffffff;

  /* Button background */
  --soniya-slider-btn-bg: #d4af37; /* Gold */

  /* Button text color */
  --soniya-slider-btn-text: #ffffff;

  /* Button hover background */
  --soniya-slider-btn-hover-bg: #000000;

  /* Button hover text color */
  --soniya-slider-btn-hover-text: #ffffff;

}


/* ==========================================================
   SLIDE HEADING TEXT
   ========================================================== */

/* Target heading layer inside revolution */
.rev_slider .tp-caption.text-center {
  color: var(--soniya-slider-heading-color) !important;
}


/* ==========================================================
   SLIDE SUBHEADING TEXT
   ========================================================== */

.rev_slider .tp-caption.tp-resizeme[data-type="text"] {
  color: var(--soniya-slider-subheading-color) !important;
}


/* ==========================================================
   SLIDER BUTTON BASE STYLE
   ========================================================== */

.rev_slider .tp-caption.btn_1 {

  /* Remove default inline background */
  background: var(--soniya-slider-btn-bg) !important;

  /* Smooth animation */
  transition: all 0.3s ease-in-out !important;

  border-radius: 4px;
}


/* ==========================================================
   BUTTON LINK INSIDE CAPTION
   ========================================================== */

.rev_slider .tp-caption.btn_1 a {

  /* Remove default link styling */
  text-decoration: none;

  /* Apply button text color */
  color: var(--soniya-slider-btn-text);

  display: inline-block;
}


/* ==========================================================
   BUTTON HOVER EFFECT
   ========================================================== */

.rev_slider .tp-caption.btn_1:hover {

  background: var(--soniya-slider-btn-hover-bg) !important;

  transform: translateY(-2px);
}


.rev_slider .tp-caption.btn_1:hover a {

  color: var(--soniya-slider-btn-hover-text) !important;
}


/* ==========================================================
   OPTIONAL: MASK OVERLAY DARKENING
   (If needed globally)
   ========================================================== */

.rev-slider-mask {
  background: rgba(0, 0, 0, 0.4);
}


/* ==========================================================
   RESPONSIVE TWEAKS
   ========================================================== */

@media (max-width: 768px) {

  .rev_slider .tp-caption.text-center {
    font-size: 36px !important;
    line-height: 42px !important;
  }

  .rev_slider .tp-caption.btn_1 {
    padding: 12px 18px !important;
    font-size: 14px !important;
  }

}