/*
Theme Name: CSISS Theme
Theme URI: https://csissglobal.org
Author: Academic Partnership
Description: Custom WordPress theme for Centre for Social Innovation and Sustainability Studies.
Version: 1.0
Text Domain: csiss
*/

/* ==========================================================================
   1. Theme Custom Styles & Overrides
   ========================================================================== */

html { 
    scroll-behavior: smooth; 
}

/* Course Card Animations */
.course-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Swiper Slider Overrides */
.swiper-button-next, 
.swiper-button-prev {
    color: #f59e0b !important; /* Accent color */
}

.swiper-pagination-bullet-active {
    background-color: #f59e0b !important;
}

.swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.7;
}

/* ==========================================================================
   2. WordPress Core Classes (Required for standard WP functionality)
   ========================================================================== */

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

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 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;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    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 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 10px 4px 5px;
    color: #6b7280;
}

/* Screen reader text for accessibility */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* ==========================================================================
   3. WordPress Content Editor Typography 
   (Since Tailwind resets base HTML tags, this restores formatting for WP pages/posts)
   ========================================================================== */

.entry-content {
    color: #374151; /* text-gray-700 */
    line-height: 1.7;
}

.entry-content p {
    margin-bottom: 1.5rem;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
    color: #1e3a8a; /* text-primary */
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.entry-content h1 { font-size: 2.5rem; }
.entry-content h2 { font-size: 2rem; }
.entry-content h3 { font-size: 1.75rem; }
.entry-content h4 { font-size: 1.5rem; }
.entry-content h5 { font-size: 1.25rem; }
.entry-content h6 { font-size: 1rem; }

.entry-content ul {
    list-style-type: disc;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.entry-content ol {
    list-style-type: decimal;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.entry-content li {
    margin-bottom: 0.5rem;
}

.entry-content a {
    color: #059669; /* text-secondary */
    text-decoration: underline;
    transition: color 0.2s;
}

.entry-content a:hover {
    color: #047857; /* text-secondaryDark */
}

.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem; /* rounded-lg */
    margin: 1.5rem 0;
}

.entry-content blockquote {
    border-left: 4px solid #f59e0b; /* border-accent */
    padding-left: 1rem;
    font-style: italic;
    color: #4b5563; /* text-gray-600 */
    margin: 1.5rem 0;
    background-color: #f9fafb; /* bg-gray-50 */
    padding: 1rem;
    border-radius: 0 0.5rem 0.5rem 0;
}

.entry-content figure {
    margin: 1.5rem 0;
}