/* ============================================================
   Vinile raffinato — redesign navbar, lista aste, risultati ricerca
   Solo layout/stile. Non modifica la hero, i form o il codice PHP.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root
{
    --mpg-ink: #0e0e0e;
    --mpg-surface: #faf7f2;
    --mpg-card: #ffffff;
    --mpg-orange: #de6712;
    --mpg-orange-deep: #b4520b;
    --mpg-line: #e8e1d6;
    --mpg-muted: #6f6a63;
    --mpg-display: 'Fraunces', Georgia, 'Times New Roman', serif;
}

/* Sfondo pagina bianco-caldo (la hero ha il suo sfondo, non viene toccata) */
body
{
    background-color: var(--mpg-surface);
}

/* ===================== NAVBAR ===================== */
.navbar.fixed-top
{
    background-color: var(--mpg-ink) !important;
    border-bottom: 1px solid rgba(222, 103, 18, 0.35);
}

.navbar .navbar-brand
{
    letter-spacing: 0.02em;
}

.navbar .navbar-nav .nav-link
{
    color: rgba(255, 255, 255, 0.72) !important;
    text-transform: uppercase;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 0.5rem 0.95rem !important;
    transition: color 0.2s ease;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show
{
    color: var(--mpg-orange) !important;
}

/* Menu a tendina (Top Artists) */
.navbar .dropdown-menu-dark
{
    background-color: #141210;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45);
    padding: 0.4rem;
    max-height: 70vh;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.navbar .dropdown-menu-dark::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}

.navbar .dropdown-menu-dark .dropdown-item
{
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.88rem;
    border-radius: 2px;
    padding: 0.45rem 0.75rem;
}

.navbar .dropdown-menu-dark .dropdown-item:hover,
.navbar .dropdown-menu-dark .dropdown-item:focus
{
    background-color: var(--mpg-orange);
    color: #fff;
}

/* Icone social */
.navbar .social-icons a
{
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.2s ease;
}

.navbar .social-icons a:hover
{
    color: var(--mpg-orange);
}

/* ===================== INTESTAZIONI SEZIONE ===================== */
.results-filter h4,
.results-count h4
{
    font-family: var(--mpg-display);
    font-weight: 600;
    letter-spacing: -0.01em;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0.6rem;
}

/* Firma: filetto a "solco di vinile" sotto il titolo */
.results-filter h4::after
{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 66px;
    height: 3px;
    background: repeating-linear-gradient(90deg, var(--mpg-orange) 0 6px, transparent 6px 9px);
}

/* ===================== FILTRI / ORDINAMENTO ===================== */
.results-filter
{
    border-bottom: 1px solid var(--mpg-line);
    padding-bottom: 0.85rem;
}

.results-filter .results-count span
{
    color: var(--mpg-muted);
    font-size: 0.9rem;
}


.results-filter .form-select
{
    border-radius: 2px;
    border-color: var(--mpg-line);
    color: var(--mpg-ink);
    font-size: 0.88rem;
}

.results-filter .form-select:focus
{
    border-color: var(--mpg-orange);
    box-shadow: 0 0 0 0.15rem rgba(222, 103, 18, 0.15);
}

/* ===================== CARD ARTICOLO — griglia verticale (aste + risultati) ===================== */
.auction-item
{
    display: flex;
    flex-direction: column;
    background: var(--mpg-card);
    border: 1px solid var(--mpg-line);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

.auction-item:hover
{
    border-color: rgba(222, 103, 18, 0.55);
    box-shadow: 0 14px 34px rgba(24, 16, 8, 0.10);
    transform: translateY(-3px);
}

/* Copertina in alto, tutte della stessa altezza */
.auction-item .auction-image
{
    aspect-ratio: 1 / 1;
    background: #f6f1e9;
    border-bottom: 1px solid var(--mpg-line);
    overflow: hidden;
}

.auction-item .auction-image a
{
    display: block;
    width: 100%;
    height: 100%;
}

.auction-item .auction-image img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Corpo della card */
.auction-item .auction-details
{
    flex: 1 1 auto;
    padding: 0.9rem 1rem 0.6rem;
}

.auction-item .auction-title
{
    font-family: var(--mpg-display);
    font-weight: 600;
    font-size: 0.98rem;
    line-height: 1.3;
    margin: 0 0 0.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.auction-item .auction-title a
{
    color: var(--mpg-ink);
    text-decoration: none;
    transition: color 0.2s ease;
}

.auction-item .auction-title a:hover
{
    color: var(--mpg-orange);
}

.auction-item .auction-meta
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.9rem;
    font-size: 0.78rem;
    color: var(--mpg-muted);
}

.auction-item .auction-meta i
{
    color: var(--mpg-orange);
    margin-right: 0.2rem;
}

/* Piede: prezzo + azione */
.auction-item .auction-foot
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem 1rem;
    margin-top: 0.4rem;
    border-top: 1px solid var(--mpg-line);
}

.auction-item .auction-price
{
    font-family: var(--mpg-display);
    font-weight: 700;
    font-size: 1.3rem;
    color: var(--mpg-orange);
    line-height: 1;
}

/* Bottone azione */
.auction-item .btn-outline-primary
{
    --bs-btn-color: var(--mpg-ink);
    --bs-btn-border-color: var(--mpg-ink);
    --bs-btn-hover-bg: var(--mpg-ink);
    --bs-btn-hover-border-color: var(--mpg-ink);
    --bs-btn-active-bg: var(--mpg-ink);
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.4rem 0.9rem;
    white-space: nowrap;
}

/* ===================== SIDEBAR (Browse by Genre) ===================== */
.sidebar .sidebar-widget
{
    background: var(--mpg-card) !important;
    border: 1px solid var(--mpg-line);
    box-shadow: none !important;
    border-radius: 4px !important;
}

.sidebar .sidebar-widget h4
{
    font-family: var(--mpg-display);
    font-weight: 600;
}

.sidebar .sidebar-widget a
{
    color: var(--mpg-ink);
    text-decoration: none;
    transition: color 0.2s ease;
}

.sidebar .sidebar-widget a:hover
{
    color: var(--mpg-orange);
}

/* ===================== PAGINAZIONE ===================== */
.pagination .page-link
{
    color: var(--mpg-ink);
    border-color: var(--mpg-line);
    border-radius: 2px !important;
    margin: 0 2px;
}

.pagination .page-link:hover
{
    color: var(--mpg-orange);
    border-color: rgba(222, 103, 18, 0.5);
}

.pagination .page-item.active .page-link
{
    background-color: var(--mpg-ink);
    border-color: var(--mpg-ink);
    color: #fff;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 767.98px)
{
    .results-filter
    {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.6rem;
    }
}

/* ===================== PAGINA DETTAGLIO (item_details.php) ===================== */
#titlediv
{
    font-family: var(--mpg-display);
    color: var(--mpg-ink) !important;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.details-subtitle
{
    color: var(--mpg-muted) !important;
}

.details-subtitle .text-success
{
    font-family: var(--mpg-display);
    color: var(--mpg-orange) !important;
    font-weight: 700;
}

/* Pannello principale dell'articolo */
main .bg-white.shadow
{
    border: 1px solid var(--mpg-line);
    border-radius: 6px;
    box-shadow: 0 12px 34px rgba(24, 16, 8, 0.06) !important;
}

/* Immagine copertina dell'articolo */
[data-lightbox="image-1"] img
{
    border: 1px solid var(--mpg-line);
    border-radius: 4px;
    background: #fff;
}

/* Titolo descrizione */
main h4
{
    font-family: var(--mpg-display);
    font-weight: 600;
    color: var(--mpg-ink);
}

/* Bottone "Back" */
.btn-outline-secondary
{
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.72rem;
    font-weight: 600;
}

/* ===== Related Items ===== */
.img-rel-item
{
    border: 1px solid var(--mpg-line);
    border-radius: 3px;
    background: #fff;
    transition: transform 0.2s ease;
}

.img-rel-item:hover
{
    transform: translateY(-2px);
}

.other_title
{
    font-family: var(--mpg-display);
    color: var(--mpg-ink);
    transition: color 0.2s ease;
}

.other_title:hover
{
    color: var(--mpg-orange);
}

.other_price
{
    font-family: var(--mpg-display);
    color: var(--mpg-orange) !important;
    font-weight: 700;
}

.other_date
{
    color: var(--mpg-muted);
}

/* ===== Auction Details (spec list) ===== */
.auction-specs
{
    background: var(--mpg-card);
    border: 1px solid var(--mpg-line);
    border-radius: 6px;
    overflow: hidden;
}

.auction-specs .spec-title
{
    font-family: var(--mpg-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--mpg-ink);
    margin: 0;
    padding: 0.7rem 1rem;
    background: #faf7f2;
    border-bottom: 1px solid var(--mpg-line);
}

.auction-specs .spec-row
{
    --bs-gutter-x: 0;
    margin: 0;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--mpg-line);
    align-items: center;
}

.auction-specs .spec-row:last-child
{
    border-bottom: none;
}

.auction-specs .spec-label
{
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
    color: var(--mpg-muted);
}

.auction-specs .spec-value
{
    color: var(--mpg-ink);
    font-weight: 500;
}

.auction-specs .spec-price
{
    font-family: var(--mpg-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mpg-orange);
}

/* ===================== PRICE GUIDE ===================== */
.pg-page #main .bg-orange-500
{
    border-radius: 8px;
    border: none !important;
}

.pg-page #main .bg-orange-500 h1
{
    font-family: var(--mpg-display);
    font-weight: 600;
}

.pg-page .form-select,
.pg-page .form-control
{
    border-radius: 2px;
    border-color: var(--mpg-line);
}

.pg-page .form-select:focus,
.pg-page .form-control:focus
{
    border-color: var(--mpg-orange);
    box-shadow: 0 0 0 0.15rem rgba(222, 103, 18, 0.15);
}

/* Riga articolo (layout orizzontale, non card) */
.pg-page .pg-item
{
    padding: 1rem 0.5rem;
    margin: 0;
    border-bottom: 1px solid var(--mpg-line);
    align-items: center;
    transition: background 0.2s ease;
}

.pg-page .pg-item:hover
{
    background: #fbf7f1;
}

.pg-page .pg-item .h5
{
    font-family: var(--mpg-display);
    font-weight: 600;
    color: var(--mpg-ink) !important;
    display: inline-block;
    margin-bottom: 0.25rem;
    transition: color 0.2s ease;
}

.pg-page .pg-item .h5:hover
{
    color: var(--mpg-orange) !important;
}

/* Elenco artisti (vista senza artista) */
.pg-page .column-list
{
    list-style: none;
    padding-left: 0;
}

.pg-page .column-list li
{
    break-inside: avoid;
    margin-bottom: 0.45rem;
}

.pg-page .column-list a
{
    color: var(--mpg-ink);
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
}

.pg-page .column-list a:hover
{
    color: var(--mpg-orange);
}

/* ===================== DETAILS (scheda release) ===================== */
.details-page h2 .text-success
{
    font-family: var(--mpg-display);
    color: var(--mpg-orange) !important;
    font-weight: 700;
}

/* Dati tecnici (Label, Cat.No, Country, Year, Release Type) */
.details-page .detail-fact
{
    color: var(--mpg-ink) !important;
    border-bottom: 1px solid var(--mpg-line) !important;
    padding: 0.55rem 0.25rem;
}

.details-page .detail-fact strong
{
    color: var(--mpg-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
}

.details-page .fact-label
{
    color: var(--mpg-muted) !important;
}

.details-page .fact-label strong
{
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.details-page .valued-price
{
    font-family: var(--mpg-display);
    color: var(--mpg-orange) !important;
    font-weight: 700;
    font-size: 1.35rem !important;
}

/* Tabella prezzo per condizione (grading) */
.details-page .grade-table
{
    border: 1px solid var(--mpg-line);
    border-radius: 6px;
    overflow: hidden;
    margin-top: 0.7rem;
    max-width: 360px;
}

.details-page .grade-row
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.45rem 0.85rem;
    border-bottom: 1px solid var(--mpg-line);
    font-size: 0.85rem;
}

.details-page .grade-row:last-child
{
    border-bottom: none;
}

.details-page .grade-row:nth-child(odd)
{
    background: #faf7f2;
}

.details-page .grade-name
{
    font-weight: 600;
    color: var(--mpg-ink);
}

.details-page .grade-price
{
    font-family: var(--mpg-display);
    font-weight: 700;
    color: var(--mpg-orange);
    white-space: nowrap;
}

/* Intestazioni sezioni correlate */
.details-page .bg-secondary
{
    background-color: var(--mpg-ink) !important;
    font-family: var(--mpg-display);
    border-radius: 4px;
}

/* Sidebar "Select an Artist" */
.details-page .col-md-3.bg-light
{
    background: var(--mpg-card) !important;
    border: 1px solid var(--mpg-line);
    border-radius: 6px;
}