/* ============================================================
   PAGINA LOCALĂ /carbuni-gratar-arges (owner, 18.10.2026). Marcajul: Views/Website/CarbuniGratarArges.cshtml; textele: Services/CarbuniArges.cs.
   Cardurile și secțiunile sunt cele de pe /peleti (/css/pages/peleti.css, încărcat înaintea acestui fișier); aici e doar ce e în plus:
   titlul de deasupra paletului de peleți, linkul „Vezi pe hartă”, datele firmei și grila de cărbuni pe calculator.
   Telefonul întâi: texte de cel puțin 12 px, linkuri de cel puțin 44 px, fără scroll lateral.
   ============================================================ */

/* Titlul „Peleți pentru iarnă, la preț de Argeș”, între cutiile de cărbuni și cardul paletului. */
.ag-subtitlu {
    margin: 18px 0 10px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
}

/* „Vezi pe hartă”: link spre Google Maps (fără hartă în pagină), cu zona de atingere de 44 px. */
.ag-harta {
    margin: 8px 0 0 !important;
}

    .ag-harta a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding: 8px 14px;
        border: 1px solid #444;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

        .ag-harta a::before {
            content: "📍";
            margin-right: 6px;
        }

        .ag-harta a:hover {
            border-color: var(--pl-rosu);
        }

        .ag-harta a:focus-visible,
        .ag-firma__date a:focus-visible {
            outline: 2px solid #fff;
            outline-offset: 2px;
        }

/* Datele firmei: etichetă și valoare, câte un rând pe telefon. */
.ag-firma__date {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 12px 14px;
    background: var(--pl-card);
    border: 1px solid var(--pl-bordura);
    border-radius: 12px;
}

    .ag-firma__date > div {
        display: flex;
        flex-wrap: wrap;
        gap: 0 8px;
        font-size: 14px;
        line-height: 1.5;
    }

    .ag-firma__date dt {
        min-width: 110px;
        color: var(--pl-text-slab);
        font-weight: 400;
    }

    .ag-firma__date dd {
        margin: 0;
        color: #fff;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

        .ag-firma__date dd a {
            display: inline-flex;
            align-items: center;
            min-height: 44px;
            margin: -12px 0;
            color: #fff;
        }

/* ===== calculator (de la 769 px): cutiile de cărbuni pe câte coloane încap (4 cutii pe un rând pe ecranele late) ===== */
@media (min-width: 769px) {
    .ag-grila {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    }

    .ag-subtitlu {
        margin-top: 28px;
        font-size: clamp(18px, 0.5vw + 12px, 24px);
    }

    .ag-firma__date {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        column-gap: 24px;
    }
}