/* ==========================================================================
   SAFFMedic — Tema Footer Utama (#0e745b)
   --------------------------------------------------------------------------
   Keputusan owner: panel utama footer memakai hijau #0e745b, sementara header
   dikembalikan ke warna putih.

   File ini dimuat TERAKHIR pada layouts.seo (setelah @yield('page-css') dan
   @stack('styles')), sehingga menimpa latar .footer yang duplikat di setiap
   public/css/pages/*.css tanpa mengubah satu pun file halaman.

   Bar legal paling bawah (.footer-bottom-wrapper / .footer-bottom) SENGAJA
   TIDAK disentuh — warnanya tetap seperti sebelumnya (#f5f0e8 dengan teks
   cokelat), sesuai screenshot owner.

   Kontras terhadap #0e745b (luminance relatif 0.1334):
     rgba(255,255,255,.88) -> 4.93 : 1  (AA, teks normal)
     rgba(255,255,255,.86) -> 4.70 : 1  (AA, teks normal 14px)
     rgba(255,255,255,.84) -> 4.62 : 1  (AA, teks normal 13px)
     rgba(255,255,255,.82) -> 4.53 : 1  (AA, teks normal 14px)
     #FFFFFF                -> 5.73 : 1  (AA, judul kolom)
     Ikon sosial (putih di atas rgba(255,255,255,.12)) -> 4.36 : 1 (ikon)
     Hover ikon sosial (putih di atas #0e745b) -> 5.73 : 1
   Struktur, isi, urutan, dan URL tautan footer tidak diubah.
   ========================================================================== */

.footer {
    background: #0e745b;
    color: rgba(255, 255, 255, .88);
}

/* Teks & tautan dinaikkan opasitasnya agar tetap terbaca pada hijau
   #0e745b yang lebih terang daripada hijau tua sebelumnya. */
.footer-brand p {
    color: rgba(255, 255, 255, .82);
}

.footer-brand address {
    color: rgba(255, 255, 255, .84);
}

.footer-brand address a {
    color: rgba(255, 255, 255, .9);
}

.footer-col h4 {
    color: #fff;
}

.footer-col a {
    color: rgba(255, 255, 255, .86);
}

/* Hover: putih penuh + garis bawah, bukan aksen hijau lama yang kontrasnya
   rendah di atas #0e745b. */
.footer-brand address a:hover,
.footer-col a:hover,
.footer-col a.active-link {
    color: #fff;
}

.footer-col a:hover {
    text-decoration: underline;
}

/* Ikon media sosial — bingkai lebih tegas agar ikon putih terbaca. */
.footer-social a {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .3);
}

.footer-social a:hover {
    background: #fff;
    border-color: #fff;
    color: #0e745b;
}

/* Logo di dalam panel footer: file aslinya memakai wordmark hijau tua dengan
   outline putih, yang menyatu dengan latar hijau. Disamakan menjadi putih
   solid di semua halaman (beberapa CSS halaman belum punya aturan ini). */
.footer-brand img {
    filter: brightness(0) invert(1);
}

/* ==========================================================================
   Footer legacy (Tailwind) — diseragamkan ke identitas yang sama.
   --------------------------------------------------------------------------
   Halaman legacy (layout/app + partials.footer) memakai panel berwarna berbeda:
   panel utama sebelumnya bg-[#0E524210] dengan teks darkgreen, panel bawah
   bg-darkgreen (#0E5242). Keduanya kini memakai keluarga hijau #0e745b agar
   satu identitas visual footer berlaku di seluruh halaman SAFFMedic.

   Panel utama  : #0e745b (identitas utama, sama dengan footer SEO)
   Panel bawah  : #0a5340 (aksen hijau lebih gelap sebagai pemisah sub-panel)
   Bar legal    : tidak ada di footer legacy — struktur tidak diubah.
   ========================================================================== */

.footer-lg-main {
    background: #0e745b;
    color: rgba(255, 255, 255, .88);
}

.footer-lg-main h2 {
    color: #fff;
}

.footer-lg-main a {
    color: rgba(255, 255, 255, .86);
}

.footer-lg-main a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Wordmark hijau tua tidak terbaca di atas #0e745b — samakan menjadi putih. */
.footer-lg-brand img {
    filter: brightness(0) invert(1);
}

.footer-lg-sub {
    background: #0a5340;
    color: rgba(255, 255, 255, .88);
}

.footer-lg-sub h2 {
    color: #fff;
}

.footer-lg-sub a {
    color: rgba(255, 255, 255, .86);
}

.footer-lg-sub a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-lg-sub .footer-social a:hover {
    background: #fff;
    border-color: #fff;
    color: #0a5340;
}

/* Kolom "Company Member" di panel bawah memakai lebar tetap 250px pada
   breakpoint md, sedangkan kisi 4 kolom di dalam wadah 5/6 hanya menyisakan
   ~172px per kolom di lebar 768px. Akibatnya halaman legacy (mitra, form,
   form-demo, form-request-demo, harga/kso) melebar 26px pada 768px.
   Lebar kolom dibiarkan mengikuti lebar kisi; isi kolom tetap sama. */
@media (min-width: 768px) {
    .footer-lg-sub .md\:w-\[250px\] {
        width: auto;
    }
}