/*
Theme Name: Tema Aksara Cendikia
Theme URI: https://aksaracendikia.id
Author: PT. Rizki Surya Permaisondo - Dika Kompor
Author URI: https://lombokfokus.com
Description: Tema WordPress modern, responsif, dan fleksibel yang dirancang khusus untuk Yayasan Pendidikan Aksara Cendikia. Mengusung skema warna Merah Dominan dan Putih Bersih, terintegrasi penuh dengan Rumah Jurnal (LOIS), Pengurus, Mitra Strategis, dan Katalog Buku Terbitan.
Version: 1.1.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aksara-cendikia
Tags: custom-menu, custom-logo, featured-images, full-width-template, theme-options, translation-ready, block-styles

Tema Yayasan Aksara Cendikia WordPress Theme, Copyright 2026 PT. Rizki Surya Permaisondo - Dika Kompor
Distribusi sesuai ketentuan lisensi GNU General Public License.
*/

/* ==========================================================================
   1. CORE PALETTE & BASE STYLES (MERAH DOMINAN & PUTIH BERSIH)
   ========================================================================== */

:root {
    --primary-color: #dc2626;     /* Merah Dominan Red-600 */
    --primary-dark: #991b1b;      /* Merah Tua Red-800 */
    --primary-hover: #b91c1c;     /* Merah Hover Red-700 */
    --secondary-color: #1f2937;   /* Charcoal / Dark Text */
    --accent-color: #f59e0b;      /* Gold/Amber Accent */
    --bg-clean: #ffffff;          /* Putih Bersih */
    --bg-light: #f9fafb;          /* Soft Off-White */
    --font-main: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-main);
    color: var(--secondary-color);
    background-color: var(--bg-clean);
    line-height: 1.6;
}

/* Accessibility & Screen Readers */
.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 !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: var(--primary-color);
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Alignments & WP Core Classes */
.alignwide {
    margin-left: -80px;
    margin-right: -80px;
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption-text {
    font-size: 0.875rem;
    color: #4b5563;
    text-align: center;
    margin-top: 0.5em;
}

/* Custom Logo WordPress Styling */
.custom-logo-link img,
.custom-logo {
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Images & Media */
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}