/* ==========================================
   FCSAMGURALI.GE - CUSTOM PAGES UNIFIED STYLES
   ========================================== */

/* 1. Global Box-Sizing Fix */
.history-container, .coaches-container, .license-card, 
.trophies-container, .u19-container, .samgurali2-container, 
.staff-section {
  box-sizing: border-box !important;
  width: 100% !important;
  font-family: inherit !important;
  margin-bottom: 30px !important;
}

/* 2. Scroll-to-Top Button */
.scroll-to-top {
  position: fixed !important;
  bottom: 25px !important;
  right: 25px !important;
  width: 45px !important;
  height: 45px !important;
  background-color: #f97316 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3) !important;
  z-index: 9999 !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
}
.scroll-to-top:hover {
  background-color: #ea580c !important;
  transform: translateY(-3px) !important;
}

/* 3. History & Timeline */
.history-container {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 32px 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  color: #374151 !important;
  line-height: 1.6 !important;
}
.history-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  padding-bottom: 16px !important;
  margin-bottom: 24px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}
.history-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 24px !important;
  background-color: #f97316 !important;
  border-radius: 3px !important;
}
.history-hero {
  background: linear-gradient(135deg, #1f2937, #111827) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  margin-bottom: 28px !important;
}
.history-hero-badge {
  display: inline-block !important;
  background: #f97316 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}
.history-hero p { margin: 0 !important; font-size: 14px !important; color: #e5e7eb !important; line-height: 1.7 !important; }
.history-text { font-size: 14px !important; color: #4b5563 !important; margin-bottom: 16px !important; }
.history-text strong { color: #111827 !important; }
.info-box { background: #f9fafb !important; border-left: 4px solid #f97316 !important; border-radius: 0 10px 10px 0 !important; padding: 14px 18px !important; margin: 20px 0 !important; font-size: 14px !important; }
.squad-box { background: #fff7ed !important; border: 1px solid #ffedd5 !important; border-radius: 12px !important; padding: 20px !important; margin: 24px 0 !important; }
.squad-box h4 { margin: 0 0 12px 0 !important; font-size: 15px !important; color: #ea580c !important; font-weight: 700 !important; }
.squad-staff { font-size: 13px !important; margin-bottom: 12px !important; padding-bottom: 12px !important; border-bottom: 1px dashed #fed7aa !important; }
.squad-players { font-size: 13px !important; color: #4b5563 !important; line-height: 1.8 !important; }
.timeline { position: relative !important; padding-left: 20px !important; margin: 28px 0 !important; border-left: 2px solid #e5e7eb !important; }
.timeline-item { position: relative !important; margin-bottom: 20px !important; padding-left: 15px !important; }
.timeline-item::before { content: "" !important; position: absolute !important; left: -26px !important; top: 4px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background-color: #f97316 !important; border: 2px solid #ffffff !important; }
.timeline-year { font-weight: 800 !important; color: #111827 !important; font-size: 14px !important; display: inline-block !important; margin-right: 6px !important; }
.timeline-desc { font-size: 14px !important; color: #4b5563 !important; }
.achievements-section { margin-top: 32px !important; padding-top: 24px !important; border-top: 2px solid #f3f4f6 !important; }
.achievements-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 16px !important; margin-top: 16px !important; }
.achievement-card { background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 10px !important; padding: 16px !important; }
.achievement-card h5 { margin: 0 0 8px 0 !important; font-size: 13px !important; color: #16a34a !important; font-weight: 700 !important; text-transform: uppercase !important; }
.achievement-card ul { margin: 0 !important; padding-left: 18px !important; font-size: 13px !important; }
.sponsor-tag { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #f3f4f6 !important; padding: 8px 14px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; margin-top: 16px !important; }
.sponsor-tag strong { color: #ea580c !important; }

/* 4. UEFA & National License Banner */
.license-card {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border: 1px solid #334155 !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}
.license-content { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; flex-wrap: wrap !important; }
.license-info { display: flex !important; align-items: center !important; gap: 16px !important; flex: 1 !important; min-width: 260px !important; }
.license-icon-box { background: rgba(249, 115, 22, 0.12) !important; border: 1px solid rgba(249, 115, 22, 0.3) !important; color: #f97316 !important; width: 52px !important; height: 52px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.license-text-block { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.license-status { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; color: #f97316 !important; }
.license-title { font-size: 17px !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 !important; }
.license-badges { display: flex !important; gap: 10px !important; align-items: center !important; flex-wrap: wrap !important; }
.badge-item { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; padding: 8px 14px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 700 !important; color: #e2e8f0 !important; display: flex !important; align-items: center !important; gap: 6px !important; }
.badge-item.verified { border-color: rgba(34, 197, 94, 0.4) !important; background: rgba(34, 197, 94, 0.1) !important; color: #4ade80 !important; }
.badge-check { width: 16px !important; height: 16px !important; fill: currentColor !important; }

/* 5. Trophies & Honours Cards */
.trophies-container { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; padding: 24px !important; }
.trophies-title { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; padding-bottom: 14px !important; margin-bottom: 20px !important; border-bottom: 2px solid #f3f4f6 !important; }
.trophies-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 18px !important; background-color: #f97316 !important; border-radius: 2px !important; }
.trophies-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 16px !important; }
.trophy-card { background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; padding: 16px !important; transition: border-color 0.2s ease !important; }
.trophy-card:hover { border-color: #f97316 !important; }
.trophy-header { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; }
.trophy-icon { width: 38px !important; height: 38px !important; border-radius: 8px !important; background: #fff7ed !important; color: #ea580c !important; border: 1px solid #ffedd5 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.trophy-name { font-size: 14px !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; }
.trophy-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
.trophy-item { display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 13px !important; padding: 4px 8px !important; background: #ffffff !important; border: 1px solid #f3f4f6 !important; border-radius: 6px !important; }
.honor-label { font-weight: 600 !important; color: #4b5563 !important; }
.honor-years { font-weight: 700 !important; color: #111827 !important; }
.gold-badge { color: #d97706 !important; }
.silver-badge { color: #64748b !important; }
.bronze-badge { color: #b45309 !important; }

/* 6. Coaches Table */
.coaches-container { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; padding: 24px !important; overflow-x: auto !important; }
.coaches-title { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; padding-bottom: 14px !important; margin-bottom: 20px !important; border-bottom: 2px solid #f3f4f6 !important; }
.coaches-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 18px !important; background-color: #f97316 !important; border-radius: 2px !important; }
.coaches-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; font-size: 14px !important; color: #374151 !important; }
.coaches-table th { background: #1f2937 !important; color: #ffffff !important; font-weight: 700 !important; text-align: left !important; padding: 12px 16px !important; }
.coaches-table th:first-child { border-top-left-radius: 8px !important; text-align: center !important; }
.coaches-table th:last-child { border-top-right-radius: 8px !important; }
.coaches-table td { padding: 12px 16px !important; border-bottom: 1px solid #f3f4f6 !important; }
.coaches-table tr:hover td { background-color: #fff7ed !important; }
.col-num { text-align: center !important; font-weight: 600 !important; color: #9ca3af !important; width: 50px !important; }
.col-name { font-weight: 700 !important; color: #111827 !important; }
.badge { display: inline-block !important; padding: 4px 10px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important; }
.badge-license { background: #f3f4f6 !important; color: #374151 !important; border: 1px solid #e5e7eb !important; }
.badge-team { background: #16a34a !important; color: #ffffff !important; }
.badge-head { background: #fff7ed !important; color: #ea580c !important; border: 1px solid #ffedd5 !important; }
.badge-assistant { background: #f0fdf4 !important; color: #16a34a !important; border: 1px solid #dcfce7 !important; }

/* 7. Coaching Staff & Management Cards */
.staff-section { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; padding: 24px !important; }
.staff-title { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; padding-bottom: 14px !important; margin-bottom: 20px !important; border-bottom: 2px solid #f3f4f6 !important; }
.staff-title::before { content: "" !important; display: inline-block !important; width: 4px !important; height: 18px !important; background-color: #f97316 !important; border-radius: 2px !important; }
.staff-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 20px !important; }

/* 8. Team Photo Banners (U19 & Samgurali 2) */
.u19-container, .samgurali2-container { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; padding: 24px !important; }
.u19-header, .samgurali2-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-bottom: 16px !important; margin-bottom: 20px !important; border-bottom: 2px solid #f3f4f6 !important; flex-wrap: wrap !important; gap: 12px !important; }
.u19-title-group, .samgurali2-title-group { display: flex !important; align-items: center !important; gap: 12px !important; }
.u19-title-group::before, .samgurali2-title-group::before { content: "" !important; display: inline-block !important; width: 5px !important; height: 24px !important; background-color: #f97316 !important; border-radius: 3px !important; }
.u19-title, .samgurali2-title { font-size: 20px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 !important; }
.u19-badge, .samgurali2-badge { background: #fff7ed !important; color: #ea580c !important; border: 1px solid #ffedd5 !important; font-size: 12px !important; font-weight: 700 !important; padding: 5px 12px !important; border-radius: 20px !important; }
.u19-image-card, .samgurali2-image-card { position: relative !important; width: 100% !important; border-radius: 12px !important; overflow: hidden !important; border: 1px solid #f3f4f6 !important; }
.u19-image-card img, .samgurali2-image-card img { width: 100% !important; height: auto !important; display: block !important; object-fit: cover !important; }
.u19-caption, .samgurali2-caption { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: linear-gradient(to top, rgba(17, 24, 39, 0.85), transparent) !important; padding: 24px 20px 16px 20px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 600 !important; }

/* Mobile Responsiveness Rules */
@media (max-width: 680px) {
  .license-content, .u19-header, .samgurali2-header { flex-direction: column !important; align-items: flex-start !important; }
  .license-badges { width: 100% !important; }
  .trophies-grid, .staff-grid { grid-template-columns: 1fr !important; }
}

/* ==========================================
   SQUAD PAGE STYLES
   ========================================== */

.squad-wrapper {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.squad-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.squad-header-icon {
  width: 38px !important;
  height: 38px !important;
  background: #f0fdf4 !important;
  border: 1px solid #dcfce7 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.squad-header h2 {
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.squad-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.player-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.player-card:hover {
  transform: translateY(-4px) !important;
  border-color: #22c55e !important;
  box-shadow: 0 6px 16px rgba(34, 197, 94, 0.12) !important;
  background: #ffffff !important;
}

.player-photo-box {
  width: 100% !important;
  height: 190px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
  position: relative !important;
}

.player-photo-box img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.3s ease !important;
  display: block !important;
}

.player-card:hover .player-photo-box img {
  transform: scale(1.05) !important;
}

.player-number-badge {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: rgba(34, 197, 94, 0.9) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  z-index: 2 !important;
}

.player-info {
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  flex: 1 !important;
}

.player-name {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

.player-card:hover .player-name {
  color: #16a34a !important;
}

@media (max-width: 480px) {
  .squad-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .player-photo-box {
    height: 160px !important;
  }
}

/* ==========================================
   MANAGEMENT PAGE STYLES
   ========================================== */

#dle-contentt > h1,
#dle-contentt > h2,
.static-page-title {
  display: none !important;
}

.management-wrapper {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.management-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.management-header-icon {
  width: 36px !important;
  height: 36px !important;
  background: #f0fdf4 !important;
  border: 1px solid #dcfce7 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.management-header h2 {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.management-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.staff-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.staff-card:hover {
  transform: translateY(-4px) !important;
  border-color: #22c55e !important;
  box-shadow: 0 6px 16px rgba(34, 197, 94, 0.12) !important;
  background: #ffffff !important;
}

.staff-photo-box {
  width: 100% !important;
  height: 190px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}

.staff-photo-box img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.3s ease !important;
  display: block !important;
}

.staff-card:hover .staff-photo-box img {
  transform: scale(1.05) !important;
}

.staff-info {
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 !important;
}

.staff-role {
  color: #16a34a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}

.staff-name {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

@media (max-width: 480px) {
  .management-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .staff-photo-box {
    height: 160px !important;
  }
   
}
/* ==========================================
   ORGANIZATIONAL CHART STYLES
   ========================================== */

.org-chart-container {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 32px 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  font-family: inherit !important;
  color: #1f2937 !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Header */
.org-chart-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  border-bottom: 2px solid #f3f4f6 !important;
  padding-bottom: 20px !important;
  margin-bottom: 32px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.org-title-block h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 4px 0 !important;
}

.org-title-block .subtitle {
  font-size: 14px !important;
  color: #6b7280 !important;
  margin: 0 !important;
}

.org-meta {
  background: #fff7ed !important;
  border: 1px solid #ffedd5 !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  text-align: right !important;
  font-size: 12px !important;
  color: #c2410c !important;
}

.org-meta strong {
  display: block !important;
  font-size: 13px !important;
}

/* Tree Structure */
.org-tree {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

.org-node {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Cards Base */
.org-tree .card {
  border-radius: 10px !important;
  padding: 12px 18px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

/* Founder Card */
.founder-card {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  min-width: 260px !important;
  max-width: 100% !important;
}

.founder-card .role {
  display: block !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  opacity: 0.85 !important;
}

.founder-card .name {
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Executive Card */
.executive-card {
  background: linear-gradient(135deg, #ea580c, #c2410c) !important;
  color: #ffffff !important;
  min-width: 300px !important;
  max-width: 100% !important;
}

.executive-card .role {
  display: block !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  opacity: 0.85 !important;
}

.executive-card .title {
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* Arrows */
.arrow-connector {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 6px 0 !important;
  color: #9ca3af !important;
  width: 100% !important;
}

.arrow-connector svg {
  display: block !important;
}

/* Branches Grid */
.org-branches {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  margin-top: 4px !important;
  box-sizing: border-box !important;
}

.branch-column {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Branch Headers */
.branch-header {
  background: #1f2937 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border: 1px solid #111827 !important;
  width: 100% !important;
}

/* Item Cards */
.branch-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

.item-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  text-align: center !important;
  transition: all 0.22s ease !important;
  box-sizing: border-box !important;
}

.item-card:hover {
  background: #ffffff !important;
  border-color: #f97316 !important;
  color: #ea580c !important;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.12) !important;
  transform: translateY(-2px) !important;
}

/* Responsive Rules */
@media (max-width: 850px) {
  .org-branches {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .org-chart-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .org-meta {
    text-align: left !important;
  }

  .founder-card,
  .executive-card {
    min-width: 100% !important;
  }
}
/* ==========================================
   UEFA & NATIONAL LICENSE BANNER STYLES
   ========================================== */

.license-card {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border: 1px solid #334155 !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.25) !important;
  margin-bottom: 24px !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Background Glow Effect */
.license-card::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  right: -20% !important;
  width: 250px !important;
  height: 250px !important;
  background: radial-gradient(circle, rgba(249, 115, 22, 0.15) 0%, rgba(0, 0, 0, 0) 70%) !important;
  pointer-events: none !important;
}

.license-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  position: relative !important;
  z-index: 2 !important;
  flex-wrap: wrap !important;
}

.license-info {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 1 !important;
  min-width: 260px !important;
}

.license-icon-box {
  background: rgba(249, 115, 22, 0.12) !important;
  border: 1px solid rgba(249, 115, 22, 0.3) !important;
  color: #f97316 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.license-text-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.license-status {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #f97316 !important;
}

.license-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

.license-badges {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.badge-item {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  backdrop-filter: blur(4px) !important;
}

.badge-item.verified {
  border-color: rgba(34, 197, 94, 0.4) !important;
  background: rgba(34, 197, 94, 0.1) !important;
  color: #4ade80 !important;
}

.badge-check {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* Responsive */
@media (max-width: 680px) {
  .license-content {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .license-badges {
    width: 100% !important;
  }
}
/* ==========================================
   CLUB HISTORY & TIMELINE STYLES
   ========================================== */

.history-container {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 32px 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  font-family: inherit !important;
  color: #374151 !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  line-height: 1.6 !important;
}

/* Title Header */
.history-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  padding-bottom: 16px !important;
  margin-bottom: 24px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.history-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 24px !important;
  background-color: #f97316 !important;
  border-radius: 3px !important;
}

/* Feature Hero Box */
.history-hero {
  background: linear-gradient(135deg, #1f2937, #111827) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.history-hero-badge {
  display: inline-block !important;
  background: #f97316 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.history-hero p {
  margin: 0 !important;
  font-size: 14px !important;
  color: #e5e7eb !important;
  line-height: 1.7 !important;
}

/* General Text Paragraphs */
.history-text {
  font-size: 14px !important;
  color: #4b5563 !important;
  margin-bottom: 16px !important;
}

.history-text strong {
  color: #111827 !important;
}

/* Info Box / Stadium Section */
.info-box {
  background: #f9fafb !important;
  border-left: 4px solid #f97316 !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 14px 18px !important;
  margin: 20px 0 !important;
  font-size: 14px !important;
  color: #374151 !important;
}

/* Squad List Box */
.squad-box {
  background: #fff7ed !important;
  border: 1px solid #ffedd5 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 24px 0 !important;
}

.squad-box h4 {
  margin: 0 0 12px 0 !important;
  font-size: 15px !important;
  color: #ea580c !important;
  font-weight: 700 !important;
}

.squad-staff {
  font-size: 13px !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px dashed #fed7aa !important;
  color: #1f2937 !important;
}

.squad-players {
  font-size: 13px !important;
  color: #4b5563 !important;
  line-height: 1.8 !important;
}

/* Timeline Layout */
.timeline {
  position: relative !important;
  padding-left: 20px !important;
  margin: 28px 0 !important;
  border-left: 2px solid #e5e7eb !important;
}

.timeline-item {
  position: relative !important;
  margin-bottom: 20px !important;
  padding-left: 15px !important;
}

.timeline-item::before {
  content: "" !important;
  position: absolute !important;
  left: -26px !important;
  top: 6px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background-color: #f97316 !important;
  border: 2px solid #ffffff !important;
}

.timeline-year {
  font-weight: 800 !important;
  color: #111827 !important;
  font-size: 14px !important;
  display: inline-block !important;
  margin-right: 6px !important;
}

.timeline-desc {
  font-size: 14px !important;
  color: #4b5563 !important;
}

/* Achievements Grid */
.achievements-section {
  margin-top: 32px !important;
  padding-top: 24px !important;
  border-top: 2px solid #f3f4f6 !important;
}

.achievements-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

.achievement-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 16px !important;
  transition: all 0.2s ease !important;
}

.achievement-card:hover {
  background: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.08) !important;
}

.achievement-card h5 {
  margin: 0 0 8px 0 !important;
  font-size: 13px !important;
  color: #16a34a !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.achievement-card ul {
  margin: 0 !important;
  padding-left: 18px !important;
  font-size: 13px !important;
  color: #374151 !important;
}

.achievement-card li {
  margin-bottom: 4px !important;
}

/* Sponsor Footer Tag */
.sponsor-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f3f4f6 !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin-top: 16px !important;
}

.sponsor-tag strong {
  color: #ea580c !important;
}

/* Responsive Rules */
@media (max-width: 640px) {
  .history-container {
    padding: 20px 16px !important;
  }
  
  .achievements-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================
   TROPHIES & HONORS STYLES
   ========================================== */

.trophies-container {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-family: inherit !important;
}

/* Section Header */
.trophies-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  padding-bottom: 14px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.trophies-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  background-color: #f97316 !important;
  border-radius: 2px !important;
}

/* Grid Layout */
.trophies-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
}

/* Individual Trophy Card */
.trophy-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 16px !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
}

.trophy-card:hover {
  background: #ffffff !important;
  border-color: #f97316 !important;
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.1) !important;
  transform: translateY(-2px) !important;
}

/* Card Header (Icon + Name) */
.trophy-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.trophy-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  background: #fff7ed !important;
  color: #ea580c !important;
  border: 1px solid #ffedd5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.trophy-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* List of Honours */
.trophy-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.trophy-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 6px !important;
}

.trophy-card:hover .trophy-item {
  background: #f9fafb !important;
}

.honor-label {
  font-weight: 600 !important;
  color: #4b5563 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.honor-years {
  font-weight: 700 !important;
  color: #111827 !important;
}

/* Medal Colors */
.gold-badge {
  color: #d97706 !important;
}

.silver-badge {
  color: #64748b !important;
}

.bronze-badge {
  color: #b45309 !important;
}

/* Responsive */
@media (max-width: 550px) {
  .trophies-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================
   FINANCIAL REPORTS PAGE STYLES
   ========================================== */

.reports-wrapper {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.reports-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.reports-header-icon {
  width: 42px !important;
  height: 42px !important;
  background: #f0fdf4 !important;
  border: 1px solid #dcfce7 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.reports-header h3 {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.reports-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 14px !important;
}

.report-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.report-card:hover {
  background: #ffffff !important;
  border-color: #22c55e !important;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.12) !important;
  transform: translateY(-2px) !important;
}

.report-info {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.pdf-icon {
  width: 36px !important;
  height: 36px !important;
  background: #fef2f2 !important;
  border: 1px solid #fee2e2 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.report-title {
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  transition: color 0.2s ease !important;
}

.report-card:hover .report-title {
  color: #16a34a !important;
}

.download-icon {
  color: #9ca3af !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.report-card:hover .download-icon {
  color: #16a34a !important;
  transform: translateY(2px) !important;
}

@media (max-width: 600px) {
  .reports-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================
   MANAGEMENT / SQUAD CARD STYLES
   ========================================== */

.mgmt-section {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 24px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-family: inherit !important;
}

/* Header */
.mgmt-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  padding-bottom: 14px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.mgmt-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  background-color: #f97316 !important; /* ნარინჯისფერი აქცენტი */
  border-radius: 2px !important;
}

/* Grid Wrapper */
.mgmt-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
}

/* Single Card Item */
.mgmt-card {
  background: #ffffff !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 16px !important;
}

.mgmt-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.12) !important;
  border-color: #fed7aa !important;
}

/* Image Wrapper */
.mgmt-img-wrapper {
  width: 100% !important;
  height: 200px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f9fafb !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

.mgmt-img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.3s ease !important;
}

.mgmt-card:hover .mgmt-img-wrapper img {
  transform: scale(1.03) !important;
}

/* Role Badge */
.mgmt-role {
  display: inline-block !important;
  background: #fff7ed !important;
  color: #c2410c !important;
  border: 1px solid #ffedd5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.3px !important;
}

/* Name Link */
.mgmt-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

.mgmt-name a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.mgmt-name a:hover {
  color: #ea580c !important;
}

/* Responsive */
@media (max-width: 500px) {
  .mgmt-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================
   COACHING STAFF CARD STYLES
   ========================================== */

.staff-section {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-family: inherit !important;
}

/* Header */
.staff-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  padding-bottom: 14px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid #f3f4f6 !important;
}

.staff-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  background-color: #f97316 !important;
  border-radius: 2px !important;
}

/* Grid Wrapper */
.staff-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
}

/* Single Card Item */
.staff-card {
  background: #ffffff !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 16px !important;
}

.staff-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.12) !important;
  border-color: #fed7aa !important;
}

/* Image Wrapper */
.staff-img-wrapper {
  width: 100% !important;
  height: 220px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f9fafb !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

.staff-img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.3s ease !important;
}

.staff-card:hover .staff-img-wrapper img {
  transform: scale(1.03) !important;
}

/* Role Badge */
.staff-role {
  display: inline-block !important;
  background: #fff7ed !important;
  color: #c2410c !important;
  border: 1px solid #ffedd5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.3px !important;
}

/* Name Link */
.staff-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin: 0 !important;
}

.staff-name a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.staff-name a:hover {
  color: #ea580c !important;
}

/* Responsive */
@media (max-width: 500px) {
  .staff-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================
   YOUTH TEAMS BANNER STYLES (UNIVERSAL)
   ========================================== */

.youth-team-container {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-family: inherit !important;
}

/* Header Section */
.youth-team-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid #f3f4f6 !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.youth-team-title-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.youth-team-title-group::before {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 24px !important;
  background-color: #f97316 !important;
  border-radius: 3px !important;
}

.youth-team-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
}

.youth-team-badge {
  background: #fff7ed !important;
  color: #ea580c !important;
  border: 1px solid #ffedd5 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  letter-spacing: 0.5px !important;
}

/* Hide empty badge automatically */
.youth-team-badge:empty {
  display: none !important;
}

/* Photo Wrapper */
.youth-team-image-card {
  position: relative !important;
  width: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #f3f4f6 !important;
}

.youth-team-image-card img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.youth-team-image-card:hover img {
  transform: scale(1.015) !important;
}

/* Photo Overlay Caption */
.youth-team-caption {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(to top, rgba(17, 24, 39, 0.85), transparent) !important;
  padding: 24px 20px 16px 20px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Responsive */
@media (max-width: 550px) {
  .youth-team-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
/* ==========================================
   LAYOUT, SIDEBAR & FOOTER FIXED STYLES
   ========================================== */

/* 1. ძირითადი Flexbox კონტეინერი - ყოველთვის გვერდი-გვერდ */
.main-layout-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 15px !important;
}

/* მარცხენა ბლოკი (მატჩები, ცხრილები) */
.p-blok-right {
  float: none !important;
  width: 280px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

/* მარჯვენა მთავარი კონტენტი (ანგარიშგება, შემადგენლობა) */
#dle-contentt {
  float: none !important;
  flex-grow: 1 !important;
  width: calc(100% - 295px) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}

/* 2. სურათების და ბარათების ადაპტაცია */
#dle-contentt img {
  max-width: 100% !important;
  height: auto !important;
}

.squad-grid, 
.management-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.player-photo-box img, 
.staff-photo-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}

/* 3. ფუტერის სწორი პოზიციონირება */
.p-tavi {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  width: 100% !important;
}

.gb-baner-3 {
  margin-top: auto !important;
  clear: both !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
  padding-top: 40px !important;
}

/* 4. მობილურის/პლანშეტის ადაპტაცია */
@media (max-width: 991px) {
  .main-layout-wrapper {
    flex-direction: row !important;
    gap: 10px !important;
  }

  .p-blok-right {
    width: 40% !important;
    min-width: 140px !important;
  }

  #dle-contentt {
    width: 60% !important;
  }
}