/*
Theme Name: One Era Kinera Flatsome Child
Theme URI: https://oneerakinera.com/
Description: Giao diện con dành cho website One Era Kinera, tương thích Flatsome và UX Builder.
Author: RealPlus
Template: flatsome
Version: 1.0.0
Text Domain: one-era
*/

:root {
  --oe-primary: #008080;
  --oe-primary-dark: #005f60;
  --oe-ink: #163437;
  --oe-muted: #667779;
  --oe-sand: #f7f4ee;
  --oe-white: #ffffff;
  --oe-line: #dce8e7;
}

body { color: var(--oe-ink); }
h1, h2, h3, h4 { color: var(--oe-ink); letter-spacing: -.02em; }
.oe-kicker { color: var(--oe-primary); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.oe-lead { color: var(--oe-muted); font-size: 18px; line-height: 1.75; }
.oe-card { background: #fff; border: 1px solid var(--oe-line); border-radius: 18px; box-shadow: 0 12px 36px rgba(17,65,66,.08); padding: 28px; height: 100%; }
.oe-card h3 { margin-top: 0; }
.oe-stat { border-left: 3px solid var(--oe-primary); padding: 4px 0 4px 18px; }
.oe-stat strong { color: var(--oe-primary-dark); display: block; font-size: 30px; }
.oe-note { background: #eef8f7; border-left: 4px solid var(--oe-primary); border-radius: 8px; padding: 18px 20px; }
.oe-legal { background: #fff9e9; border: 1px solid #ecdcae; border-radius: 10px; color: #675624; padding: 16px 18px; }
.oe-table { border-collapse: collapse; width: 100%; }
.oe-table th { background: var(--oe-primary); color: #fff; text-align: left; }
.oe-table th, .oe-table td { border: 1px solid var(--oe-line); padding: 13px 14px; }
.oe-section-dark, .oe-section-dark h2, .oe-section-dark h3 { color: #fff; }
.oe-form { background: #fff; border-radius: 18px; box-shadow: 0 16px 45px rgba(0,45,46,.16); padding: 26px; }
.oe-form-grid { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.oe-form label { color: var(--oe-ink); display: block; font-weight: 600; margin-bottom: 6px; }
.oe-form input, .oe-form select, .oe-form textarea { border: 1px solid #cbdcdb; border-radius: 8px; margin: 0; min-height: 46px; padding: 10px 12px; width: 100%; }
.oe-form textarea { min-height: 96px; }
.oe-form button { background: var(--oe-primary); border: 0; border-radius: 8px; color: #fff; cursor: pointer; font-weight: 700; padding: 13px 20px; width: 100%; }
.oe-form button:hover { background: var(--oe-primary-dark); }
.oe-span-2 { grid-column: 1 / -1; }
.oe-floating { bottom: 18px; display: flex; flex-direction: column; gap: 9px; position: fixed; right: 18px; z-index: 9999; }
.oe-floating a { align-items: center; background: var(--oe-primary); border-radius: 999px; box-shadow: 0 8px 24px rgba(0,0,0,.2); color: #fff; display: flex; font-size: 14px; font-weight: 700; gap: 7px; padding: 11px 16px; }
.oe-floating a:last-child { background: #871618; }
@media (max-width: 650px) { .oe-form-grid { grid-template-columns: 1fr; } .oe-span-2 { grid-column: auto; } .oe-floating a { padding: 10px 13px; } }