/*
Theme Name: Warta Ringan
Theme URI: https://example.com/warta-ringan
Author: Codex
Author URI: https://example.com
Description: Lightweight block theme for a clean Indonesian-style news portal. Built for Gutenberg and compatible with free block plugins.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: warta-ringan
Tags: blog, news, block-patterns, full-site-editing, editor-style, custom-logo, featured-images
*/

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
}

a {
  text-underline-offset: 0.18em;
}

.wp-site-blocks {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wp-site-blocks > main {
  flex: 1;
}

.wp-block-navigation a,
.wr-classic-menu a,
.wp-block-post-title a,
.wp-block-query-pagination a {
  text-decoration: none;
}

.wp-block-post-title a:hover,
.wp-block-navigation a:hover,
.wr-classic-menu a:hover,
.wp-block-query-pagination a:hover {
  color: var(--wp--preset--color--brand);
}

.wr-classic-menu {
  width: 100%;
}

.wr-menu-list,
.wr-menu-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wr-menu-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--wp--preset--spacing--50);
}

.wr-menu-list li {
  position: relative;
}

.wr-menu-list a {
  color: var(--wp--preset--color--base);
  display: block;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  line-height: 1.2;
  padding: 0.35rem 0;
}

.wr-menu-list .current-menu-item > a,
.wr-menu-list .current_page_item > a,
.wr-menu-list .current-menu-ancestor > a {
  color: var(--wp--preset--color--brand);
}

.wr-menu-list ul {
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--line);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  left: 0;
  min-width: 210px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  visibility: hidden;
  z-index: 20;
}

.wr-menu-list li:hover > ul,
.wr-menu-list li:focus-within > ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.wr-menu-list ul a {
  color: var(--wp--preset--color--ink);
  padding: 0.75rem 1rem;
}

.wr-menu-list ul li + li {
  border-top: 1px solid var(--wp--preset--color--line);
}

.wp-block-post-featured-image img {
  display: block;
}

.is-style-kicker {
  color: var(--wp--preset--color--brand);
  font-size: var(--wp--preset--font-size--tiny);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.is-style-card-shadow {
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.wr-border-top {
  border-top: 4px solid var(--wp--preset--color--brand);
}

.wr-sidebar-widgets,
.wr-widget-empty {
  display: grid;
  gap: var(--wp--preset--spacing--50);
}

.wr-widget {
  border-bottom: 1px solid var(--wp--preset--color--line);
  padding-bottom: var(--wp--preset--spacing--40);
}

.wr-widget:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.wr-widget-title,
.wr-widget .wp-block-heading {
  border-top: 4px solid var(--wp--preset--color--brand);
  font-size: var(--wp--preset--font-size--large);
  margin-top: 0;
  padding-top: var(--wp--preset--spacing--30);
}

.wr-widget ul,
.wr-sidebar-widgets ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.wr-widget li,
.wr-sidebar-widgets li {
  border-bottom: 1px solid var(--wp--preset--color--line);
  padding: 0.55rem 0;
}

.wr-widget li:last-child,
.wr-sidebar-widgets li:last-child {
  border-bottom: 0;
}

.wr-widget a,
.wr-sidebar-widgets a {
  color: var(--wp--preset--color--ink);
  font-weight: 700;
  text-decoration: none;
}

.wr-widget a:hover,
.wr-sidebar-widgets a:hover {
  color: var(--wp--preset--color--brand);
}

@media (max-width: 720px) {
  .wp-block-navigation__responsive-container-open {
    padding: 0.35rem;
  }

  .wr-menu-list {
    align-items: stretch;
    display: grid;
    gap: 0;
  }

  .wr-menu-list a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    padding: 0.75rem 0;
  }

  .wr-menu-list ul {
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 1;
    padding-left: var(--wp--preset--spacing--40);
    position: static;
    transform: none;
    visibility: visible;
  }

  .wr-menu-list ul a {
    color: var(--wp--preset--color--base);
  }
}