/*
Theme Name: TrendDeals
Theme URI: https://github.com/antonio86itna/Offerte-Amazon-Virali
Author: TrendDeals
Author URI: https://github.com/antonio86itna
Description: Tema WordPress per offerte Amazon virali. Design moderno con Tailwind CSS, custom post type "Deal" con prezzi, sconti, rating e link affiliato Amazon.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trenddeals
Tags: e-commerce, blog, custom-colors, custom-logo, featured-images, full-width-template, grid-layout, one-column, two-columns, three-columns, translation-ready
*/

/* ==========================================================================
   Base & Reset
   ========================================================================== */

:root {
    --td-purple: #9333ea;
    --td-purple-light: #a855f7;
    --td-pink: #ec4899;
    --td-orange: #fb923c;
    --td-amber: #f59e0b;
    --td-green: #4ade80;
    --td-red: #ef4444;
}

/* Hide scrollbar for category nav */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Selection styling */
::selection {
    background-color: #e9d5ff;
    color: #581c87;
}

/* Line clamp utility */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Pulse animation for deal badge */
@keyframes td-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
.td-pulse {
    animation: td-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Ping animation for notification dot */
@keyframes td-ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}
.td-ping {
    animation: td-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* WordPress-specific overrides */
.wp-block-image img {
    border-radius: 1rem;
}

/* Admin bar fix */
body.admin-bar .sticky-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .sticky-header {
        top: 46px;
    }
}

/* Smooth transitions for deal cards */
.deal-card {
    transition: all 0.3s ease;
}
.deal-card:hover {
    box-shadow: 0 8px 30px rgb(0 0 0 / 0.08);
}
.deal-card:hover .deal-card-image img {
    transform: scale(1.05);
}
.deal-card:hover .deal-card-title {
    color: #7c3aed;
}
.deal-card:hover .deal-card-share {
    opacity: 1;
}

/* Hero section hover */
.hero-deal:hover .hero-deal-image {
    transform: scale(1.05);
}

/* Countdown timer digits */
.countdown-digit {
    font-variant-numeric: tabular-nums;
}