/*
Theme Name: Sankofa
Theme URI: https://themeshaper.com/sankofa/
Author: Automattic
Author URI: https://automattic.com
Description: Sankofa is an Afrofuturist-inspired theme that links heritage and horizons. It serves as a frame for storytellers and cultural thinkers exploring the connections between ancestry and the future.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sankofa
Tags: blog, block-themes, full-site-editing, rtl-language-support, threaded-comments, translation-ready

/* ---------------------------------------------------------------------------
   Typography Enhancements: Reduces widows/orphans in headings and paragraphs.
---------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
blockquote, 
p {
	text-wrap: pretty;
}

/* ---------------------------------------------------------------------------
   Custom Underline Stroke: Applies only to links and accordion headings
---------------------------------------------------------------------------- */

/* Only affect real links and the specific accordion text span */
a:hover,
.wp-block-accordion-heading:hover .wp-block-accordion-heading__toggle-title {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
  text-underline-offset: 4px;
}

/* Reset any text-decoration on generic buttons */
button:hover,
.wp-block-button__link:hover {
  text-decoration: none !important;
}

/* ---------------------------------------------------------------------------
   Utilities & Effects: Useful layout tweaks and text styles
---------------------------------------------------------------------------- */

/* Prevent underline on specific links */
.no-underline a {
  text-decoration: none;
}

/* Enable elements to overlap nearby sections */
.is-overlapping {
  position: relative;
  z-index: 1;
}

/* Apply drop cap ONLY to the first paragraph inside .has-dropcap */
.has-dropcap > p:first-of-type:first-letter {
  font-size: 4.236rem;
  float: left;
  margin: 0.5rem 0rem 1rem -0.5rem;
  line-height: 0.5;
  padding: 0.5rem;
  color: var(--wp--preset--color--primary);
}

/* If the first child is a heading, cancel any drop cap behavior */
.has-dropcap > :is(h1, h2, h3, h4, h5, h6):first-of-type + p:first-letter,
.has-dropcap > :is(h1, h2, h3, h4, h5, h6):first-of-type:first-letter {
  float: none;
  font-size: inherit;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/* ---------------------------------------------------------------------------
   Template Parts: Removes unwanted space when a template part is empty or disabled.
---------------------------------------------------------------------------- */

.wp-block-template-part:empty {
	margin-top: 0;
}

/* ---------------------------------------------------------------------------
   Images: Eliminates stray whitespace or baseline gaps below images.
---------------------------------------------------------------------------- */

.wp-block-image img {
	display: block;
}

/* ---------------------------------------------------------------------------
   Layout: Allow child elements to bleed outside the Cover block
---------------------------------------------------------------------------- */

.wp-block-cover {
  overflow: visible;
}

/* ----------------------------------------------------------------------------
   END OF FILE
---------------------------------------------------------------------------- */