/*
Theme Name: Reef Alhurair
Theme URI: https://reefalhurair.com
Author: Reef Alhurair
Description: Bilingual (Arabic/English, RTL-ready) custom theme for Reef Alhurair — indoor RAS aquaculture in Hail. Preserves the marketing homepage design and adds a styled blog that a marketing agent can publish into via the WordPress REST API. Polylang-ready.
Version: 1.0.0
Requires at least: 6.0
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: reef-alhurair
Tags: rtl-language-support, translation-ready, custom-colors, blog, business
*/

/*
  The full visual stylesheet lives in assets/css/site.css and is enqueued from functions.php.
  This file only carries the required WordPress theme header (plus a few blog-only helpers below).
*/

/* ---- WordPress nav menu compatibility (wp_nav_menu outputs ul>li>a) ---- */
.nav-links ul{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}
.nav-links li{position:relative}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav li a{display:block;padding:12px 6px;border-bottom:1px solid #eef4f5;font-weight:700}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* ---- Blog / archive helpers (extend the shared design system) ---- */
.blog-wrap{max-width:var(--max);margin-inline:auto;width:min(var(--max),calc(100% - 40px));padding:70px 0}
.blog-layout{display:grid;grid-template-columns:1fr;gap:30px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(13,64,85,.045);display:flex;flex-direction:column}
.post-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#eaf7f7,#f7f9ea);overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card .post-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card h3{font-size:1.15rem;margin:0}
.post-card .post-meta{color:var(--muted);font-size:.82rem}
.post-card .excerpt{color:var(--muted);font-size:.95rem;margin:0}
.post-card .read-more{margin-top:auto;color:var(--teal);font-weight:800}
.single-post{max-width:820px;margin-inline:auto;width:min(820px,calc(100% - 40px));padding:60px 0}
.single-post .post-hero-img{border-radius:var(--radius);overflow:hidden;margin:26px 0}
.single-post h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.2;letter-spacing:-.02em}
.single-post .post-meta{color:var(--muted);margin-bottom:6px}
.single-post .entry-content{font-size:1.08rem;line-height:1.85}
.single-post .entry-content h2{font-size:1.6rem;margin:34px 0 12px}
.single-post .entry-content h3{font-size:1.25rem;margin:26px 0 10px}
.single-post .entry-content p{margin:0 0 18px}
.single-post .entry-content img{border-radius:16px;margin:20px 0}
.single-post .entry-content ul,.single-post .entry-content ol{padding-inline-start:1.3em;margin:0 0 18px}
.single-post .entry-content blockquote{border-inline-start:4px solid var(--teal);background:var(--mist);margin:20px 0;padding:14px 20px;border-radius:12px}
.page-title-band{background:var(--mist);padding:64px 0}
.page-title-band h1{font-size:clamp(2rem,3.6vw,3rem);margin:0}
.page-title-band p{color:var(--muted);margin:.5rem 0 0}
.pagination{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;font-weight:800;color:var(--blue);background:#fff}
.pagination .page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue)}
.post-single-page{padding:0 0 40px}
@media(max-width:1050px){.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.post-grid{grid-template-columns:1fr}}