/*
 Theme Name:   Hotels Near Child Theme
 Theme URI:    https://hotelsnear.co
 Description:  Child theme for Hotels Near
 Author:       Derrick Eckardt
 Author URI:   https://hotelsnear.co
 Template:     hueman
 Version:      1.0.0
*/

/* Affiliate Links Button Styles */

/* Container for multiple buttons */
.affiliate-buttons-container {
    margin: 20px 0;
    text-align: center;
}

.affiliate-buttons-container.horizontal {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.affiliate-buttons-container.vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

/* Force WordPress block buttons to display inline and remove width constraints */
.affiliate-buttons-container.horizontal .wp-block-button {
    display: inline-flex !important;
    flex-shrink: 0;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}

.affiliate-buttons-container.horizontal .wp-block-button.has-custom-width {
    width: auto !important;
}

/* Generic affiliate button */
.affiliate-button {
    display: inline-block;
    background: #ff73aa;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 3px;
    margin: 10px 0;
}

.affiliate-button:hover {
    background: #f05a87;
    color: white;
}

/* Affiliate box style */
.affiliate-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
    text-align: center;
}

.affiliate-box .thumbnail {
    margin-bottom: 10px;
}

.affiliate-box h4 {
    margin: 10px 0;
}