/*
Theme Name: Tam Panel
Theme URI: https://example.com/tam-panel
Author: Local Developer
Author URI: https://example.com
Description: Giao diện chuyên nghiệp, hiện đại dành cho website giới thiệu Tấm Panel, vật liệu xây dựng tĩnh. Hỗ trợ hiển thị dịch vụ và tùy biến nhanh từ Customizer. Dựa trên Tailwind CSS.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tam-panel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Tam Panel WordPress Theme, (C) 2026
Tam Panel is distributed under the terms of the GNU GPL.
*/

/* Custom CSS fallback/overrides goes here */
.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;
}

.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: #21759b;
    display: block;
    font-size: 14px;
    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;
}

/* Global Link Styles */
a {
    color: #0ea5e9;
    /* Tech Blue - Set as default but allow override */
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: #f97316;
    /* Safety Orange */
    text-decoration: none;
}

/* Typography Links Override */
.prose a {
    color: #2f8a38 !important;
    text-decoration: underline !important;
}

.prose a:hover {
    color: #2f8a38 !important;
}

/* Product Filter Tabs Visibility Fix */
.filter-tab {
    background-color: #ffffff !important;
    color: #01841D !important;
    /* Brand Green */
    border: 1px solid #e2e8f0 !important;
}

.filter-tab:hover {
    background-color: #f8fafc !important;
}

.filter-tab.active {
    background-color: #01841D !important;
    /* New Brand Green */
    color: #ffffff !important;
    border-color: #01841D !important;
    box-shadow: 0 10px 15px -3px rgba(44, 102, 50, 0.2) !important;
}

/* Global Container Fix */
.container {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Custom Logo Support */
.custom-logo-link {
    display: inline-block;
}

.custom-logo {
    max-height: 48px;
    max-width: 280px;
    width: auto;
    object-fit: contain;
}

/* Header CTA Button Fix */
.header-cta-btn {
    background-color: #01841D !important;
    color: #ffffff !important;
}

.header-cta-btn:hover {
    background-color: #01841D !important;
}

/* Blog & Editorial Styles */
.font-heading {
    font-family: 'Libre Bodoni', serif !important;
}

body {
    font-family: 'Public Sans', sans-serif;
}

.prose {
    line-height: 1.8 !important;
    color: #334155 !important;
    /* slate-700 */
}

.prose h2,
.prose h3,
.prose h4 {
    font-family: 'Libre Bodoni', serif !important;
    color: #112614 !important;
    /* darktext green */
    margin-top: 2em !important;
    margin-bottom: 0.8em !important;
}

.prose p {
    margin-bottom: 1.5em !important;
}

#reading-progress {
    box-shadow: 0 0 10px rgba(44, 102, 50, 0.4);
}

.sticky {
    z-index: 40;
}

/* Post Navigation Styling */
.nav-links a {
    transition: all 0.3s ease;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}