/*
Theme Name: Developer Resource Lite
Theme URI: https://developer-resource.com
Author: Site Admin
Description: Lightweight block theme for developer-resource.com with persistent left nav and a top banner ad slot.
Version: 1.0.1
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 8.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: developer-resource-lite
*/

/* ---- Minimal but opinionated polish ---- */

:root{
  --dr-radius: 18px;
  --dr-radius-sm: 14px;
  --dr-border: 1px solid var(--wp--preset--color--muted);
}

/* Ensure lists look like lists (legacy HTML imports often suffer here) */
.dr-prose ul, .dr-prose ol{
  padding-left: 1.25rem;
  margin: 0.5rem 0 1rem;
}
.dr-prose li{ margin: 0.2rem 0; }

/* Cards */
.dr-card{
  border-radius: var(--dr-radius);
  border: var(--dr-border);
}
.dr-card:hover{
  border-color: color-mix(in srgb, var(--wp--preset--color--brand) 55%, var(--wp--preset--color--muted));
}

/* Sidebar */
.dr-sidebar{
  border-radius: var(--dr-radius);
  border: var(--dr-border);
}
@media (min-width: 960px){
  .dr-sticky{
    position: sticky;
    top: 18px;
  }
}

/* Sidebar nav links */
.dr-side-nav .wp-block-navigation__container{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.dr-side-nav .wp-block-navigation-item__content{
  display: block;
  padding: 8px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--wp--preset--color--text);
}
.dr-side-nav .wp-block-navigation-item__content:hover{
  background: var(--wp--preset--color--muted);
  color: var(--wp--preset--color--text);
}

/* Search in sidebar */
.dr-sidebar .wp-block-search__inside-wrapper{
  border-radius: 12px;
  overflow: hidden;
  border: var(--dr-border);
}
.dr-sidebar .wp-block-search__input{
  background: transparent;
}

/* Ad slot */
.dr-ad-slot {
  width: 100%;
  min-height: 90px; /* typical leaderboard */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dr-radius);
  border: var(--dr-border);
}

/* Footer */
.dr-footer-links{
  font-size: 0.95rem;
}
.dr-footer-links a{
  text-decoration: none;
}
.dr-footer-links a:hover{
  text-decoration: underline;
}