/*
Theme Name: Leong Yu
Theme URI: https://leongyutrading.com/
Author: Leong Yu Trading Pte. Ltd.
Description: Company website theme for Leong Yu — software, apps and digital marketing. Bento Blue design.
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leongyu
*/

body{margin:0;background:#F6F8FB}
a{color:#2563EB}a:hover{color:#1E40AF}
@media (max-width: 760px){.f-nav a:not(:last-child){display:none !important}.f-h1{font-size:40px !important}.f-sec{padding:56px 16px !important}.f-span2{grid-column:auto !important;grid-row:auto !important}}
html{scroll-behavior:smooth}
*{box-sizing:border-box}

.ly-prose h1{margin:0 0 8px;font-size:40px;color:#0F172A;letter-spacing:-1px}
.ly-prose h2{font-size:22px;color:#0F172A;margin:32px 0 8px}
.ly-prose a{color:#2563EB}
.ly-prose img{max-width:100%;height:auto}

/* Responsive bento hero */
@media (max-width: 1000px){
  .f-bento{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width: 760px){
  .f-bento{grid-template-columns:minmax(0,1fr) !important;grid-auto-rows:auto !important}
  .f-bento > div{grid-column:auto !important;grid-row:auto !important;padding:28px !important;min-height:280px}
  .f-mkt{flex-wrap:wrap !important}
  .f-mkt > div{width:100% !important}
  .f-sec{padding-left:16px !important;padding-right:16px !important}
  form, #contact > div > div{min-width:0}
  #location{min-height:380px !important}
}
img,iframe{max-width:100%}

/* Mobile menu */
.f-menu{display:none;position:relative}
.f-menu summary{list-style:none;cursor:pointer;width:48px;height:48px;border-radius:12px;background:#FFFFFF;border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center}
.f-menu summary::-webkit-details-marker{display:none}
.f-menu[open] summary{border-color:#2563EB}
.f-menu-panel{position:absolute;right:0;top:58px;z-index:50;min-width:220px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;padding:8px;box-shadow:0 12px 32px rgba(15,23,42,0.14);display:flex;flex-direction:column}
.f-menu-panel a{display:block;padding:14px 16px;border-radius:10px;color:#0F172A;text-decoration:none;font-weight:500;font-size:16px}
.f-menu-panel a:hover{background:#F1F5F9}
@media (max-width: 760px){.f-menu{display:block}.f-header{flex-wrap:nowrap !important;padding:16px !important;gap:12px !important}.f-nav{padding:0 !important;border:0 !important;background:transparent !important}.f-nav a:last-child{padding:13px 16px !important;white-space:nowrap}}

/* Sticky navigation */
.f-headbar{position:sticky;top:0;z-index:100;background:rgba(246,248,251,0.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.admin-bar .f-headbar{top:32px}
@media (max-width: 782px){.admin-bar .f-headbar{top:46px}}
@media (max-width: 600px){.admin-bar .f-headbar{top:0}}
section[id],#location{scroll-margin-top:90px}
.f-headbar.is-scrolled{border-bottom-color:#E2E8F0}