background:/*!
Theme Name: Explogu
Author: Explogu
Description: Official theme for Explogu
Version: 4
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: explogu
*/

/* =========================================================
   IMPORTANT
   - Keep this file LIGHT.
   - Compile "/assets/main.scss" -> "/build/main.css"
   - Put ALL custom styling in main.css (or the compiled build),
     not here, to avoid duplicates/overrides.
========================================================= */

/* =========================================================
   1) Tokens (optional)
   If your main.css already defines tokens, you can remove this
   entire :root block to avoid duplicates.
========================================================= */
:root{
  --accent: #25a36a;
  --accent-600: #1e8c59;

  --text-900: #2f2f2f;
  --text-700: #4b4b4b;
  --muted: #7d7d7d;

  --card-bg:#fff;
  --border:#e8efe9;
  --shadow: 0 8px 22px rgba(28, 118, 83, 0.08);
}

/* =========================================================
   2) WordPress Core: Alignments
   (Used by editor, posts, and WP content)
========================================================= */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter{
  display:block;
  margin: 5px auto;
}

.alignright{
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft{
  float:left;
  margin: 5px 20px 20px 0;
}

a img.alignright{
  float:right;
  margin: 5px 0 20px 20px;
}

a img.alignnone{ margin: 5px 20px 20px 0; }

a img.alignleft{
  float:left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* =========================================================
   3) WordPress Core: Captions
========================================================= */
.wp-caption{
  max-width:96%;
  padding: 5px 3px 10px;
  text-align:center;
}

.wp-caption.alignnone{ margin: 5px 20px 20px 0; }
.wp-caption.alignleft{ margin: 5px 20px 20px 0; }
.wp-caption.alignright{ margin: 5px 0 20px 20px; }

.wp-caption img{
  border:0;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}

.wp-caption p.wp-caption-text{
  font-size:11px;
  line-height:17px;
  margin:0;
  padding: 0 4px 5px;
}

/* =========================================================
   4) WordPress Core: Gallery
========================================================= */
.gallery-item{
  display:inline-block;
  text-align:left;
  vertical-align:top;
  width:50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus{
  box-shadow:none;
  ;background:none;
  display:inline-block;
  max-width:100%;
}

.gallery-item a img{
  display:block;
  transition: filter .2s ease-in;
  backface-visibility:hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img{
  filter: opacity(60%);
}

.gallery-caption{
  display:block;
  text-align:left;
  padding: 0 10px 0 0;
  margin-bottom:0;
}

.gallery-columns-1 .gallery-item{ max-width:100%; }
.gallery-columns-2 .gallery-item{ max-width:50%; }
.gallery-columns-3 .gallery-item{ max-width:33%; }
.gallery-columns-4 .gallery-item{ max-width:25%; }
.gallery-columns-5 .gallery-item{ max-width:20%; }
.gallery-columns-6 .gallery-item{ max-width:16.66%; }
.gallery-columns-7 .gallery-item{ max-width:14.28%; }
.gallery-columns-8 .gallery-item{ max-width:12.5%; }
.gallery-columns-9 .gallery-item{ max-width:11.11%; }

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption{
  display:none;
}

/* =========================================================
   5) WordPress Core: Accessibility Helpers
========================================================= */
.screen-reader-text{
  clip: rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
}

.screen-reader-text:focus{
  background-color:#f1f1f1;
  border-radius:3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
  clip:auto !important;
  color:#21759b;
  display:block;
  font-size:14px;
  font-weight:bold;
  height:auto;
  left:5px;
  line-height:normal;
  padding: 15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000;
}

.bypostauthor{ font-weight:bold; }
/* ===============================
   Minimal Pagination
=============================== */

.gph-pagination{
  margin-top: 20px;
}

.gph-pagination .page-numbers{
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 0;
  margin: 0;
}

.gph-pagination .page-numbers li{
  display: inline-flex;
}

/* Base */
.gph-pagination a.page-numbers,
.gph-pagination span.page-numbers{
  font-size: 14px;
  font-weight: 500;
  color: #444;
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 2px 4px;
  transition: color 0.2s ease;
}

/* Hover */
.gph-pagination a.page-numbers:hover{
  color: var(--accent);
}

/* Active page */
.gph-pagination .page-numbers.current{
  color: var(--accent);
  font-weight: 600;
  position: relative;
}

.gph-pagination .page-numbers.current::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--accent);
}

/* Next / Prev */
.gph-pagination .page-numbers.next,
.gph-pagination .page-numbers.prev{
  font-size: 13px;
  color: #777;
}

.gph-pagination .page-numbers.next:hover,
.gph-pagination .page-numbers.prev:hover{
  color: var(--accent);
}

/* Dots (…) */
.gph-pagination .page-numbers.dots{
  color: #aaa;
  pointer-events: none;
}
/* Remove automatic highlight for today's date */
.flatpickr-day.today {
  background: transparent !important;
  color: inherit !important;
  border: none !important;
}
mark {
background: transparent !important;
color: inherit !important;
}
/* Keep only selected date highlighted */
.flatpickr-day.selected {
  background: #38ad6e !important;
  color: #fff !important;
  border-radius: 50% !important;
}