/**
 * MG 2025 Minimal Theme - Override Only
 * Mantiene struttura default, cambia SOLO colori e gallery
 * VERSIONE: 2025-12-04 - MOBILE 2 COLONNE HOMEPAGE ATTIVA
 */

/* ========== COLORI BLACK & WHITE ========== */

/* Header - Gestito da navbar.css (sfondo nero fisso) */
/* NON sovrascrivere la navbar - deve restare nera con testo bianco */

/* Background bianco puro */
body {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Pulsanti - Nero */
.btn-primary {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.btn-primary:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

.btn-outline-primary {
  border-color: #000000 !important;
  color: #000000 !important;
}

.btn-outline-primary:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Footer - Bianco con testo nero */
footer {
  background-color: #ffffff !important;
  border-top: 1px solid #000000 !important;
  color: #000000 !important;
}

footer a {
  color: #000000 !important;
}

footer .text-muted {
  color: #666666 !important;
}

/* ========== GALLERY ZERO GAP ========== */

/* Rimuovi tutti i gap nelle gallery */
.row.g-4,
.row.g-3,
.row.gy-4,
.row.gy-3 {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  margin: 0 !important;
}

/* Thumbs gallery - ZERO padding e margin */
.photo-grid,
.photo-gallery,
.gallery-grid,
.row[class*="row-cols"] {
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.photo-grid > *,
.photo-gallery > *,
.gallery-grid > *,
.row[class*="row-cols"] > * {
  padding: 0 !important;
  margin: 0 !important;
}

/* Carte foto - NO border, NO border-radius */
.card {
  border: none !important;
  border-radius: 0 !important;
  background: #000000 !important;
}

.card img {
  border-radius: 0 !important;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hover effect minimal */
.card:hover {
  transform: scale(1.01);
  transition: transform 0.2s ease;
  z-index: 10;
  position: relative;
}

/* User cards gallery */
.user-card {
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.user-card img {
  border-radius: 0 !important;
}

/* ========== TYPOGRAPHY MINIMAL ========== */

h1, h2, h3, h4, h5, h6 {
  font-weight: 300 !important;
  color: #000000 !important;
}

p, span, div {
  font-weight: 300 !important;
}

/* ========== REMOVE SHADOWS ========== */

.card,
.btn,
.navbar,
.modal,
.dropdown-menu {
  box-shadow: none !important;
}

/* ========== BORDERS BLACK ========== */

.border,
.border-top,
.border-bottom {
  border-color: #000000 !important;
}

/* ========== ACCENT GOLD REMOVED ========== */

/* Sostituisci accent gold con nero */
.text-primary,
.bg-primary {
  color: #000000 !important;
  background-color: #000000 !important;
}

/* Link neri */
a {
  color: #000000 !important;
  text-decoration: none !important;
}

a:hover {
  color: #666666 !important;
}

/* ============================================
   HOMEPAGE MOBILE - 2 COLONNE (OVERRIDE FINALE)
   ============================================ */

/* Mobile: 2 colonne SOLO homepage - Override ultra aggressivo */
@media (max-width: 767px) {
    /* Specificità MASSIMA - 4 selettori annidati con html */
    html body .mg2025-home-container .mg2025-photo-gallery,
    html body .mg2025-recent-photos .mg2025-photo-gallery,
    html body div.mg2025-home-container .mg2025-photo-gallery,
    html body section.mg2025-recent-photos .mg2025-photo-gallery,
    body .mg2025-home-container .mg2025-photo-gallery,
    body .mg2025-recent-photos .mg2025-photo-gallery,
    .mg2025-home-container .mg2025-photo-gallery.mg2025-photo-gallery {
        column-count: 2 !important;
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
        
        /* Zero gap tra colonne */
        column-gap: 0 !important;
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        
        /* Forza width 100% */
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Elementi foto: larghezza 100% per ogni colonna */
    body .mg2025-home-container .mg2025-photo-gallery .pt,
    body .mg2025-home-container .mg2025-photo-gallery .mg2025-photo,
    body .mg2025-recent-photos .mg2025-photo-gallery .pt,
    body .mg2025-recent-photos .mg2025-photo-gallery .mg2025-photo,
    .mg2025-home-container .mg2025-photo-gallery .pt.pt,
    .mg2025-home-container .mg2025-photo-gallery .mg2025-photo.mg2025-photo {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        break-inside: avoid !important;
        display: inline-block !important;
        vertical-align: top !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Immagini: NO CROP - mostra immagine completa con sfondo nero */
    body .mg2025-home-container .mg2025-photo-gallery .pt img,
    body .mg2025-home-container .mg2025-photo-gallery .pt-image,
    body .mg2025-home-container .mg2025-photo-gallery .pt-image-container img,
    body .mg2025-home-container .mg2025-photo-gallery .mg2025-photo-img,
    body .mg2025-recent-photos .mg2025-photo-gallery .pt img,
    body .mg2025-recent-photos .mg2025-photo-gallery .pt-image,
    body .mg2025-recent-photos .mg2025-photo-gallery .pt-image-container img,
    body .mg2025-recent-photos .mg2025-photo-gallery .mg2025-photo-img,
    .mg2025-home-container .mg2025-photo-gallery .pt img,
    .mg2025-home-container .mg2025-photo-gallery .pt-image,
    .mg2025-home-container .mg2025-photo-gallery .pt-image-container img,
    .mg2025-home-container .mg2025-photo-gallery .mg2025-photo-img {
        object-fit: contain !important; /* NO CROP - mostra immagine completa */
        background-color: #000 !important; /* Sfondo nero per eventuali spazi */
        background: #000 !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Container immagini con sfondo nero */
    body .mg2025-home-container .mg2025-photo-gallery .pt,
    body .mg2025-home-container .mg2025-photo-gallery .pt-image-container,
    body .mg2025-home-container .mg2025-photo-gallery .mg2025-photo,
    body .mg2025-recent-photos .mg2025-photo-gallery .pt,
    body .mg2025-recent-photos .mg2025-photo-gallery .pt-image-container,
    body .mg2025-recent-photos .mg2025-photo-gallery .mg2025-photo,
    .mg2025-home-container .mg2025-photo-gallery .pt,
    .mg2025-home-container .mg2025-photo-gallery .pt-image-container,
    .mg2025-home-container .mg2025-photo-gallery .mg2025-photo {
        background-color: #000 !important;
        background: #000 !important;
    }
}

/* Mobile S (<480px) - Mantieni 2 colonne anche su schermi piccoli */
@media (max-width: 479px) {
    body .mg2025-home-container .mg2025-photo-gallery,
    body .mg2025-recent-photos .mg2025-photo-gallery,
    .mg2025-home-container .mg2025-photo-gallery.mg2025-photo-gallery {
        column-count: 2 !important;
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
    }
}