/* ===== Legacy Lions Club — restore-fixes.css =====
   Desain rapi untuk markup Avada/Fusion Builder, tanpa ubah HTML
*/

/* ---------- Theme tokens (fallback) ---------- */
:root{
  --bg:#f6f8fc;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --navy: #0d47a1;     /* biru Lions */
  --navy-2:#0b3a84;
  --gold: #f59e0b;     /* aksen emas */
  --shadow:0 10px 28px rgba(2,12,27,.06);
  --radius:14px;
  --max:1200px;
  --gap:clamp(14px,2vw,26px);
  --pad:clamp(14px,3vw,28px);
  --t:16px;
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:400 var(--t)/1.75 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,var(--bg),#fff 40%,#fff);
}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration:none}
a:hover{color:var(--navy-2);text-decoration:underline}
h1,h2,h3{line-height:1.2;margin:1.1em 0 .55em}
h1{font-size:clamp(28px,4vw,40px)}
h2{font-size:clamp(22px,3vw,28px)}
h3{font-size:clamp(18px,2.4vw,22px)}
p{margin:.85em 0}
ul{padding-left:1.2em} li{margin:.3em 0}

/* ---------- Global wrappers ---------- */
#wrapper,.fusion-wrapper{max-width:100%;margin:0 auto}
.container,
:where(.site,.wrap,.content-area,.entry-content,.fusion-content-wrapper){
  max-width:var(--max);
  margin-inline:auto;
  padding-inline:var(--pad);
}

/* ---------- Header (tiga kolom: logo – nav – CTA) ---------- */
.fusion-tb-header{background:#fff;border-bottom:1px solid var(--border)}
.fusion-column-wrapper{min-width:0}
.fusion-image-element .fusion-imageframe img{max-height:64px}

/* tombol CTA kanan */
.fusion-button.button-1,
.fusion-button.button-2,
.fusion-button.button-3{
  display:inline-block;
  padding:.8em 1.3em;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--navy);
  color:#fff;
  box-shadow:0 6px 16px rgba(13,71,161,.25);
}
.fusion-button.button-1:hover,
.fusion-button.button-2:hover,
.fusion-button.button-3:hover{background:var(--navy-2)}

/* ---------- Grid Avada/Fusion ---------- */
.fusion-row{display:grid;grid-template-columns:1fr;gap:var(--gap)}

/* breakpoint utama */
@media (min-width:768px){
  .fusion-row{grid-template-columns:repeat(12,1fr)}
  /* kolom umum (outer) */
  .fusion-layout-column.fusion_builder_column_1_1{grid-column:1 / -1}
  .fusion-layout-column.fusion_builder_column_1_2{grid-column:span 6}
  .fusion-layout-column.fusion_builder_column_1_3{grid-column:span 4}
  .fusion-layout-column.fusion_builder_column_2_3{grid-column:span 8}
  .fusion-layout-column.fusion_builder_column_1_4{grid-column:span 3}
  .fusion-layout-column.fusion_builder_column_3_4{grid-column:span 9}
  /* kolom nested (inner) */
  .fusion_builder_column_inner_1_1{grid-column:1 / -1}
  .fusion_builder_column_inner_1_2{grid-column:span 6}
  .fusion_builder_column_inner_1_3{grid-column:span 4}
  .fusion_builder_column_inner_2_3{grid-column:span 8}
  .fusion_builder_column_inner_1_4{grid-column:span 3}
  .fusion_builder_column_inner_3_4{grid-column:span 9}
}

/* ---------- Section “card” look ---------- */
section,
.fusion-fullwidth,
.fusion-builder-row,
.wp-block-group{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:var(--gap);
  margin:calc(var(--gap)*1.2) auto;
}

/* Section pertama (hero) dengan nuansa biru) */
.fusion-builder-row-2,
.fusion-fullwidth.video-background{
  background:
    radial-gradient(1400px 600px at 10% -10%, rgba(13,71,161,.12), transparent 60%),
    linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%);
  border:1px solid rgba(13,71,161,.18);
  overflow:hidden;
}

/* Video hero */
.fullwidth-video{position:absolute;inset:0;z-index:0}
.fullwidth-video video{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  filter:saturate(1.05) contrast(1.02);
}
.fullwidth-overlay{position:absolute;inset:0;z-index:1}
.fusion-builder-row-2 > .fusion-row,
.fusion-builder-row-2 .fusion-column-wrapper{position:relative;z-index:2}

/* ---------- Titles & text ---------- */
.fusion-title .fusion-title-heading{font-weight:800}
.fusion-title.fusion-title-1 .fusion-title-heading{
  color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.25);
  letter-spacing:.5px;
}
.fusion-title .fusion-highlighted-text-wrapper{position:relative}
.fusion-title .fusion-highlighted-text-wrapper:after{
  content:"";display:block;width:72px;height:4px;margin:.35em auto 0;
  background:var(--gold);border-radius:999px
}
.fusion-text{font-size:1rem}
.fusion-text p{margin:.85em 0}

/* ---------- “Feature” baris 4 kartu ---------- */
.fusion-builder-row-3 .fusion_builder_column_inner_1_4{
  transition:transform .25s ease, box-shadow .25s ease
}
.fusion-builder-row-3 .fusion_builder_column_inner_1_4:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(2,12,27,.08)
}

/* ---------- Separators ---------- */
.fusion-separator-border{opacity:.9}
.sep-dotted{border-top-style:dotted}

/* ---------- Buttons (umum) ---------- */
button,.button,.wp-block-button__link,input[type=submit],a.button{
  display:inline-block;
  padding:.75em 1.15em;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--navy);
  color:#fff;
}
button:hover,.button:hover,.wp-block-button__link:hover,input[type=submit]:hover,a.button:hover{
  background:var(--navy-2)
}

/* ---------- Image frames ---------- */
.fusion-imageframe img{border-radius:12px;box-shadow:0 6px 18px rgba(2,12,27,.08)}

/* ---------- Tables / forms / quotes ---------- */
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95em;background:#fff;
  border:1px solid var(--border);border-radius:10px;overflow:hidden}
th,td{border-bottom:1px solid var(--border);padding:.7em .9em}
thead th{background:#f6f7fb}
blockquote{border-left:4px solid var(--gold);padding:.2rem 1rem;background:#fff8e7;color:#3a2f0b;border-radius:8px}
form input,form select,form textarea{
  width:100%;padding:.7em .8em;border:1px solid var(--border);border-radius:10px;background:#fff
}

/* ---------- Footer ---------- */
.fusion-footer,footer{border-top:1px solid var(--border);background:#fafafa;color:var(--muted);padding:1rem 0}

/* ---------- Utilities ---------- */
.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%)}
.alignwide{width:min(100%,calc(var(--max)+120px));margin-inline:auto}
figcaption,.wp-caption{font-size:.9em;color:var(--muted);text-align:center}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 1279.98px){
  .fusion-no-medium-visibility{display:none !important}
}
@media (max-width: 850.98px){
  .fusion-no-small-visibility{display:none !important}
  .fusion-title .fusion-title-heading{font-weight:800}
  .fusion-title.fusion-title-1 .fusion-title-heading{font-size:clamp(24px,8vw,40px)}
  .fusion-builder-row-2{padding:calc(var(--gap)*1.2)}
}