/* ===== Đồng Thành Công Pro - slider.css (shortcode [dtc_slider]) ===== */
.dtc-slider { position: relative; overflow: hidden; border-radius: var(--dtc-radius); margin: 24px 0; }
.dtc-slider-track { position: relative; height: var(--dtc-slider-h, 460px); }
.dtc-slide {
	position: absolute; inset: 0; background-size: cover; background-position: center;
	opacity: 0; transition: opacity .6s ease; display: flex;
}
.dtc-slide.active { opacity: 1; z-index: 1; }
.dtc-slide-overlay { position: absolute; inset: 0; background: #000; }
.dtc-slide-content { position: relative; z-index: 2; max-width: 560px; padding: 32px; }
.dtc-slide-title { color: inherit; font-size: 36px; margin: 0 0 14px; line-height: 1.2; }
.dtc-slide-text { font-size: 18px; margin: 0 0 20px; }
.dtc-slide-btn { color: #fff; }

/* 9 vị trí text */
.dtc-slide { align-items: center; justify-content: flex-start; }
.dtc-pos-top-left      { align-self: flex-start; margin-right: auto; }
.dtc-pos-top-center    { align-self: flex-start; margin: 0 auto; }
.dtc-pos-top-right     { align-self: flex-start; margin-left: auto; }
.dtc-pos-middle-left   { align-self: center; margin-right: auto; }
.dtc-pos-middle-center { align-self: center; margin: 0 auto; }
.dtc-pos-middle-right  { align-self: center; margin-left: auto; }
.dtc-pos-bottom-left   { align-self: flex-end; margin-right: auto; }
.dtc-pos-bottom-center { align-self: flex-end; margin: 0 auto; }
.dtc-pos-bottom-right  { align-self: flex-end; margin-left: auto; }
.dtc-slide { flex-direction: column; }

/* Arrows + dots */
.dtc-slider-arrow {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
	width: 44px; height: 44px; border: 0; border-radius: 50%; cursor: pointer;
	background: rgba(255,255,255,.8); color: #222; font-size: 16px;
}
.dtc-slider-arrow:hover { background: var(--dtc-primary); color: #fff; }
.dtc-slider-arrow.prev { left: 14px; }
.dtc-slider-arrow.next { right: 14px; }
.dtc-slider-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); z-index: 5; display: flex; gap: 8px; }
.dtc-slider-dot { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: transparent; cursor: pointer; padding: 0; }
.dtc-slider-dot.active { background: #fff; }

@media (max-width: 768px) {
	.dtc-slider-track { height: 320px; }
	.dtc-slide-title { font-size: 24px; }
	.dtc-slide-text { font-size: 15px; }
	.dtc-slide-content { padding: 20px; }
}