/*
Theme Name: LakayPay
Theme URI: https://lakaypay.com/
Author: Medya 360
Author URI: https://medya360.info/
Description: Theme ofisyèl LakayPay — "Pa voye kach. Peye dirèk. Resevwa resi a." Header ak footer mak LakayPay, tipografi Plus Jakarta Sans, koulè emwòd ak lò. Fèt espesyalman pou plugin LakayPay.
Version: 1.3.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lakaypay
*/

/* ============ BAZ ============ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
    color: #0f172a;
    background: #fff;
    line-height: 1.6;
}
a { color: #047857; }
img { max-width: 100%; height: auto; }
.lkp-site-main { display: block; min-height: 55vh; }

/* ============ HEADER ============ */
.lkp-site-header {
    background: #042f2e;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 18px rgba(4, 47, 46, 0.35);
}
.lkp-site-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.7rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.lkp-site-logo img { display: block; height: 38px; width: auto; }
.lkp-site-nav { margin-left: auto; }
.lkp-theme-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.15rem 0.95rem;
    align-items: center;
}
.lkp-theme-menu a {
    color: #e7f5ef;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.35rem 0;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}
.lkp-theme-menu a:hover { color: #fbbf24; border-bottom-color: #fbbf24; }
/* v1.2.2: dropdown "Wè plis" (desktop). */
.lkp-more-item { position: relative; }
.lkp-more-item > a { cursor: pointer; }
.lkp-more-item .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 230px;
    background: #053b39;
    border-radius: 0.7rem;
    padding: 0.45rem;
    margin: 0;
    list-style: none;
    box-shadow: 0 14px 34px rgba(0,0,0,0.4);
    z-index: 300;
}
.lkp-more-item:hover > .sub-menu,
.lkp-more-item:focus-within > .sub-menu { display: block; }
.lkp-more-item .sub-menu a {
    display: block;
    padding: 0.6rem 0.85rem;
    border-bottom: none;
    border-radius: 0.45rem;
    white-space: nowrap;
}
.lkp-more-item .sub-menu a:hover { background: rgba(251,191,36,0.12); }
/* v1.1.0: bouton hamburger (mobil sèlman). */
.lkp-menu-toggle {
    display: none;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    border-radius: 0.6rem;
    font-size: 1.3rem;
    line-height: 1;
    padding: 0.45rem 0.7rem;
    cursor: pointer;
    margin-left: auto;
}
.lkp-menu-toggle:hover { border-color: #fbbf24; color: #fbbf24; }
.lkp-site-lang { display: flex; gap: 0.4rem; align-items: center; }
.lkp-site-lang a, .lkp-site-lang span {
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    text-decoration: none;
}
.lkp-site-lang a { color: #e7f5ef; border: 1px solid rgba(255,255,255,0.25); }
.lkp-site-lang a:hover { border-color: #fbbf24; color: #fbbf24; }
.lkp-site-lang .lkp-lang-current { background: #fbbf24; color: #042f2e; }
@media (max-width: 920px) {
    /* v1.2.2: flex-wrap OBLIGATWA — san li, panèl meni a (order:4, width:100%)
       pa ka desann sou pwòp liy li epi l kraze nan header lan. */
    .lkp-site-header-inner { gap: 0.8rem; flex-wrap: wrap; }
    .lkp-menu-toggle { display: block; }
    .lkp-site-nav {
        display: none;
        order: 4;
        width: 100%;
        margin-left: 0;
        border-top: 1px solid rgba(255,255,255,0.12);
        padding-top: 0.4rem;
    }
    .lkp-site-header.lkp-nav-open .lkp-site-nav { display: block; padding-bottom: 0.6rem; }
    .lkp-theme-menu { flex-direction: column; align-items: stretch; gap: 0; }
    .lkp-theme-menu a {
        display: block;
        padding: 0.65rem 0.2rem;
        border-bottom: 1px solid rgba(255,255,255,0.07);
        font-size: 1rem;
        white-space: normal;
    }
    .lkp-site-lang { margin-left: 0; }
    /* v1.2.2: sou mobil, atik "Wè plis" yo parèt tou dwat (pa dropdown). */
    .lkp-more-item > a:first-child { display: none; }
    .lkp-more-item .sub-menu {
        display: block;
        position: static;
        background: transparent;
        box-shadow: none;
        padding: 0;
        min-width: 0;
    }
    .lkp-more-item .sub-menu a { padding: 0.65rem 0.2rem 0.65rem 1rem; }
}
/* v1.2.2: ti ekran (telefòn piti) — logo yon ti jan pi piti pou tout rantre. */
@media (max-width: 420px) {
    .lkp-site-header-inner { padding: 0.6rem 0.9rem; gap: 0.6rem; }
    .lkp-site-logo img { height: 32px; }
}

/* ============ FOOTER ============ */
.lkp-site-footer {
    background: #042f2e;
    color: #d7e8e0;
    margin-top: 3rem;
}
.lkp-site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.6rem 1.25rem 1.2rem;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 2rem;
}
.lkp-site-footer strong { color: #fff; display: block; margin-bottom: 0.6rem; }
.lkp-site-footer-brand p { margin: 0.3rem 0; font-size: 0.95rem; }
.lkp-site-footer-col a {
    display: block;
    color: #d7e8e0;
    text-decoration: none;
    font-size: 0.92rem;
    padding: 0.22rem 0;
}
.lkp-site-footer-col a:hover { color: #fbbf24; }
.lkp-site-footer-note {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 1.25rem 1.4rem;
    border-top: 1px solid rgba(255,255,255,0.12);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.82rem;
    opacity: 0.85;
}
@media (max-width: 720px) {
    .lkp-site-footer-inner { grid-template-columns: 1fr; }
}

/* ============ KONTNI JENERIK ============ */
.lkp-theme-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 2.5rem 1.25rem;
}
.lkp-theme-content h1 { font-size: 2rem; color: #042f2e; }

/* v1.3.0: bouton koneksyon global patnè (header). */
.lkp-header-cta {
    display: inline-block;
    background: #fbbf24;
    color: #042f2e;
    font-weight: 800;
    font-size: 0.9rem;
    padding: 0.55rem 1.1rem;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 0.6rem;
}
.lkp-header-cta:hover { background: #f59e0b; color: #042f2e; }
@media (max-width: 920px) {
    .lkp-header-cta { display: none; }
}