/* ============================================
   ZINYAW TECH — Alibaba Cloud Style Override
   Clean, white, flat, professional
   ============================================ */

/* --- KILL dark backgrounds, gradients, waves --- */
.zt-dark {
    background: #fff !important;
    color: #191919 !important;
}
.zt-dark h2, .zt-dark h3, .zt-dark h4 { color: #191919 !important; }
.zt-dark p { color: #555 !important; }
.zt-dark .zt-badge { background: rgba(255,106,0,0.08) !important; color: #FF6A00 !important; }
.zt-wave-divider, .zt-wave-divider-top { display: none !important; }

/* --- Hero: White/light like Alibaba Cloud --- */
.zt-hero {
    background: #fff !important;
    min-height: auto !important;
    padding: 120px 24px 80px !important;
}
.zt-hero::before { display: none !important; }
.zt-hero h1 { color: #191919 !important; }
.zt-hero p { color: #555 !important; }
.zt-hero-stats { border-top: 1px solid #e5e5e5 !important; }
.zt-stat-label { color: #555 !important; }
.zt-gradient-text {
    background: linear-gradient(135deg, #FF6A00, #FF8C00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* --- Buttons: Solid orange, no gradients --- */
.zt-btn-primary {
    background: #FF6A00 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    padding: 12px 28px !important;
}
.zt-btn-primary:hover {
    background: #E05E00 !important;
    box-shadow: none !important;
    transform: none !important;
}
.zt-btn-outline {
    color: #FF6A00 !important;
    border: 1px solid #FF6A00 !important;
    background: transparent !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
}
.zt-btn-outline:hover {
    background: rgba(255,106,0,0.06) !important;
    color: #FF6A00 !important;
}
.zt-btn { border-radius: 4px !important; }

/* --- Badge: subtle, flat --- */
.zt-badge {
    background: rgba(255,106,0,0.06) !important;
    color: #FF6A00 !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
}

/* --- Section headers --- */
.zt-section-header h2 { color: #191919 !important; font-weight: 700 !important; }
.zt-section-header p { color: #666 !important; }
.zt-section { overflow: visible !important; }
.zt-light { background: #fafafa !important; }

/* --- Service cards: clean white, subtle border --- */
.zt-service-card {
    border-radius: 8px !important;
    border: 1px solid #e8e8e8 !important;
    box-shadow: none !important;
    padding: 28px 24px !important;
}
.zt-service-card::before { display: none !important; }
.zt-service-card:hover {
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    border-color: #FF6A00 !important;
}
.zt-service-icon {
    background: #FFF5EB !important;
    border-radius: 8px !important;
}
.zt-service-card:hover .zt-service-icon {
    background: #FF6A00 !important;
    transform: none !important;
}
.zt-service-card h3 { color: #191919 !important; }
.zt-service-link { opacity: 1 !important; transform: none !important; }

/* --- Solution cards: white bg, not glass --- */
.zt-solution-card {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    backdrop-filter: none !important;
    border-radius: 8px !important;
}
.zt-solution-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    border-color: #FF6A00 !important;
    transform: none !important;
    background: #fff !important;
}
.zt-solution-card h4 { color: #191919 !important; }
.zt-solution-card p { color: #666 !important; }

/* --- Industry cards --- */
.zt-industry-card {
    border-radius: 8px !important;
    border: 1px solid #e8e8e8 !important;
}
.zt-industry-card:hover {
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* --- Template cards: white bg --- */
.zt-template-card {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
}
.zt-template-card:hover {
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.zt-template-info h4 { color: #191919 !important; }
.zt-template-info p { color: #666 !important; }

/* --- Portfolio cards: white bg --- */
.zt-portfolio-card {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
}
.zt-portfolio-card:hover {
    transform: none !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}
.zt-portfolio-info h4 { color: #191919 !important; }
.zt-portfolio-cat { color: #FF6A00 !important; }
.zt-portfolio-live { color: #FF6A00 !important; }

/* --- Team cards: white bg --- */
.zt-tm-card {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
}
.zt-tm-card:hover {
    background: #fafafa !important;
    border-color: #FF6A00 !important;
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.zt-tm-card.zt-tm-lead {
    background: #FFF8F0 !important;
    border-color: #FFD4A8 !important;
}
.zt-tm-card.zt-tm-lead:hover {
    background: #FFF5EB !important;
    border-color: #FF6A00 !important;
}
.zt-tm-text h4 { color: #191919 !important; }
.zt-tm-role { color: #FF6A00 !important; }
.zt-tm-lead .zt-tm-role { color: #FF6A00 !important; }
.zt-tm-arrow { color: #ccc !important; }
.zt-tm-card:hover .zt-tm-arrow { color: #FF6A00 !important; }
.zt-tm-avatar { border-color: #e8e8e8 !important; }
.zt-tm-card:hover .zt-tm-avatar { border-color: #FF6A00 !important; }

/* --- Support slides: white bg --- */
.zt-support-slide {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
}
.zt-support-slide:hover {
    background: #fafafa !important;
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.zt-support-slide h4 { color: #191919 !important; }
.zt-support-slide p { color: #666 !important; }
.zt-support-link {
    background: #FF6A00 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
.zt-support-link:hover {
    background: #E05E00 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* --- Partner cards --- */
.zt-partner-card {
    border-radius: 8px !important;
    border: 1px solid #e8e8e8 !important;
}
.zt-partner-card:hover {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* --- Pricing cards --- */
.zt-pricing-card {
    border-radius: 8px !important;
    border: 1px solid #e8e8e8 !important;
}
.zt-pricing-card:hover {
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.zt-pricing-featured {
    border-color: #FF6A00 !important;
    box-shadow: none !important;
    transform: none !important;
}
.zt-pricing-popular {
    background: #FF6A00 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* --- About cards --- */
.zt-about-card {
    background: #FF6A00 !important;
    border-radius: 8px !important;
}
.zt-about-stat {
    background: #fafafa !important;
    border-radius: 8px !important;
}

/* --- Email section --- */
.zt-email-benefits {
    background: #FF6A00 !important;
    border-radius: 8px !important;
}
.zt-email-feat {
    border-radius: 8px !important;
}

/* --- Kill all hover transforms globally --- */
[class*="zt-"]:hover {
    transform: none !important;
}

/* --- Stat bar in hero --- */
.zt-stat-num { color: #FF6A00 !important; }

/* --- General typography cleanup --- */
body { color: #191919; }
a { color: #FF6A00; }
a:hover { color: #E05E00; }

/* --- Sub-page hero (about, services etc) --- */
.zt-hero[style*="min-height:45vh"],
.zt-hero[style*="min-height: 45vh"] {
    background: #fafafa !important;
    padding: 100px 24px 50px !important;
}
/* === Footer: Alibaba Cloud Light Style === */
.zinyaw711-footer {
    background: #fafafa !important;
    color: #191919 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border-top: 1px solid #e8e8e8 !important;
}
.footer711-left, .footer711-middle, .footer711-right {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    backdrop-filter: none !important;
    border-radius: 8px !important;
}
.footer711-left:hover, .footer711-middle:hover, .footer711-right:hover {
    background: #fff !important;
    border-color: #FF6A00 !important;
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.tagline711 { color: #666 !important; }
.links711-column h4 { color: #FF6A00 !important; }
.links711-column a, .footer711-right a, .zinyaw711-footer a {
    color: #555 !important;
}
.links711-column a:hover, .footer711-right a:hover, .zinyaw711-footer a:hover {
    color: #FF6A00 !important;
}
.footer711-logo {
    filter: none !important;
}
.footer711-logo:hover {
    transform: none !important;
    filter: none !important;
}
/* Footer bottom bar */
.footer711-bottom, .footer-bottom, [class*="footer"][class*="bottom"] {
    background: transparent !important;
    border-top: 1px solid #e8e8e8 !important;
    color: #555 !important;
}
/* Social icons */
.social711-icons a, .footer-social a {
    color: #555 !important;
    background: transparent !important;
    border: 1px solid #e8e8e8 !important;
}
.social711-icons a:hover, .footer-social a:hover {
    color: #FF6A00 !important;
    border-color: #FF6A00 !important;
    background: rgba(255,106,0,0.04) !important;
}
/* Contact info in footer */
.contact711-item, .footer-contact-item {
    color: #555 !important;
}
.contact711-item i, .footer-contact-item i {
    color: #FF6A00 !important;
}
/* Legal links */
.zt-legal-toggle-btn {
    background: rgba(255,106,0,0.06) !important;
    border-color: rgba(255,106,0,0.15) !important;
    color: #555 !important;
}
.zt-legal-list a { color: #555 !important; }
.zt-legal-list a:hover { color: #FF6A00 !important; }
/* Newsletter */
.newsletter711 input, .footer-newsletter input {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    color: #191919 !important;
}
.newsletter711 button, .footer-newsletter button {
    background: #FF6A00 !important;
    border-radius: 4px !important;
}
/* Copyright text */
.copyright711, .footer-copyright {
    color: #555 !important;
}

/* FAQ text visibility fix */
.kb-faq-answer, .kb-faq-content, .faq-answer, .faq-content, .accordion-content, .kb-article-content { color: #333 !important; }
.kb-faq-question, .faq-question, .accordion-header { color: #191919 !important; }
.kb-category-title, .kb-article-title { color: #191919 !important; }
.kb-search-box input { color: #333 !important; background: #fff !important; }
/* Ensure all body text is dark */
main, main p, main span, main li, main td, main th, main label, main div { color: #333; }
main h1, main h2, main h3, main h4, main h5 { color: #191919; }
/* Keep white text on orange buttons */
.zt-btn-primary, .zt-support-link, .zt-pricing-popular, .ac-btn { color: #fff !important; }
.gal-faq-q { color: #191919 !important; }

/* Header dropdown arrow indicators */
.zt-nav-item > .zt-nav-link::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    margin-left: 4px;
    opacity: 0.4;
    transition: transform 0.25s ease, opacity 0.25s ease;
    display: inline-block;
}
.zt-nav-item:hover > .zt-nav-link::after {
    transform: rotate(180deg);
    opacity: 0.8;
    color: #FF6A00;
}
/* Hide chevron span since we use ::after now */
.zt-chevron { display: none !important; }
/* Dropdown appears smoother */
.zt-dropdown {
    transform: translateX(-50%) translateY(4px) !important;
    border-radius: 8px !important;
    border: 1px solid #e8e8e8 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}
.zt-nav-item:hover > .zt-dropdown {
    transform: translateX(-50%) translateY(0) !important;
}
/* Dropdown link hover */
.zt-dropdown a:hover {
    background: #FFF5EB !important;
    color: #FF6A00 !important;
}
.zt-dropdown a:hover i {
    color: #FF6A00 !important;
    opacity: 1 !important;
}
/* Mobile menu arrow */
.zt-m-chevron {
    transition: transform 0.3s ease !important;
    color: #FF6A00 !important;
    opacity: 0.6 !important;
}
.zt-mobile-group.open .zt-m-chevron {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
}