/*
Theme Name: AffiliateCMS Child
Theme URI: https://lat.vn/
Description: Child theme for AffiliateCMS Theme. Add your custom styles and overrides here.
Author: AffiliateCMS Team
Author URI: https://lat.vn/
Template: affiliateCMS-theme
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: affiliatecms-child
*/

/* ==========================================================================
   Custom Styles - Add your overrides below
   ========================================================================== */

/* Deals page (template-deals.php) */
.ar-deals-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 32px;
}

.ar-deals-nav__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-text);
    font-size: 0.9rem;
    text-decoration: none;
}

.ar-deals-nav__chip:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.ar-deals-nav__chip span {
    color: var(--color-text-muted);
    font-size: 0.8rem;
}

.ar-deals-section {
    margin: 0 0 48px;
    scroll-margin-top: 96px;
}

.ar-deals-section__title {
    margin: 0 0 16px;
}

.ar-deals-section__guides {
    margin: 12px 0 0;
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

.ar-deals-disclaimer {
    margin-top: 16px;
}

@media (max-width: 767px) {
    .ar-deals-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 24px;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .ar-deals-nav__chip {
        flex: 0 0 auto;
    }
}

.ar-deals-section__title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.ar-deals-section__all {
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
}