/*
Theme Name: Fort Grid
Theme URI: https://www.candidthemes.com/themes/fort-grid/
Author: candidthemes
Author URI: http://www.candidthemes.com/
Description: Child theme of FORT theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fort-grid
Requires PHP: 5.2
Tested up to: 5.8
Template: fort
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, rtl-language-support, footer-widgets, custom-header, three-columns, one-column, left-sidebar, news, blog
*/

.main-navigation a {
    font-size: 16px;
    font-weight: 700;
}

.fort-menu-social li a:before, .social-menu li a:before {
    font-size: 16px;
}

.entry-meta>*,
.breadcrumb-trail .trial-items li, .breadcrumbs ul li,
.main-navigation ul li>a,
.post-navigation .nav-subtitle,
.btn.btn-primary {
    letter-spacing: 1px;
}

.btn.btn-primary,
.ajax-pagination .show-more,
.posts-navigation .nav-previous a, 
.posts-navigation .nav-next a{
    background-color: #24b7c7;
}

.btn.btn-primary:hover,
.ajax-pagination .show-more:hover,
.posts-navigation .nav-previous a:hover, 
.posts-navigation .nav-next a:hover,
.pagination .page-numbers:hover,
.pagination .page-numbers.current,
.site-header-topbar .fort-top-right-menu {
    background-color: #0d94a3;
}

.site-header-topbar .fort-top-right-menu i {
    background-color: #56a6af;
}

.ajax-pagination .show-more {
    border-color: #56a6af;
}

.entry-meta .min-read {
    margin-left: 1em;
    position: relative;
}

.entry-meta .min-read::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 7px;
    left: -16px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    background: #ababab;
}

.category-label-group a {
    font-weight: 700;
    letter-spacing: 1px;
}

.card-single-article .category-label-group a {
    letter-spacing: 3px;
}

.pagination .page-numbers {
    letter-spacing: 2px;
    font-weight: 600;
}

.ajax-pagination .show-more,
.posts-navigation .nav-previous a, 
.posts-navigation .nav-next a {
    letter-spacing: 2px;
    font-weight: 600;
    padding: 1em 2.5em;
}

.posts-navigation .nav-links .nav-previous a:hover {
    padding-right: 2.5em;
}

.site-header-top {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* ==========================================================================
   Accessibility Fixes - Focus States (WCAG 2.4.7)
   ========================================================================== */

/* Ensure visible focus indicators for navigation links */
.main-navigation a:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Ensure visible focus indicators for search field */
.search-form .search-field:focus,
.wp-block-search input[type="search"]:focus {
    outline: 2px solid #0d94a3;
    outline-offset: 1px;
}

/* General focus styles for interactive elements */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #0d94a3;
    outline-offset: 2px;
}

/* Skip link focus state */
.skip-link:focus {
    outline: 2px solid #0d94a3;
    outline-offset: 2px;
}

/* Button focus states */
.btn:focus,
.btn-primary:focus,
.search-toggle:focus,
.close-btn:focus,
.close_nav:focus,
.menu-toggle:focus {
    outline: 2px solid #0d94a3;
    outline-offset: 2px;
}

/* Card and thumbnail focus states */
.post-thumbnail a:focus,
.card_media a:focus {
    outline: 2px solid #0d94a3;
    outline-offset: 2px;
}

.post-thumbnail a:focus img,
.card_media a:focus img {
    box-shadow: 0 0 0 2px #0d94a3;
}

/* ==========================================================================
   Select Version Page - Hide Menu (page IDs 431, 432)
   ========================================================================== */

.page-id-431 .main-navigation,
.page-id-431 .menu-toggle,
.page-id-432 .main-navigation,
.page-id-432 .menu-toggle {
    display: none;
}

/* Placeholder image style (like Unit blurbs) */
.version-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 3px solid #000000;
    border-radius: 15px;
    padding: 30px 40px;
    text-align: center;
    min-height: 120px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.version-placeholder:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.version-placeholder .placeholder-title {
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    text-shadow: 2px 2px 0 #ccc;
    margin-bottom: 8px;
    font-style: italic;
}

.version-placeholder .placeholder-subtitle {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}