/*
Theme Name: Glossom
Theme URI: https://glossom.com
Author: Glossom Team
Author URI: https://glossom.com
Description: Custom WordPress theme for Glossom's TikTok-verified sample request form. Features a modern, Gen Z-friendly design with soft pastel colors and mobile-first approach.
Version: 1.0.0
License: Proprietary
Text Domain: glossom
Tags: custom-theme, sample-request, tiktok-integration

This theme is specifically designed for Glossom's creator outreach program.
*/

/* Fallback overrides for branded content pages. These live in the base stylesheet
   so production still gets the core fixes even if a secondary stylesheet is stale. */

body.glossom-branded-content-page .entry-content a,
body.glossom-branded-content-page .glossom-legal-content a,
body.glossom-branded-content-page .entry-content a:link,
body.glossom-branded-content-page .glossom-legal-content a:link,
body.glossom-branded-content-page .entry-content a:visited,
body.glossom-branded-content-page .glossom-legal-content a:visited,
body.glossom-branded-content-page .entry-content a:hover,
body.glossom-branded-content-page .glossom-legal-content a:hover,
body.glossom-branded-content-page .entry-content a:focus,
body.glossom-branded-content-page .glossom-legal-content a:focus,
body.glossom-branded-content-page .entry-content a:active,
body.glossom-branded-content-page .glossom-legal-content a:active {
    color: #EB7029 !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    -webkit-text-decoration: none !important;
}

body.glossom-branded-content-page .entry-content .wp-block-button__link,
body.glossom-branded-content-page .glossom-legal-content .wp-block-button__link,
body.glossom-branded-content-page .entry-content .wp-element-button,
body.glossom-branded-content-page .glossom-legal-content .wp-element-button {
    background: #63A6FF !important;
    color: #FFFFFF !important;
    border: 2px solid #252628 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(99, 166, 255, 0.28) !important;
}

body.glossom-branded-content-page .entry-content .wp-block-button__link:hover,
body.glossom-branded-content-page .glossom-legal-content .wp-block-button__link:hover,
body.glossom-branded-content-page .entry-content .wp-element-button:hover,
body.glossom-branded-content-page .glossom-legal-content .wp-element-button:hover {
    background: #EB7029 !important;
    color: #FFFFFF !important;
    border-color: #EB7029 !important;
}
