/*
 Theme Name:   Hello Wagrainbow (Child)
 Template:     hello-elementor
*/

/* 1. 徹底歸零：消除主題自帶的干擾 */
#content, .site-main, .entry-content, .post-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

/* 2. 讓 Tailwind 的容器 (.max-w-7xl) 在 WordPress 裡真正居中 */
.max-w-7xl {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. 修復圖片溢出問題 */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 4. 針對 WooCommerce 按鈕的微調 */
.woocommerce button.button.alt, 
.woocommerce a.button.alt {
    background-color: #ff4d88 !important; /* 你的多巴胺粉 */
    border-radius: 0.75rem !important;
    transition: all 0.3s ease;
}

/* 讓導航欄不再壓抑 */
header.glass-nav {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* 修正商品主圖與標題的間距 */
main.max-w-7xl {
    padding-top: 3rem !important; /* 讓導航欄下方留出空間 */
    padding-bottom: 5rem !important;
}

/* 修正按鈕和文字的 Tailwind 優先級 */
.bg-primary { background-color: #ff4d88 !important; }
.text-primary { color: #ff4d88 !important; }

/* 隱藏 WordPress 自動生成的、你不需要的標籤 */
.woocommerce-products-header, .woocommerce-result-count, .woocommerce-ordering {
    display: none !important;
}