/* ============================================================
   PUBLIC LANDING — estilos compartilhados entre todas as
   landing pages públicas de produto.
   Carregado pelo layout public.blade.php.
   ============================================================ */

/* ── Layout base ─────────────────────────────────────────────
   Antes definido inline em layouts/public.blade.php
   ──────────────────────────────────────────────────────────── */

.guaraipo-hero {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: var(--primary-contrast);
}

.guaraipo-section-title {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--primary-contrast);
}

/* ── Mel Teaser Section ──────────────────────────────────────
   Antes definido em partials/mel-landing-teaser.blade.php
   ──────────────────────────────────────────────────────────── */

.mel-teaser-section {
    background: #fffdf6;
    border-top: 1px solid rgba(245, 198, 35, 0.22);
    border-bottom: 1px solid rgba(245, 198, 35, 0.22);
}

.mel-teaser-card {
    background: linear-gradient(160deg, #fffdf6 0%, #fff5d6 100%);
    border: 1px solid rgba(245, 198, 35, 0.38);
    border-radius: 1.25rem;
}

.mel-teaser-bubble {
    background: #fff8e2;
    border: 1px solid rgba(245, 198, 35, 0.35);
    color: #3d2f0a;
    border-radius: 1rem;
    padding: 0.9rem 1.1rem;
    font-size: 0.95rem;
    line-height: 1.6;
}

.mel-teaser-reply {
    border-color: rgba(29, 21, 0, 0.25);
    color: #332400;
    background: rgba(255, 255, 255, 0.85);
    transition: border-color 0.12s, background 0.12s, color 0.12s;
}

.mel-teaser-reply:hover {
    border-color: rgba(29, 21, 0, 0.55);
    background: #fff;
    color: #1d1500;
}

.mel-teaser-reply[aria-pressed="true"] {
    background: var(--primary, #fac816);
    border-color: var(--primary, #fac816);
    color: #1d1500;
    font-weight: 600;
}

.mel-teaser-cta-btn {
    background: linear-gradient(135deg, #ffffff 0%, #2ca86d 100%);
    color: #1d1500;
    border: 1px solid rgba(29, 21, 0, 0.12);
    font-weight: 700;
}

.mel-teaser-cta-btn:hover {
    background: linear-gradient(135deg, #f8fffb 0%, #23945f 100%);
    color: #1d1500;
}

.mel-teaser-card--consorcio .mel-teaser-cta-btn {
    background: linear-gradient(135deg, #f5c623 0%, #ffffff 100%);
}

.mel-teaser-card--consorcio .mel-teaser-cta-btn:hover {
    background: linear-gradient(135deg, #e7b819 0%, #fff8e5 100%);
}

.mel-teaser-point-icon {
    flex-shrink: 0;
    margin-top: 0.15rem;
    color: var(--primary-dark, #b8900a);
    font-size: 0.85rem;
}

/* Inline-style removidos de mel-landing-teaser.blade.php */
.mel-teaser-section-title {
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--primary-contrast);
}

.mel-teaser-description {
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 440px;
}

.mel-teaser-legend {
    color: #6a5b3f;
}

.mel-teaser-mel-name {
    color: #3d2f0a;
    font-size: 0.95rem;
}

/* ── Guaraipo Home: shared cards/grid ─────────────────────── */

.guaraipo-card {
    border: 1px solid rgba(245, 198, 35, 0.24);
    border-radius: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.guaraipo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2rem rgba(29, 21, 0, 0.08);
}

.guaraipo-muted {
    color: #6f6760;
}

.guaraipo-cta {
    background: linear-gradient(135deg, #ffe9a5 0%, var(--primary) 100%);
    color: var(--primary-contrast);
}

.guaraipo-cta .text-white-50 {
    color: rgba(29, 21, 0, 0.75) !important;
}

.guaraipo-products-grid .col {
    display: flex;
}

.guaraipo-product-card {
    width: 100%;
}

.guaraipo-product-card-body {
    gap: 0.5rem;
}

.guaraipo-product-action {
    margin-top: auto;
}

.guaraipo-product-badge {
    color: #6f6760;
    border: 1px solid rgba(111, 103, 96, 0.35);
    font-weight: 500;
}

.guaraipo-product-action-disabled[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}