/*
Theme Name: Tailieuonthi
Theme URI: https://tailieuonthi.com.vn
Author: Tailieuonthi.com.vn
Author URI: https://tailieuonthi.com.vn
Description: Theme WordPress cho Tailieuonthi.com.vn - nen tang chia se tai lieu on thi cho hoc sinh THCS, THPT va giao vien. Chuan Technical SEO, toi uu Core Web Vitals, Semantic HTML, Accessibility WCAG 2.2 AA.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: tailieuonthi
Tags: education, custom-menu, custom-logo, threaded-comments, translation-ready
*/

/* =========================================================
   DESIGN TOKENS - Khong hardcode mau/khoang cach o noi khac,
   luon tham chieu qua cac bien nay (theo README.md)
   ========================================================= */
:root {
	/* Brand */
	--color-primary: #F40C44;
	--color-primary-dark: #C40936;
	--color-primary-light: #FDE7EC;

	/* Neutrals */
	--color-text: #16181D;
	--color-text-muted: #5B6270;
	--color-border: #E6E8EC;
	--color-bg: #FFFFFF;
	--color-bg-alt: #F7F8FA;

	/* Feedback */
	--color-success: #16A34A;
	--color-error: #DC2626;
	--color-warning: #D97706;

	/* Typography */
	--font-primary: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-size-base: 16px;
	--line-height-base: 1.6;

	/* Radius */
	--radius-sm: 8px;
	--radius-base: 16px;
	--radius-lg: 24px;
	--radius-full: 999px;

	/* Shadow (nhe theo README) */
	--shadow-sm: 0 1px 2px rgba(16, 18, 23, 0.06);
	--shadow-base: 0 4px 12px rgba(16, 18, 23, 0.08);
	--shadow-lg: 0 8px 24px rgba(16, 18, 23, 0.10);

	/* Layout */
	--container-width: 1440px;
	--section-spacing: 80px;
	--card-spacing: 24px;

	/* Animation */
	--transition-fast: 150ms ease;
	--transition-base: 200ms ease;
	--transition-slow: 250ms ease;
}

/* Import cac module CSS con - xem assets/css/ */

.bl-sticky-icon{
    position:fixed;
    z-index:99999;
    right:10px;
    bottom:450px;
}
.bl-sticky-icon img{
    width:70px;
    animation-name:shake-sticky-icon;
    animation-iteration-count:infinite;
    animation-delay:1s;
    animation-duration:2s;
    animation-timing-function:ease-in-out;
    cursor:pointer;
}
.bl-sticky-icon-close{
    width:20px;
    height:20px;
    display:block;
    border-radius:20px;
    border:1px solid #ff4b14;
    text-align:center;
    line-height:20px;
    position:absolute;
    right:0;
    top:-20px;
    cursor:pointer;
}
@keyframes shake-sticky-icon {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}