/*
 Theme Name:   Yoko Child
 Theme URI:    https://jitsresu.me/yoko-child/
 Description:  Yoko Child Theme - A foundation for DijitalDNA
 Author:       Jit Gohil
 Author URI:   https://jitsresu.me
 Template:     yoko
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yoko-child
*/


#site-description,
#site-title h2
{
  float:left;
  clear:both;
  margin:0;
}

.wp-video
{
  margin-bottom:1em;
}

/* Gallery Grid Layout */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 1.5em 0;
  clear: both;
}

.gallery br {
  display: none;
}

.gallery a {
  display: block;
  line-height: 0;
}

.gallery img {
  max-width: 150px;
  height: auto;
  border: 1px solid #ddd;
  transition: opacity 0.2s;
}

.gallery img:hover {
  opacity: 0.8;
}

/* Accessibility: Color Contrast Fixes */

/* Improve link contrast - darken teal */
a {
  color: #0079b8;
}

a:hover, a:focus {
  color: #005566;
}

/* Improve body text contrast */
body, p {
  color: #333;
}

/* Fix meta/secondary text contrast */
.entry-meta, .entry-meta a,
.comment-meta, .comment-meta a,
time, .posted-on {
  color: #555;
}

/* Fix widget title contrast */
h3.widget-title {
  color: #333;
}

/* Fix site description contrast */
#site-description {
  color: #444;
}

/* Fix date/time spans */
span.entry-date, span.sep {
  color: #555;
}

/* Make links distinguishable - add underline */
.entry-content a,
.comment-content a,
.widget a {
  text-decoration: underline;
}

.entry-content a:hover,
.comment-content a:hover,
.widget a:hover {
  text-decoration: none;
}

/* Navigation links don't need underline */
nav a, .main-navigation a, #site-title a {
  text-decoration: none;
}

/* Screen reader text class */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* Search button contrast */
input.searchsubmit {
  background: #0079b8;
  color: #fff;
  border: none;
  cursor: pointer;
}

input.searchsubmit:hover,
input.searchsubmit:focus {
  background: #005566;
}

/* More link styling */
a.more-link {
  color: #0079b8;
}

/* Additional Accessibility Contrast Fixes */

/* Site description - needs darker color on light header */
h2#site-description {
  color: #222 !important;
}

/* Widget titles on gray sidebar background (#F0F0F0) */
.widget h3.widget-title,
h3.widget-title {
  color: #222 !important;
}

/* Links in sidebar on gray background need darker color */
#secondary a,
#tertiary a,
.widget a,
aside a {
  color: #0079b8 !important;
}

#secondary a:hover,
#tertiary a:hover,
.widget a:hover,
aside a:hover {
  color: #004055 !important;
}

/* Top link (back to top) */
a.top {
  color: #0079b8 !important;
}

a.top:hover {
  color: #004055 !important;
}

/* Category links in sidebar */
.widget_categories a,
.cat-item a {
  color: #0079b8 !important;
}

/* Tag cloud links */
.tagcloud a,
.widget_tag_cloud a {
  color: #0079b8 !important;
}

/* Social links widget */
.widget a[href*=twitter],
.widget a[href*=facebook],
.widget a[href*=instagram],
.widget a[href*=github],
.widget a[href*=linkedin] {
  color: #0079b8 !important;
}

/* Main content area links (white background) */
#primary a,
.entry-content a,
article a {
  color: #0079b8;
}

#primary a:hover,
.entry-content a:hover,
article a:hover {
  color: #004d66;
}

/* Site Title / Logo Contrast Fixes */

/* Main site title link */
#site-title h1 a {
  color: #222 !important;
}

#site-title h1 a:hover,
#site-title h1 a:focus {
  color: #0079b8 !important;
}

/* Site tagline/description in header */
#site-title h2 {
  color: #444 !important;
}

/* Navigation links */
#mainnav a,
.main-navigation a,
nav a {
  color: #222 !important;
}

#mainnav a:hover,
#mainnav a:focus,
.main-navigation a:hover,
.main-navigation a:focus,
nav a:hover,
nav a:focus {
  color: #0079b8 !important;
}

/* Focus states for keyboard navigation */
a:focus {
  outline: 2px solid #0079b8;
  outline-offset: 2px;
}

/* Native CSS smooth scrolling (replaces outdated JS) */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}