/*
 * CooCoo Babys - Hostinger Affiliate Plugin Overrides
 * 
 * This stylesheet completely hijacks the Hostinger Affiliate Plugin blocks
 * and aggressively repaints them with the CooCoo Babys premium gold design.
 */

/* 1. Base Card Layout (Horizontal Flex) */
.hostinger-affiliate-block-single-type {
    display: flex !important;
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin: 2rem 0 !important;
    gap: 2rem !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    align-items: center !important;
    flex-direction: row !important;
}

.hostinger-affiliate-block-single-type:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
    transform: translateY(-4px) !important;
    border-color: #D4AF37 !important;
}

/* Mobile Responsiveness for the Card */
@media (max-width: 768px) {
    .hostinger-affiliate-block-single-type {
        flex-direction: column !important;
        text-align: center !important;
        gap: 1.5rem !important;
        padding: 1.2rem !important;
    }
}

/* 2. Image Column */
.hostinger-affiliate-block-single-type__image {
    flex-shrink: 0 !important;
    width: 150px !important;
    height: 150px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FAFAFA !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Force mobile image centering */
@media (max-width: 768px) {
    .hostinger-affiliate-block-single-type__image {
        width: 100% !important;
        height: 180px !important;
        margin: 0 auto !important;
    }
}

.hostinger-affiliate-block-single-type__image img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.4s ease !important;
    padding: 10px !important;
}

.hostinger-affiliate-block-single-type:hover .hostinger-affiliate-block-single-type__image img {
    transform: scale(1.05) !important;
}

/* 3. Content Column */
.hostinger-affiliate-block-single-type__product-data {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    text-align: left !important;
    padding: 0 !important;
}

@media (max-width: 768px) {
    .hostinger-affiliate-block-single-type__product-data {
        text-align: center !important;
        align-items: center !important;
    }
}

/* 4. Product Title */
.hostinger-affiliate-block-single-type__product-title h3 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    line-height: 1.3 !important;
    margin: 0 0 0.25rem 0 !important;
}

.hostinger-affiliate-block-single-type__product-title a {
    text-decoration: none !important;
}

/* Hide description if it's empty or unnecessary to keep cards clean */
.hostinger-affiliate-block-single-type__product-description {
    display: none !important;
}

/* 5. Pricing & Actions Container */
.hostinger-affiliate-block-single-type__product-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin-top: 0.5rem !important;
    align-items: flex-start !important;
}

@media (max-width: 768px) {
    .hostinger-affiliate-block-single-type__product-actions {
        align-items: center !important;
    }
}

/* 6. Price */
.hostinger-affiliate-block-single-type__product-price {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;
    margin: 0 !important;
}

/* 7. Gold Amazon Button */
.hostinger-affiliate-block-single-type__product-amazon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.8rem 1.8rem !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    width: auto !important;
}

.hostinger-affiliate-block-single-type__product-amazon-button:hover {
    background: #1A1A1A !important;
    box-shadow: 0 4px 15px rgba(26,26,26,0.3) !important;
    transform: translateY(-2px) !important;
    color: #D4AF37 !important;
}

/* ==========================================================================
   GRID LAYOUTS (For multiple Hostinger blocks side-by-side)
   ========================================================================== */
.amz-grid-2, .amz-grid-3 {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

.amz-grid-2 { grid-template-columns: repeat(2, 1fr); }
.amz-grid-3 { grid-template-columns: repeat(3, 1fr); }

/* Force vertical styling when a Hostinger block is inside a Grid wrapper */
.amz-grid-2 .hostinger-affiliate-block-single-type,
.amz-grid-3 .hostinger-affiliate-block-single-type {
    flex-direction: column !important;
    text-align: center !important;
    margin: 0 !important; /* Let the grid handle margins */
    padding: 1.5rem !important;
    gap: 1rem !important;
}

.amz-grid-2 .hostinger-affiliate-block-single-type__image,
.amz-grid-3 .hostinger-affiliate-block-single-type__image {
    width: 100% !important;
    height: 200px !important;
}

.amz-grid-2 .hostinger-affiliate-block-single-type__product-data,
.amz-grid-3 .hostinger-affiliate-block-single-type__product-data,
.amz-grid-2 .hostinger-affiliate-block-single-type__product-actions,
.amz-grid-3 .hostinger-affiliate-block-single-type__product-actions {
    align-items: center !important;
    text-align: center !important;
}

.amz-grid-2 .hostinger-affiliate-block-single-type__product-button-wrap,
.amz-grid-3 .hostinger-affiliate-block-single-type__product-button-wrap,
.amz-grid-2 .hostinger-affiliate-block-single-type__product-amazon-button,
.amz-grid-3 .hostinger-affiliate-block-single-type__product-amazon-button {
    width: 100% !important;
    justify-content: center !important;
    margin-top: auto !important; /* push button to bottom */
}

@media (max-width: 768px) {
}

/* ==========================================================================
   HOSTINGER COMPARISON TABLE OVERRIDES
   ========================================================================== */
.hostinger-affiliate-table {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 12px !important;
    padding: 1rem !important;
    margin: 2rem 0 !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04) !important;
}

/* Force the cells to have proper borders and padding */
.hostinger-affiliate-table__cell {
    border-bottom: 1px solid #F0F0F0 !important;
    padding: 1rem !important;
    background: transparent !important;
    color: #1A1A1A !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Feature Labels (Left column) */
.hostinger-affiliate-table__value--is-feature-label {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #888888 !important;
    text-align: left !important;
    width: 100% !important;
}

/* Titles inside Table */
.hostinger-affiliate-table__value--is-title a {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* Thumbnails inside Table */
.hostinger-affiliate-table__value--is-thumbnail img {
    max-width: 180px !important;
    max-height: 180px !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.3s ease !important;
    cursor: pointer !important;
}
.hostinger-affiliate-table__value--is-thumbnail:hover img {
    transform: scale(1.1) !important;
}

/* Prices inside Table */
.hostinger-affiliate-table__value--is-price {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;
}

/* Buttons inside Table */
.hostinger-affiliate-table__value--is-amazon-button {
    width: 100% !important;
}
.hostinger-affiliate-table__value--is-amazon-button a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.8rem 1.5rem !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.hostinger-affiliate-table__value--is-amazon-button a:hover {
    background: #1A1A1A !important;
    color: #D4AF37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(26,26,26,0.2) !important;
}

/* Hide Prime row if empty or format it */
.hostinger-affiliate-table__value--is-prime-status {
    color: #D4AF37 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   HOSTINGER LIST/GRID CARDS (Bestsellers)
   ========================================================================== */
.hostinger-affiliate-block-list-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 2rem !important;
    margin: 2rem 0 !important;
}

.hostinger-affiliate-block-list-cards__item {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.04) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
}

.hostinger-affiliate-block-list-cards__item:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
    transform: translateY(-4px) !important;
    border-color: #D4AF37 !important;
}

/* Bestseller Badge */
.hostinger-affiliate-block-list-cards__bestseller-label {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 0.4rem 0.8rem !important;
    border-bottom-right-radius: 12px !important;
    border-top-left-radius: 11px !important;
    z-index: 2 !important;
}

.hostinger-affiliate-block-list-cards__product_data {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
}

/* List Card Image */
.hostinger-affiliate-block-list-cards__image {
    width: 100% !important;
    height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FAFAFA !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

/* Ensure the links and divs inside the image container stretch correctly */
.hostinger-affiliate-block-list-cards__image a,
.hostinger-affiliate-block-list-cards__image a div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.hostinger-affiliate-block-list-cards__image img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.4s ease !important;
    cursor: pointer !important;
}

.hostinger-affiliate-block-list-cards__item:hover .hostinger-affiliate-block-list-cards__image img {
    transform: scale(1.08) !important;
}

/* List Card Title */
.hostinger-affiliate-block-list-cards__product-title h3 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}
.hostinger-affiliate-block-list-cards__product-title a { text-decoration: none !important; }

/* List Card Price */
.hostinger-affiliate-block-list-cards__product-price {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;
    margin: 0.5rem 0 !important;
}

/* List Card Button */
.hostinger-affiliate-block-list-cards__product-button-wrap {
    margin-top: auto !important; /* push to bottom */
    width: 100% !important;
}

.hostinger-affiliate-block-list-cards__product-amazon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.8rem 1.5rem !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.hostinger-affiliate-block-list-cards__product-amazon-button:hover {
    background: #1A1A1A !important;
    color: #D4AF37 !important;
    box-shadow: 0 4px 15px rgba(26,26,26,0.3) !important;
    transform: translateY(-2px) !important;
}

/* ======================================================================
   MINIMAL LIGHT REFRESH
   ====================================================================== */
.hostinger-affiliate-block-single-type,
.hostinger-affiliate-table,
.hostinger-affiliate-block-list-cards__item {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(19, 32, 43, 0.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 48px rgba(15, 23, 32, 0.06) !important;
}

.hostinger-affiliate-block-single-type:hover,
.hostinger-affiliate-block-list-cards__item:hover {
    border-color: rgba(107, 143, 113, 0.3) !important;
    box-shadow: 0 26px 60px rgba(15, 23, 32, 0.12) !important;
}

.hostinger-affiliate-block-single-type__image,
.hostinger-affiliate-block-list-cards__image {
    background: linear-gradient(180deg, #fbfcfa 0%, #f0f5f0 100%) !important;
    border-radius: 20px !important;
}

.hostinger-affiliate-block-single-type__product-title h3,
.hostinger-affiliate-table__value--is-title a,
.hostinger-affiliate-block-list-cards__product-title h3 {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: #0f1720 !important;
}

.hostinger-affiliate-block-single-type__product-price,
.hostinger-affiliate-table__value--is-price,
.hostinger-affiliate-block-list-cards__product-price {
    color: #13202b !important;
}

.hostinger-affiliate-block-single-type__product-amazon-button,
.hostinger-affiliate-table__value--is-amazon-button a,
.hostinger-affiliate-block-list-cards__product-amazon-button {
    position: relative !important;
    z-index: 5 !important;
    pointer-events: auto !important;
    background: #13202b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(19, 32, 43, 0.08) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 32, 0.12) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
}

.hostinger-affiliate-block-single-type__product-amazon-button:hover,
.hostinger-affiliate-table__value--is-amazon-button a:hover,
.hostinger-affiliate-block-list-cards__product-amazon-button:hover {
    background: #6b8f71 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #6b8f71 !important;
}

.hostinger-affiliate-block-single-type__product-amazon-button::before,
.hostinger-affiliate-table__value--is-amazon-button a::before,
.hostinger-affiliate-block-list-cards__product-amazon-button::before {
    display: none !important;
}

.hostinger-affiliate-block-single-type__product-amazon-button *,
.hostinger-affiliate-table__value--is-amazon-button a *,
.hostinger-affiliate-block-list-cards__product-amazon-button * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}