/*
Theme Name: The Guidance Quran Academy
Theme URI: https://theguidancequranacademy.com
Author: The Guidance Quran Academy
Author URI: https://theguidancequranacademy.com
Description: A minimal, premium theme for an online Quran academy. Four-tier green palette on a warm cream canvas, full-pill buttons, and a complete set of content types for courses, teachers, testimonials and FAQs. Includes a built-in enquiry form that emails you and stores every submission in the dashboard — no third-party form service required.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guidance
Tags: education, custom-colors, custom-menu, custom-logo, featured-images, translation-ready, block-styles, wide-blocks, accessibility-ready
*/

/* --------------------------------------------------------------------------
   The design system lives in assets/css/styles.css (enqueued separately).
   This file carries the theme header plus WordPress-specific styles only.
   -------------------------------------------------------------------------- */

/* ---- Editor / core block alignment ---- */
.entry-content > *{max-width:var(--wrap-narrow);margin-inline:auto}
.entry-content > .alignwide{max-width:var(--wrap)}
.entry-content > .alignfull{max-width:none;width:100%}
.alignleft{float:left;margin:.35rem 1.5rem 1rem 0}
.alignright{float:right;margin:.35rem 0 1rem 1.5rem}
.aligncenter{margin-inline:auto;display:block}
.entry-content::after{content:"";display:block;clear:both}

/* ---- Captions, galleries, embeds ---- */
.wp-caption{margin:0 0 1.5rem;max-width:100%}
.wp-caption img{border-radius:var(--r);width:100%}
.wp-caption-text,.wp-element-caption,figcaption{
  font-size:var(--step--1);color:var(--muted);padding-top:.6rem;text-align:center;
}
.wp-block-image img{border-radius:var(--r);height:auto}
.wp-block-embed__wrapper{position:relative}
.wp-block-quote{
  margin:1.75rem auto;padding:1rem 1.35rem;border-left:3px solid var(--gold);
  background:var(--gold-50);border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-family:var(--font-head);font-size:var(--step-1);color:var(--emerald);
}
.wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--green-accent);color:#fff;border-radius:var(--r-pill);
  padding:.82rem 1.55rem;font-weight:600;text-decoration:none;
}
.wp-block-button__link:active{transform:scale(var(--btn-active-scale))}
.wp-block-separator{border:0;border-top:1px solid var(--border);margin:2.5rem auto}
.wp-block-table table{min-width:0}

/* ---- WordPress required classes ---- */
.screen-reader-text{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.screen-reader-text:focus{
  position:fixed;top:1rem;left:1rem;width:auto;height:auto;clip:auto;
  background:var(--emerald);color:#fff;padding:.75rem 1.25rem;
  border-radius:var(--r-sm);z-index:1000;
}
.sticky{position:relative}
.bypostauthor{display:block}

/* ---- Admin bar offset for the sticky header ---- */
.admin-bar .header{top:32px}
@media screen and (max-width:782px){.admin-bar .header{top:46px}}

/* ---- Pagination ---- */
.pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:3rem}
.pagination .page-numbers{
  display:grid;place-items:center;min-width:42px;height:42px;padding:0 .8rem;
  border:1px solid var(--border);border-radius:var(--r-pill);background:var(--white);
  color:var(--charcoal);font-size:var(--step--1);font-weight:600;text-decoration:none;
}
.pagination .page-numbers:hover{border-color:var(--green-accent);color:var(--green-accent)}
.pagination .current{background:var(--green-accent);border-color:var(--green-accent);color:#fff}

/* ---- Search form ---- */
.search-form{display:flex;gap:.6rem;max-width:460px}
.search-form input[type="search"]{
  flex:1;min-width:0;padding:.72rem .9rem;font-size:var(--step-0);
  background:var(--white);border:1px solid var(--border-strong);border-radius:var(--r-input);
}
.search-form input[type="search"]:focus{
  outline:none;border-color:var(--green-accent);box-shadow:0 0 0 3px rgba(0,117,74,.14);
}

/* ---- Comments (kept minimal; comments are off by default) ---- */
.comment-list{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:1.25rem}
.comment-body{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.25rem}
.comment-meta{font-size:var(--step--1);color:var(--muted);margin-bottom:.5rem}