/*
Theme Name: Sakti Naturals
Description: Faithful WordPress conversion of the supplied Sakti Naturals HTML website, with individual page and product templates and native grid blog posts.
Version: 1.0.4
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: sakti-naturals
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Original page CSS is loaded separately, without redesign. */
.admin-bar #header{top:32px}
@media(max-width:782px){.admin-bar #header{top:46px}}
@media(max-width:600px){.admin-bar #header.scrolled{top:0}}
.menu .sub-menu{list-style:none;position:absolute;background:#fff;padding:16px;min-width:180px;display:none;box-shadow:var(--shadow);border-radius:12px}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
.menu li{position:relative}
@media(max-width:1100px){.menu .sub-menu{position:static;box-shadow:none;padding:10px 0 0 12px}.menu.open{overflow-y:auto}}
/* Requested blog grid: retain original card styling and breakpoint. */
.sn-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sn-blog-grid .post-img{aspect-ratio:1730/909}
.sn-blog-grid .post-img.fit img{object-fit:contain;padding:10px;background:var(--mint)}
.sn-blog-grid .post-body{flex:1;display:flex;flex-direction:column}
.sn-blog-grid .read{margin-top:auto;padding-top:16px}
.sn-blog-grid .post-meta{flex-wrap:wrap}
@media(max-width:1100px){.sn-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sn-blog-grid{grid-template-columns:1fr}}
.sn-pagination{display:flex;gap:10px;justify-content:center;margin-top:35px;flex-wrap:wrap}
.sn-pagination .page-numbers{padding:8px 16px;border:1px solid var(--line);border-radius:10px}
.sn-pagination .current{background:var(--forest);color:#fff}
.entry-content .wp-block-image img{height:auto}
.entry-content .wp-block-embed iframe{max-width:100%}

/* Default WordPress pages share About Us headings and a readable native content area. */
.sn-default-page .article-sec{padding:72px 0}
.sn-default-page .art{max-width:820px;margin:0 auto;line-height:1.85}
.sn-default-page .entry-content h2,.sn-default-page .entry-content h3{color:var(--forest);margin:1.5em 0 .6em}
.sn-default-page .entry-content p{margin:0 0 1.2em}
.entry-content img{max-width:100%;height:auto}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-table{overflow-x:auto}
.page-head h1 .ph-word{overflow-wrap:anywhere}
@media(max-width:640px){.sn-default-page .article-sec{padding:44px 0}}