/*
Theme Name: BKP Studios
Theme URI: https://www.bkpstudios.com.my/
Author: BKP Studios
Description: A lightweight photographer and videographer theme built to work with Elementor. Light and dark modes, mobile menu, Elementor Theme Builder locations and ready-to-import homepage templates.
Version: 1.0.0
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: bkp-studios
*/

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg,#0F0F10);color:var(--fg,#F2EFEA);font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.6}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--acct,#E9B872)}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;line-height:1.15}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--acc);color:#141413;padding:12px 16px;z-index:100000}
.skip-link:focus{left:8px;top:8px}
.bkp-container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}

/* Header */
.site-header{background:var(--bg);position:relative;z-index:50}
.site-header .bkp-container{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px}
.site-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;letter-spacing:.04em;color:var(--fg);text-decoration:none;text-transform:uppercase}
.custom-logo{max-height:56px;width:auto}
.main-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:8px clamp(16px,3vw,32px)}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px clamp(16px,3vw,32px)}
.main-navigation a{color:var(--fg);text-decoration:none;padding:6px 0;display:inline-block}
.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--acct)}
.bkp-btn{display:inline-block;padding:12px 22px;font-weight:500;background:var(--acc);color:#141413!important;text-decoration:none;border:1px solid var(--acc)}
.bkp-btn:hover{opacity:.9}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--fg);min-height:44px;padding:8px 16px;font:inherit;cursor:pointer}
@media (max-width:768px){
  .nav-toggle{display:inline-block}
  .main-navigation{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-bottom:12px}
  .main-navigation.is-open{display:flex}
  .main-navigation ul{flex-direction:column;width:100%}
  .main-navigation a{padding:12px 0}
}

/* Content */
.site-main{min-height:50vh}
.page-content.bkp-elementor,.bkp-elementor .entry-content{padding:0;margin:0;max-width:none}
.entry-wrap{max-width:820px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(20px,4vw,32px)}
.entry-title{font-size:clamp(32px,5vw,52px);margin:0 0 24px}
.post-list article{padding:24px 0;border-bottom:1px solid var(--rule)}
.post-list h2{margin:0 0 8px;font-size:28px}
.post-list h2 a{color:var(--fg);text-decoration:none}
.entry-meta{color:var(--muted);font-size:15px}

/* Footer */
.site-footer{border-top:1px solid var(--rule);color:var(--muted);font-size:15px}
.site-footer .bkp-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:32px;padding-bottom:48px}
.site-footer a{color:inherit}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0}