/*
Theme Name: Avto Prijatelj 2026
Author: Ti in AI
Description: Custom tema
Version: 2.0 (SENIOR DEV MENU + BIG LOGO)
*/

/* --- 0. VARNOSTNA MREŽA --- */
body, html {
    background-color: #020202;
    color: #ffffff;
}

/* --- 1. HEADER IN LOGOTIP (PREVERJENO DELUJE) --- */

.ap-header-bar {
  background-color: rgba(2, 2, 2, 0.95) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

/* Container se raztegne */
.ap-header-bar .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: auto !important;
  min-height: 95px !important; 
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (min-width: 768px) {
  .ap-header-bar .container {
    min-height: 145px !important; 
  }
}

/* LOGOTIP - VELIK */
.ap-header-logo {
  display: block !important;
  width: auto !important;
  object-fit: contain !important;
  max-height: 75px !important; 
  height: 75px !important;
}

@media (min-width: 768px) {
  .ap-header-logo {
    max-height: 125px !important;
    height: 125px !important;
  }
}

.ap-header-logo:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* Gumbi Header */
.ap-header-phone, .ap-header-phone i, .ap-header-phone span,
.ap-menu-btn, .ap-menu-btn i, .ap-menu-btn span {
  color: #ffffff !important;
}
.ap-header-phone:hover span, .ap-header-phone:hover i,
.ap-menu-btn:hover span, .ap-menu-btn:hover i {
  color: #0072FF !important;
}
.ap-menu-btn:hover { border-color: #0072FF !important; }

[x-cloak] { display: none !important; }


/* --- 2. PREMIUM MENI STILI --- */

.ap-menu-overlay { 
    background-color: #050505 !important; 
    z-index: 9999;
}

/* Linki v meniju */
.ap-menu-link {
    display: flex;
    flex-direction: column;
    padding: 15px 0;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.03); /* Subtilna črta */
    transition: padding-left 0.3s ease;
}
.ap-menu-link:hover {
    padding-left: 20px;
    border-bottom-color: rgba(0, 114, 255, 0.3);
}


/* --- 3. OSTALI STILI (KARTICE, FOOTER...) --- */

.ap-trust-card, .ap-google-badge--light {
  background-color: #ffffff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.ap-trust-card:hover, .ap-google-badge--light:hover {
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.12);
}

.ap-services-section .glass-card.group:hover {
  transform: translateY(-4px) !important;
  background: rgba(15, 15, 15, 0.95) !important;
  border-color: rgba(0, 114, 255, 0.3) !important;
  box-shadow: 0 10px 40px rgba(0, 114, 255, 0.1) !important;
}
.ap-services-section .glass-card.group:hover .text-gray-400 { color: #0072FF !important; }
.ap-services-section .glass-card.group:hover .ap-svc-icon-wrap { background-color: rgba(0, 114, 255, 0.1) !important; }

/* Footer */
.ap-footer-col { display: flex; flex-direction: column; align-items: flex-start; }
.ap-footer-btn {
  width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.75rem;
  transition: all 0.2s ease;
}
.ap-footer-btn:hover { transform: scale(1.05); }
.ap-footer-btn:hover i { color: #ffffff !important; }

/* Social Colors */
.ap-footer-wa:hover { background: #25D366; border-color: #25D366; }
.ap-footer-fb:hover { background: #1877F2; border-color: #1877F2; }
.ap-footer-ig:hover { background: #E4405F; border-color: #E4405F; }
.ap-footer-viber:hover { background: #7360F2; border-color: #7360F2; }
.ap-footer-tiktok:hover { background: #000; border-color: #fff; }

.ap-footer-email-link:hover { background: #0072FF; border-color: #0072FF; color: #fff !important; }
.ap-footer-email-link:hover i { color: #fff !important; }
footer .ap-footer-logo { filter: none !important; height: 5rem; opacity: 1 !important; }

@media (max-width: 767px) {
  .ap-odkup-hero { height: auto !important; min-height: 0 !important; }
  .ap-odkup-form-section { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .ap-odkup-form-container { width: 100%; }
}
.ap-zaloga-swiper-wrap { padding: 0 2rem; }
@media (min-width: 768px) { .ap-zaloga-swiper-wrap { padding: 0 3rem; } }
.ap-zaloga-swiper .swiper-slide { height: auto; display: flex; }