/*
Theme Name: Countdown Converter
Author: Countdown Converter
Description: The Countdown Converter night sky design for WordPress: a midnight header, a live moon on the home page, and gold countdown numbers. Made for the Countdown Converter plugin (countdowns, prayer times, converters and tools). Change the menus in Appearance → Menus, and the logo and site name in Appearance → Customize.
Version: 2.2.0
Requires at least: 5.8
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: weekwell
Tags: one-column, custom-logo, custom-menu, featured-images, rtl-language-support, translation-ready
*/

/* The main design is in assets/site.css (shared with the Countdown Converter tools). This file styles WordPress content. */
/* WordPress puts class="page" on <body> for every page; the design uses .page for content blocks */
body.page{display:block;padding:0;gap:0}
.logo img{height:34px;width:auto;display:block}
header.top nav a.current{color:var(--gold-bright)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:12px;z-index:100;clip:auto;width:auto;height:auto;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:8px}

/* pages that hold a Countdown Converter tool: your own blocks above and below it */
.ww-page{padding-bottom:40px}
.ww-page>*:not(.ww-tool){max-width:780px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.ww-page>.alignwide{max-width:1160px}
.ww-page>.alignfull{max-width:none;padding-left:0;padding-right:0}
.ww-page>*:not(.ww-tool):first-child{margin-top:36px}
.ww-page>p,.ww-page>ul,.ww-page>ol,.ww-extra p{font-size:18px;line-height:1.75}
.ww-extra{max-width:780px;margin:24px auto;padding-inline:20px}

/* WordPress content */
.entry-content{display:block}
.entry-content>*+*{margin-top:1.1em}
.entry-content p{margin:0}
.entry-content h2{font-size:clamp(28px,3.5vw,36px);margin-top:1.3em}
.entry-content h3{font-size:24px;margin-top:1.2em}
.entry-content ul,.entry-content ol{padding-left:24px;font-size:18px;line-height:1.75}
.entry-content a,.comment-content a{color:var(--gold-text)}
.entry-content img{max-width:100%;height:auto;border-radius:12px}
.entry-content figure{margin:0}
.entry-content figcaption,.wp-caption-text{font-size:14px;color:var(--muted);margin-top:6px}
.entry-content blockquote{margin:0;border-left:3px solid var(--gold);padding:4px 18px;color:var(--muted);font-style:italic}
.entry-content hr{border:0;border-top:1px solid var(--line)}
.entry-content pre,.entry-content code{font-family:ui-monospace,Menlo,monospace;font-size:15px}
.entry-content pre{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto}
.entry-content table{display:block;overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.wp-block-button__link,.wp-element-button{background:var(--emerald-2);color:var(--on-emerald);border-radius:999px;padding:12px 20px;font-weight:600;text-decoration:none;border:0}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 20px 10px 0}
.alignright{float:right;margin:0 0 10px 20px}
.entry-meta{font-size:14px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.entry-meta a{color:var(--gold-text);text-decoration:none}
.post-thumb img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tags a{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;text-decoration:none;color:var(--muted)}

/* blog list */
.ww-posts .tool img{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:6px}
.ww-posts .tool time{font-size:13px;color:var(--muted)}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.nav-links .page-numbers{display:inline-flex;align-items:center;min-width:40px;justify-content:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--surface)}
.nav-links .page-numbers.current{background:var(--emerald-2);color:var(--on-emerald);border-color:var(--emerald-2)}

/* search */
.search-form{display:flex;gap:8px;flex-wrap:wrap;max-width:520px}
.search-form label{flex:1 1 220px}
.search-form .search-field{font:500 17px var(--body);padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
.search-form .search-submit{border:0;background:var(--emerald-2);color:var(--on-emerald);border-radius:999px;padding:11px 20px;font:600 15px var(--body);cursor:pointer}

/* comments */
.comments-area{margin-top:40px;border-top:1px solid var(--line);padding-top:24px;display:grid;gap:16px}
.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.comment-list .children{list-style:none;padding-left:22px;margin-top:14px;display:grid;gap:14px}
.comment-body{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.comment-meta{font-size:14px;color:var(--muted)}
.comment-author img{border-radius:50%;vertical-align:middle;margin-right:8px}
.comment-form{display:grid;gap:12px}
.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{font:500 16px var(--body);padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
.comment-form .submit{border:0;background:var(--emerald-2);color:var(--on-emerald);border-radius:999px;padding:12px 22px;font:600 15px var(--body);cursor:pointer}

/* header menu: scrolls sideways on small screens instead of overflowing */
header.top .wrap{min-width:0}
header.top .logo{flex:none}
header.top nav{overflow-x:auto;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:4px}
header.top nav::-webkit-scrollbar{display:none}
header.top nav a{white-space:nowrap;flex:none}
@media (max-width:820px){header.top nav .hide-sm{display:inline}}