/*
Theme Name:   Ztruyen Theme Child
Theme URI:    https://giaodienwp.net/
Description:  Child theme for Ztruyen Theme, designed for customization.
Author:       Giaodienwp.net Team
Author URI:   https://quangtuyen.net
Template:     ztruyen
Version:      1.0.0
Text Domain:  ztruyen-child
*/

/* Custom styles for Ztruyen Child Theme can be added below */
.bt-hero-slider-wrap { position:relative; overflow:hidden; background:linear-gradient(135deg,#E0F5FA 0%,#FFFDE6 100%); }

/* Soften body background – Biển Truyện light grey */
body:not(.dark-mode) {
    background-color: #ffffff;
}

.related-story-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0);
    border-color: var(--td-primary);
}


/* Utilities */
.object-fit-cover { object-fit: cover; }
.blur-lg { filter: blur(20px); }
.scale-110 { transform: scale(1.1); }
.backdrop-blur { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.bg-gradient-to-t { background: linear-gradient(to top, #212529 0%, rgba(33, 37, 41, 0.1) 100%); }
.text-shadow { text-shadow: 0 0px 0px rgba(0,0,0,0); }
.ls-wide { letter-spacing: 1px; }


/* Responsive Hero Background */
.td-single-wrap { background-color: #e2e8f0; }
.td-single-bg { background-color: #e2e8f0; }
.td-single-overlay { background:linear-gradient(135deg,#E0F5FA 0%,#FFFDE6 100%); }
.td-hero-text { color: #1e293b; }
.td-hero-subtext { color: #64748b; }
.td-hero-btn { border: 1px solid rgba(30, 41, 59, 0.3) !important; color: #1e293b !important; }


.bt-section-title {
   font-size: 1.25rem;
   font-weight: 700 !important;
   margin: 0;
   display: flex
;
   align-items: center;
   gap: .5rem;
   color: #32b67c;
}


.text-warning {
    --bs-text-opacity: 1;
    color: #ffa84d !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: #ffa84d !important;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.6 !important;
}


.bg-success { background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
}

.bg-warning { background: linear-gradient(135deg, #D9D9D9 0%, #C6C6C6 100%) !important;
}


.shadow-sm {
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.08) !important;
}