/*
Theme Name: Roamer
Theme URI: https://example.com/roamer
Author: Roamer
Description: Tema WordPress + WooCommerce untuk toko perlengkapan outdoor. Desain editorial ala expedition: hijau hutan, oranye signal, Manrope + Inter.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
WC requires at least: 8.0
License: GPL-2.0-or-later
Text Domain: roamer
*/

:root{
  --rm-primary:#102016; --rm-primary-container:#25352a; --rm-on-primary-container:#8c9e8f;
  --rm-secondary:#a33e00; --rm-secondary-container:#fe7f43;
  --rm-surface:#faf9f6; --rm-low:#f4f4f0; --rm-container:#eeeeea; --rm-high:#e8e8e5; --rm-highest:#e2e3df; --rm-lowest:#ffffff;
  --rm-outline:#737873; --rm-outline-variant:#c3c8c1; --rm-text:#1a1c1a; --rm-text-variant:#434843;
  --rm-error:#ba1a1a;
}
html{scroll-behavior:smooth}
body{background:var(--rm-surface);color:var(--rm-text);font-family:Inter,system-ui,sans-serif;overscroll-behavior:none}
h1,h2,h3,h4,h5,h6{font-family:Manrope,Inter,sans-serif}
.rm-main{padding-top:6rem;min-height:60vh}
#rm-header{position:fixed;top:0;left:0;right:0;z-index:50}
.admin-bar #rm-header{top:32px}
@media (max-width:782px){.admin-bar #rm-header{top:46px}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;user-select:none}
.rm-nav>ul>li>a,.rm-nav>li>a{display:flex;align-items:center;height:100%;padding-bottom:2px;border-bottom:2px solid transparent}
.rm-nav .current-menu-item>a,.rm-nav .current-menu-ancestor>a,.rm-nav .current_page_item>a{color:var(--rm-primary);font-weight:700;border-bottom-color:var(--rm-primary)}
.rm-prose{line-height:1.75;color:var(--rm-text-variant);font-size:16px}
.rm-prose h2{font-size:28px;font-weight:700;color:var(--rm-primary);margin:2rem 0 .75rem}
.rm-prose h3{font-size:20px;font-weight:700;color:var(--rm-primary);margin:1.5rem 0 .5rem}
.rm-prose p{margin:0 0 1rem}
.rm-prose ul{list-style:disc;padding-left:1.25rem;margin:0 0 1rem}
.rm-prose ol{list-style:decimal;padding-left:1.25rem;margin:0 0 1rem}
.rm-prose a{color:var(--rm-secondary);text-decoration:underline}
.rm-prose img{height:auto}
.rm-steps{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--rm-outline)}
.rm-steps .on{color:var(--rm-primary)}
.rm-steps .dot{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--rm-high);color:var(--rm-text-variant)}
.rm-steps .on .dot{background:var(--rm-primary);color:#fff}
.rm-steps .sep{width:32px;height:1px;background:var(--rm-outline-variant)}