/* ==========================================
   CUSTOM CSS - Panaraclass
   Additional styles & active states
   ========================================== */

/* Active nav link */
.nav-link.active-nav {
  color: var(--color-teal) !important;
}

/* Galeri Grid Responsive Fix */
@media (max-width: 600px) {
  .galeri-grid {
    display: flex;
    flex-direction: column;
  }
  .galeri-item {
    height: 180px;
  }
}

/* Video responsive */
@media (max-width: 768px) {
  .video-embed {
    padding-bottom: 60%;
  }
}

/* Trust section mobile */
@media (max-width: 500px) {
  .trust-item {
    flex-direction: column;
    text-align: center;
  }
  .trust-number {
    min-width: unset;
  }
}

/* Hero stats mobile */
@media (max-width: 480px) {
  .hero-stats {
    gap: 24px;
  }
  .hero-stat-number {
    font-size: 1.6rem;
  }
}

/* WordPress standard classes */
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1em; }
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.wp-caption { max-width: 100%; }
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
}

/* Custom Logo Fix */
.custom-logo-link img { height: 48px; width: auto; }
.site-footer .custom-logo-link img { height: 56px; filter: brightness(0) invert(1); }

/* Skip to content */
.skip-link {
  position: absolute;
  top: -999px;
  left: 8px;
  background: var(--color-teal);
  color: white;
  padding: 8px 16px;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  font-weight: 600;
  z-index: 9999;
}
.skip-link:focus { top: 0; }

/* Print */
@media print {
  #site-header, .wa-float, .scroll-top, #cta-banner { display: none !important; }
  body { font-size: 12pt; }
}