/* Background image for opening section */
/* Background image for opening section with overlay for readability */
#opening {
  position: relative;
  z-index: 0;
}
#opening::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("./../../galeri/bg.jpg") center center/cover no-repeat;
  z-index: 0;
  opacity: 1;
}
#opening::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("./../../galeri/bg.jpg") center center/cover no-repeat;
  /* background: rgba(30, 30, 30, 0.35);  */
  /* dark overlay for readability */
  z-index: 1;
}
#opening > * {
  position: relative;
  z-index: 2;
}

/* Background image for header section */
#header {
  position: relative;
  z-index: 1;
}
#header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("./../../galeri/bg.jpg") center center/cover no-repeat;
  z-index: 0;
  opacity: 1;
}
#header > * {
  position: relative;
  z-index: 2;
}
/* Gray Gradient Theme Override */
/* Ensure navbar has highest z-index */
.navbar {
  z-index: 10001 !important;
}
.navbar.navbar-scrolled {
  z-index: 10001 !important;
}

/* Color Variables Override */
:root {
  --primary-color: #2d2d2d;
  --secondary-color: #6b6b6b;
  --light-color: #e8e8e8;
  --danger-color: #666666;
  --dark-color: #1a1a1a;
  --dark-500-color: rgba(26, 26, 26, 0.66);
  --gradient-bg: linear-gradient(
    135deg,
    #f5f5f5 0%,
    #e8e8e8 25%,
    #d0d0d0 50%,
    #b8b8b8 75%,
    #2d2d2d 100%
  );
  --gradient-section: linear-gradient(
    180deg,
    #e8e8e8 0%,
    #d5d5d5 50%,
    #c2c2c2 100%
  );
}

/* Body Background */
body#index {
  background: var(--gradient-bg) !important;
  color: var(--dark-color) !important;
}

/* Opening Section */
body#index section#opening {
  background: var(--gradient-bg) !important;
  color: var(--dark-color) !important;
}

/* Header */
body#index header#header {
  background: var(--gradient-section) !important;
}

/* Section Backgrounds */
body#index section#section-1 {
  background: linear-gradient(
    135deg,
    rgba(232, 232, 232, 0.8) 0%,
    rgba(213, 213, 213, 0.8) 50%,
    rgba(194, 194, 194, 0.8) 100%
  ), url('../../galeri/bg-new.jpeg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body#index section#section-3 {
  background: linear-gradient(180deg, #e0e0e0 0%, #cccccc 100%) !important;
}

body#index section#section-4 {
  background: linear-gradient(
    135deg,
    #3a3a3a 0%,
    #2d2d2d 50%,
    #1a1a1a 100%
  ) !important;
}

body#index section#section-5 {
  background: linear-gradient(
    180deg,
    #d5d5d5 0%,
    #b8b8b8 50%,
    #2d2d2d 100%
  ) !important;
}

body#index section#section-5 section#section-5-a {
  background: linear-gradient(
    180deg,
    rgba(232, 232, 232, 0.85) 0%,
    rgba(220, 220, 220, 0.85) 100%
  ), url('../../galeri/bg-new.jpeg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body#index section#section-5 section#section-5-b {
  background-color: rgba(45, 45, 45, 0.9) !important;
}

/* Primary Color Elements */
.btn.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

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

/* Secondary Color Elements */
.btn.btn-secondary,
.bg-secondary {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: white !important;
}

/* Navigation */
.navbar.navbar-scrolled {
  background-color: var(--primary-color) !important;
}

.navbar .navbar-brand {
  color: var(--dark-color) !important;
}

.navbar.navbar-scrolled .navbar-brand {
  color: #ffffff !important;
}

.navbar .navbar-nav .nav-item .nav-link {
  color: var(--dark-color) !important;
}

.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link {
  color: #ffffff !important;
}

.navbar .navbar-nav .nav-item .nav-link:hover::after,
.navbar .navbar-nav .nav-item .nav-link.active::after {
  background-color: var(--dark-color) !important;
}

.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link:hover::after,
.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link.active::after {
  background-color: #ffffff !important;
}

/* Text Colors */
body#index,
body#index h1,
body#index h2,
body#index h3,
body#index h4,
body#index h5,
body#index h6,
body#index p {
  color: #1a1a1a !important;
}

.text-dark {
  color: #1a1a1a !important;
}

.text-dark-500 {
  color: rgba(26, 26, 26, 0.8) !important;
}

/* White text for dark backgrounds */
body#index section#section-4,
body#index section#section-4 h1,
body#index section#section-4 h2,
body#index section#section-4 h3,
body#index section#section-4 h4,
body#index section#section-4 h5,
body#index section#section-4 h6,
body#index section#section-4 p {
  color: #ffffff !important;
}

body#index section#section-5-b,
body#index section#section-5-b h1,
body#index section#section-5-b h2,
body#index section#section-5-b h3,
body#index section#section-5-b h4,
body#index section#section-5-b h5,
body#index section#section-5-b h6,
body#index section#section-5-b p {
  color: #ffffff !important;
}

body#index footer#footer,
body#index footer#footer * {
  color: #ffffff !important;
}

/* Form Elements */
.form-check .form-check-input:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.form-control:focus,
.form-control:active {
  border-bottom: 1px solid var(--dark-color) !important;
}

.form-control.is-valid {
  border-color: var(--primary-color) !important;
}

.form-select:focus,
.form-select:active {
  border: 1px solid var(--dark-color) !important;
}

.valid-feedback {
  color: var(--primary-color) !important;
}

/* Cards and Countdown */
body#index section#section-5 section#section-5-b .card.card-countdown {
  background-color: rgba(45, 45, 45, 0.8) !important;
}

/* Footer */
footer#footer {
  background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
}

/* Buttons Hover Effects */
.btn.btn-primary:hover {
  box-shadow: 0 10px 30px rgba(45, 45, 45, 0.4) !important;
  background-color: #1a1a1a !important;
}

.btn.btn-secondary:hover {
  box-shadow: 0 10px 30px rgba(107, 107, 107, 0.4) !important;
}

/* Icon Buttons */
.btn.btn-icon.btn-icon-page.active i {
  color: var(--primary-color) !important;
}

/* Divider */
.divider {
  background-color: var(--dark-color) !important;
}

/* Scrollbar for message list */
.list-wrapper.list-wrapper-message::-webkit-scrollbar-track {
  background-color: rgba(45, 45, 45, 0.3) !important;
}

.list-wrapper.list-wrapper-message::-webkit-scrollbar-thumb {
  background-color: var(--primary-color) !important;
}

/* Video Player Customization */
.plyr {
  --plyr-video-control-background-hover: var(--primary-color) !important;
  --plyr-range-fill-background: var(--primary-color) !important;
}

/* Additional gradient overlays for sections */
body#index section#section-2 {
  background: linear-gradient(
    135deg,
    rgba(240, 240, 240, 0.8) 0%,
    rgba(224, 224, 224, 0.8) 50%,
    rgba(208, 208, 208, 0.8) 100%
  ), url('../../galeri/bg-new.jpeg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body#index section#section-6 {
  background: linear-gradient(180deg, #e8e8e8 0%, #d5d5d5 100%) !important;
}

body#index section#section-7 {
  background: linear-gradient(180deg, #d5d5d5 0%, #c2c2c2 100%) !important;
}

body#index section#section-8 {
  background: linear-gradient(
    135deg,
    #e0e0e0 0%,
    #c5c5c5 50%,
    #a8a8a8 100%
  ) !important;
}

/* Text shadow adjustments for better readability on gradient backgrounds */
.text-shadow .text-shadow-item {
  color: rgba(45, 45, 45, 0.1) !important;
}

/* Gallery hover effects */
#row-lightgallery [data-src]:hover img {
  filter: grayscale(20%) !important;
}

/* Additional text contrast fixes */
body#index .navbar-brand,
body#index .nav-link {
  color: #1a1a1a !important;
}

body#index .navbar.navbar-scrolled .navbar-brand,
body#index .navbar.navbar-scrolled .nav-link {
  color: #ffffff !important;
}

/* Navbar toggler and additional elements */
body#index .navbar-toggler {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}

body#index .navbar.navbar-scrolled .navbar-toggler {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

body#index .navbar h4,
body#index .navbar h6 {
  color: #1a1a1a !important;
}

body#index .navbar.navbar-scrolled h4,
body#index .navbar.navbar-scrolled h6 {
  color: #ffffff !important;
}

/* Form text visibility */
body#index .form-control,
body#index .form-control::placeholder {
  color: #1a1a1a !important;
}

body#index .form-check-label {
  color: #1a1a1a !important;
}

/* Card text */
body#index .card,
body#index .card-body {
  color: #1a1a1a !important;
}

/* Ensure all text in light sections is dark */
body#index section#section-1 *,
body#index section#section-2 *,
body#index section#section-3 *,
body#index section#section-6 *,
body#index section#section-7 *,
body#index section#section-8 * {
  color: #1a1a1a !important;
}

/* Gallery Image Dimensions - Make all same size as gallery-2 with full coverage */
#row-lightgallery .img-wrapper.img-wrapper-gallery.img-wrapper-gallery-1 {
  height: 56em !important;
}

#row-lightgallery .img-wrapper.img-wrapper-gallery img {
  object-fit: cover !important;
}

/* Button visibility fixes for section-6 */
body#index section#section-6 .btn.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}