/*
Theme Name: Hello Elementor Child
Description: Child theme para foodie influencer con shortcode personalizado
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
*/

@import url("../hello-elementor/style.css");
@import url("https://use.typekit.net/gni0tpf.css");

/* =================================
   VARIABLES CSS
   ================================= */
:root {
    --foodie-green: #B2F100;
    --foodie-green-hover: #A0E000;
    --foodie-dark: #333;
    --foodie-black: #000;
    --foodie-white: #fff;
    --foodie-gray: #666;
    --foodie-light-gray: #f0f0f0;
    --foodie-shadow: rgba(0,0,0,0.1);
    --foodie-shadow-hover: rgba(0,0,0,0.15);
    --foodie-green-shadow: rgba(178, 241, 0, 0.3);
    --foodie-green-shadow-hover: rgba(178, 241, 0, 0.4);
    --foodie-border-radius: 15px;
    --foodie-transition: all 0.3s ease;
}

/* =================================
   FUENTE GLOBAL
   ================================= */
.foodie-posts-grid,
.foodie-posts-grid * {
    font-family: "seitu-variable", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* =================================
   GRID PRINCIPAL
   ================================= */
.foodie-posts-grid {
    display: grid !important;
    gap: 30px !important;
    margin: 20px 0 !important;
    width: 100% !important;
}

/* Columnas responsivas */
.foodie-columns-1 { grid-template-columns: 1fr !important; }
.foodie-columns-2 { grid-template-columns: repeat(2, 1fr) !important; }
.foodie-columns-3 { grid-template-columns: repeat(3, 1fr) !important; }
.foodie-columns-4 { grid-template-columns: repeat(4, 1fr) !important; }

/* =================================
   TARJETAS DE POSTS
   ================================= */
.foodie-post-card {
    background: var(--foodie-white) !important;
    border-radius: var(--foodie-border-radius) !important;
    box-shadow: 0 4px 15px var(--foodie-shadow) !important;
    transition: var(--foodie-transition) !important;
    border: 1px solid var(--foodie-light-gray) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.foodie-post-card:hover {
    transform: translateY(-5px) !important;
}

/* Tarjetas Boss Bites */
.foodie-post-boss-bites {
    border: 2px solid var(--foodie-green) !important;
}

.foodie-post-boss-bites:hover {
    transform: translateY(-8px) !important;
}

/* =================================
   BADGE TOP
   ================================= */
.foodie-top-badge {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 5 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25.5' cy='25.5' r='25.5' fill='%23B2F100'/%3E%3Cpath d='M25.6568 14.7324C25.069 13.7027 25.4245 12.3883 26.4452 11.793L30.6797 23.5564L25.6568 14.7324Z' fill='%2310110C'/%3E%3Cpath d='M33.4872 33.3472C33.2148 37.3162 30.0554 40.5634 26.1047 40.9201C22.5095 41.2422 19.3443 39.226 17.9481 36.2176C17.3747 34.9751 18.2835 33.5514 19.6482 33.5514C20.0123 33.5514 20.3592 33.6549 20.6517 33.8447C20.947 34.0346 21.1878 34.3021 21.3397 34.6328C22.0995 36.2751 23.8369 37.3738 25.7979 37.1782C27.9453 36.9682 29.6512 35.162 29.7601 32.9992C29.8146 31.9177 29.482 30.914 28.8885 30.1173C28.0829 29.0387 26.7985 28.3369 25.3507 28.3369C23.576 28.3369 22.0393 29.3896 21.3397 30.9111C21.0358 31.5697 20.3736 31.9868 19.6511 31.9868C18.5674 31.9868 17.7818 31.0952 17.7818 30.1058C17.7818 29.8412 17.8363 29.565 17.9624 29.3004C19.2096 26.6285 21.8529 24.7418 24.9493 24.5922L21.2107 19.3605C19.416 16.8554 19.4705 12.36 22.1339 10.8184L32.3089 28.4922C33.1632 29.8929 33.6133 31.564 33.4901 33.3472H33.4872Z' fill='%2310110C'/%3E%3Cpath d='M28.8395 15.57C28.4037 14.4655 28.9369 13.2144 30.0321 12.7715L32.5895 25.0152L28.8395 15.5728V15.57Z' fill='%2310110C'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    transition: var(--foodie-transition) !important;
}

.foodie-post-boss-bites:hover .foodie-top-badge {
    transform: scale(1.1) rotate(10deg) !important;
}

/* =================================
   IMAGEN DEL POST
   ================================= */
.foodie-post-image {
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--foodie-border-radius) var(--foodie-border-radius) 0 0 !important;
    height: 220px !important;
	padding: 10px !important;
}

.foodie-post-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: var(--foodie-transition) !important;
	border-radius: 10px !important;
}

.foodie-post-card:hover .foodie-post-image img {
    transform: scale(1.05) !important;
}

.foodie-post-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* =================================
   CONTENIDO DEL POST
   ================================= */
.foodie-post-content {
    padding: 20px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}



/* Título */
.foodie-post-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.4 !important;
}

.foodie-post-title a {
    color: var(--foodie-dark) !important;
    text-decoration: none !important;
    transition: var(--foodie-transition) !important;
}

.foodie-post-title a:hover {
    color: var(--foodie-green) !important;
}

/* Excerpt */
.foodie-post-excerpt {
    color: var(--foodie-gray) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    flex: 1 !important;
}

/* =================================
   CATEGORÍAS
   ================================= */
.foodie-post-categories {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 15px !important;
}

.foodie-category-tag {
    background-color: var(--foodie-green) !important;
    color: var(--foodie-dark) !important;
    padding: 6px 20px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: var(--foodie-transition) !important;
}

.foodie-category-tag:hover {
    background-color: var(--foodie-green-hover) !important;
    transform: translateY(-1px) !important;
}

/* =================================
   ELEMENTO BOSS BITES
   ================================= */
.foodie-boss-element {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
    color: var(--foodie-dark) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}



.foodie-boss-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='black'/%3E%3Cpath d='M15.026 8.83165C14.701 8.26221 14.8976 7.53531 15.4621 7.20605L17.8039 13.7116L15.026 8.83165Z' fill='white'/%3E%3Cpath d='M19.3562 19.1261C19.2056 21.3212 17.4583 23.117 15.2735 23.3142C13.2852 23.4923 11.5348 22.3773 10.7626 20.7136C10.4455 20.0264 10.9481 19.2391 11.7028 19.2391C11.9042 19.2391 12.096 19.2963 12.2578 19.4013C12.4211 19.5063 12.5543 19.6542 12.6383 19.8371C13.0585 20.7454 14.0193 21.353 15.1038 21.2448C16.2914 21.1287 17.2348 20.1298 17.295 18.9337C17.3251 18.3356 17.1412 17.7805 16.813 17.3399C16.3675 16.7434 15.6572 16.3553 14.8565 16.3553C13.875 16.3553 13.0252 16.9375 12.6383 17.7789C12.4702 18.1432 12.104 18.3738 11.7044 18.3738C11.1051 18.3738 10.6706 17.8807 10.6706 17.3335C10.6706 17.1872 10.7008 17.0345 10.7705 16.8882C11.4602 15.4105 12.9221 14.3671 14.6345 14.2844L12.5669 11.3911C11.5744 10.0057 11.6045 7.51955 13.0775 6.66699L18.7046 16.4412C19.1771 17.2158 19.426 18.14 19.3578 19.1261H19.3562Z' fill='white'/%3E%3Cpath d='M16.7852 9.29472C16.5442 8.68393 16.8391 7.99202 17.4448 7.74707L18.8591 14.5182L16.7852 9.29631V9.29472Z' fill='white'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.foodie-boss-text {
    color: var(--foodie-dark) !important;
    font-weight: 600 !important;
}

/* =================================
   FOOTER DEL POST
   ================================= */
.foodie-post-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--foodie-light-gray) !important;
}

.foodie-read-more {
    background-color: var(--foodie-dark) !important;
    color: var(--foodie-white) !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    transition: var(--foodie-transition) !important;
}

.foodie-read-more:hover {
    background-color: var(--foodie-green-hover) 
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px var(--foodie-shadow) !important;
}

/* Desactivar hover en Top de Planes */
.foodie-post-card.foodie-post-boss-bites .foodie-read-more:hover {
    background-color: var(--foodie-dark) !important;
    
}

/* Hover simplificado para botón en Top de Planes */
.foodie-post-card.foodie-post-boss-bites .foodie-read-more:hover {
    opacity: 0.8 !important;
    transform: none !important;
    box-shadow: none !important;
    transition: opacity 0.3s ease !important;
}

.foodie-post-date {
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

/* =================================
   ESTADO SIN POSTS
   ================================= */
.foodie-no-posts {
    text-align: center !important;
    color: var(--foodie-gray) !important;
    font-style: italic !important;
    padding: 40px 20px !important;
}

/* =================================
   RESPONSIVE DESIGN
   ================================= */
@media (max-width: 768px) {
    .foodie-columns-3,
    .foodie-columns-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .foodie-posts-grid {
        gap: 20px !important;
    }
    
    .foodie-post-content {
        padding: 15px !important;
    }
    
    .foodie-post-image {
        height: 180px !important;
    }
    
    .foodie-post-title {
        font-size: 16px !important;
    }
    
    .foodie-top-badge {
        width: 40px !important;
        height: 40px !important;
        top: 20px !important;
        right: 20px !important;
    }
}

@media (max-width: 480px) {
    .foodie-columns-2,
    .foodie-columns-3,
    .foodie-columns-4 {
        grid-template-columns: 1fr !important;
    }
    
    .foodie-posts-grid {
        gap: 15px !important;
    }
    
    .foodie-post-image {
        height: 200px !important;
    }
    
    .foodie-post-footer {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: flex-start !important;
    }
}

/* =================================
   MEJORAS DE ACCESIBILIDAD
   ================================= */
.foodie-posts-grid a:focus {
    outline: 2px solid var(--foodie-green) !important;
    outline-offset: 2px !important;
}

/* =================================
   ANIMACIONES
   ================================= */
@keyframes foodie-fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.foodie-post-card {
    animation: foodie-fade-in 0.6s ease-out !important;
}

.foodie-post-card:nth-child(2) { animation-delay: 0.1s !important; }
.foodie-post-card:nth-child(3) { animation-delay: 0.2s !important; }
.foodie-post-card:nth-child(4) { animation-delay: 0.3s !important; }
.foodie-post-card:nth-child(5) { animation-delay: 0.4s !important; }
.foodie-post-card:nth-child(6) { animation-delay: 0.5s !important; }