/*
Theme Name: twentytwentyfive-child
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twentytwentyfive-child
Tags: 
*/

:where(.wp-site-blocks :focus) {
  outline-width:0px !important;
}

.wp-block-group ul li a{
	text-decoration: none;
	color: #017dc3;  
}

.wp-block-group ul{
	list-style-type: none;
	padding: 0px;
}

.hmemaincat{
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; 
	row-gap: 20px !important;
	column-gap: 15px !important;
}

.hmelatestposts{
	row-gap: 20px !important;
	column-gap: 15px !important;
}
  

.hmelatestposts li{
	margin-bottom: 4% !important;
}

.removeunderline a{
	text-decoration: none !important;
}

.removeunderline a:hover{
	text-decoration: underline !important;
}

.commonsidebar .wp-block-latest-posts li {
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid #e2e8f0 !important; /* Light gray line */
}

.commonsidebar .wp-block-latest-posts li:last-child {
  border-bottom: none !important; /* Removes the line from the very last post */
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure the main list container has no restrictions */
.commonsidebar ul.wp-block-categories-list {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Force each item to take up full width and style the border */
.commonsidebar ul.wp-block-categories-list li {
  width: 100% !important;
  display: block !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid #e2e8f0 !important; /* Light gray line */
}

/* Cleanup for the very last item */
.commonsidebar ul.wp-block-categories-list li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* --- 1. GLOBAL LAYOUT ADJUSTMENTS --- */
.hmemaincat ul.wp-block-categories-list,
.hmelatestposts ul.wp-block-latest-posts {
  display: grid !important;
  gap: 16px !important; /* Perfect uniform spacing between items */
  padding: 0 !important;
  margin: 20px 0 !important;
  list-style: none !important;
}

/* Categories: 4 columns on desktop */
ul.wp-block-categories-list.hmemaincat {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
}

/* Questions: 2 columns on desktop */
ul.wp-block-latest-posts.hmelatestposts {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
}

/* --- 2. CARD DESIGN FOR ITEMS --- */
ul.wp-block-categories-list.hmemaincat li,
ul.wp-block-latest-posts.hmelatestposts li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

/* Style the links inside to look like solid cards */
ul.wp-block-categories-list.hmemaincat li a,
ul.wp-block-latest-posts.hmelatestposts li a {
  display: block !important;
  width: 100% !important;
  padding: 16px 20px !important;
  background-color: #f8fafc !important; /* Soft light-blue/gray background */
  border: 1px solid #e2e8f0 !important; /* Clean border border */
  border-radius: 8px !important; /* Smooth rounded corners */
  color: #1e3a8a !important; /* Deep professional blue text */
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  transition: all 0.2s ease-in-out !important; /* Smooth animation */
}

/* --- 3. INTERACTIVE HOVER STATES --- */
ul.wp-block-categories-list.hmemaincat li a:hover,
ul.wp-block-latest-posts.hmelatestposts li a:hover {
  background-color: #ffffff !important;
  color: #2563eb !important; /* Brighter blue text on hover */
  border-color: #2563eb !important; /* Blue border accent */
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08) !important; /* Subtle glow */
  transform: translateY(-2px) !important; /* Slight lift effect */
}