/* Pastel Theme - Cute and Bright Colors */
body {
  background: linear-gradient(135deg, #ffe5ec 0%, #e8f4f8 50%, #fff4e6 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

/* Main containers */
#header, .navbar-container, header {
  background: linear-gradient(135deg, #ffeef8 0%, #e8f4fd 100%) !important;
}

/* Content wrapper */
#wrapper, .container {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 20px;
}

/* Dark panels - make them pastel */
.halim-post-title-box,
.player-servers,
.puss,
#levelmaxblock .inner,
.popular-post .item {
  background: linear-gradient(135deg, #fff5f8 0%, #f0f8ff 100%) !important;
  border-radius: 12px !important;
}

/* Player section */
#halim-player-wrapper,
.player-servers #servers-content {
  background: #ffeff5 !important;
  border-radius: 15px !important;
}

/* Player servers header */
.player-servers .ps_-status {
  background: linear-gradient(135deg, #ffd6e8 0%, #c8e6fa 100%) !important;
}

/* Server blocks */
.player-servers .ps_-block {
  background: rgba(255, 240, 245, 0.9) !important;
  border-color: #ffcae6 !important;
}

/* Buttons with pastel colors */
.btn-primary, .halim-btn, .ps__-list .item .btn {
  background: linear-gradient(135deg, #ffb3d1 0%, #a8d8ff 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(255, 179, 209, 0.4) !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover, .halim-btn:hover, .ps__-list .item .btn:hover {
  background: linear-gradient(135deg, #ff9ec4 0%, #8cd4ff 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(255, 158, 196, 0.5) !important;
}

.btn-primary.active, .ps__-list .item .btn.active {
  background: linear-gradient(135deg, #ff85b7 0%, #7ccfff 100%) !important;
  border: 2px solid #ff6bb5 !important;
}

/* Action buttons */
.luotxem.spech,
#toggle-light.luotxem.spech,
#autonext.btn-cs.autonext {
  background: linear-gradient(135deg, #ffc4dd 0%, #b5e0ff 100%) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(255, 196, 221, 0.4) !important;
}

/* Sidebar and widgets */
.widget, .halim_box {
  background: rgba(255, 250, 252, 0.9) !important;
  border-radius: 12px !important;
  padding: 15px !important;
}

/* Footer */
#footer, .footer-credit, .foot_mnav {
  background: linear-gradient(135deg, #ffeef5 0%, #e8f4fc 100%) !important;
}

/* Section titles */
.section-title, h3.section-title span {
  background: linear-gradient(135deg, #ffb3d1 0%, #a8d8ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Navigation */
.navbar halim-navbar, .navbar-collapse {
  background: linear-gradient(135deg, #fff9fc 0%, #f0f9ff 100%) !important;
}

.main-navigation .navbar-nav > li > a {
  background: linear-gradient(135deg, #ffe8f4 0%, #e0f0ff 100%) !important;
  color: #ff6bb5 !important;
  border-radius: 8px !important;
  margin: 2px 5px !important;
  transition: all 0.3s ease !important;
}

.main-navigation .navbar-nav > li > a:hover {
  background: linear-gradient(135deg, #ffd4ea 0%, #c8e6fa 100%) !important;
  transform: scale(1.05);
}

/* Grid items */
.grid-item, .halim-item {
  background: #fff5f8 !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

.grid-item:hover, .halim-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 25px rgba(255, 179, 209, 0.3) !important;
}

/* Panels */
.halim-panel-filter .panel-heading {
  background: linear-gradient(135deg, #ffe8f4 0%, #e0f0ff 100%) !important;
  border-radius: 8px !important;
}

/* Preloader */
.container-preloader .loader-section {
  background: linear-gradient(135deg, #ffe5ec 0%, #e8f4f8 100%) !important;
}

/* Modal */
.modal-content {
  background: linear-gradient(135deg, #fff9fc 0%, #f0f9ff 100%) !important;
  border-radius: 15px !important;
}

/* Form controls */
.form-control {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid #ffcae6 !important;
  border-radius: 20px !important;
  color: #ff6bb5 !important;
}

.form-control:focus {
  border-color: #ff85b7 !important;
  box-shadow: 0 0 10px rgba(255, 133, 183, 0.3) !important;
}

/* Tables and lists */
.table, .halim-list-eps {
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 10px !important;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
  background: linear-gradient(135deg, #ffc4dd 0%, #b5e0ff 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  margin: 0 3px !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
  background: linear-gradient(135deg, #ff9ec4 0%, #8cd4ff 100%) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #ffeef5 !important;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #ffb3d1 0%, #a8d8ff 100%) !important;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #ff9ec4 0%, #8cd4ff 100%) !important;
}

/* Loading spinner */
.spinner {
  border-color: rgba(255, 179, 209, 0.2) !important;
  border-top-color: #ff85b7 !important;
}

/* Badges and tags */
.status, .episode {
  background: linear-gradient(135deg, #ffc4dd 0%, #b5e0ff 100%) !important;
  color: #fff !important;
  padding: 4px 10px !important;
  border-radius: 15px !important;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
  color: #ff6bb5 !important;
}

.entry-title, .title {
  color: #ff6bb5 !important;
}

/* Links */
a {
  color: #ff85b7 !important;
  transition: all 0.3s ease !important;
}

a:hover {
  color: #ff6bb5 !important;
  text-shadow: 0 0 5px rgba(255, 107, 181, 0.3);
}

/* Footer bottom navigation */
.foot_mnav .foot_rows a {
  color: #ff85b7 !important;
}

.foot_mnav .foot_rows a.active {
  color: #ff6bb5 !important;
}

/* Icon overlays */
.icon_overlay {
  background: linear-gradient(135deg, rgba(255, 179, 209, 0.8) 0%, rgba(168, 216, 255, 0.8) 100%) !important;
}

/* Bookmark ribbon */
.primary_ribbon {
  background: linear-gradient(135deg, #ffb3d1 0%, #a8d8ff 100%) !important;
}

/* Rating stars */
.user-rate-image {
  color: #ffd700 !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  body {
    background: linear-gradient(135deg, #ffe5ec 0%, #e8f4f8 100%) !important;
  }

  #wrapper, .container {
    padding: 10px;
    border-radius: 10px;
  }
}

/* Additional cute touches */
.halim-item figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 179, 209, 0.1) 0%, rgba(168, 216, 255, 0.1) 100%);
  border-radius: 12px;
  pointer-events: none;
}

/* Add some cute animations */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.grid-item:hover figure,
.halim-item:hover figure {
  animation: float 2s ease-in-out infinite;
}

/* Cute gradient text for important elements */
.original_title, p.org_title {
  color: #a8d8ff !important;
  font-weight: 600;
}