/*
Theme Name: Horse4U Child Theme
Theme URI: http://horse4u.net/
styles.css | Version 2.0
Author: <a href="http://www.horse4u.net">Horse4U</a>
Description: Fully customizable front end theme for Thrive Themes & modern plugin stack (Forminator, WPUF, TranslatePress, FluentCRM)
Template: thrive-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, thrive-ready
*/

/*--------------------------------------------------------------
>>> Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'Hammersmith One';
  src: url('/wp-content/uploads/fonts/HammersmithOne-Regular.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/HammersmithOne-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/wp-content/uploads/fonts/Inter-Regular.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/wp-content/uploads/fonts/Inter-Bold.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

/*--------------------------------------------------------------
>>> Design Tokens
--------------------------------------------------------------*/
:root {
    --main-color: #FCAF16;
    --secondary-color: #312783;
    --background-color: #f9f9f9;
    --text-color: #333333;
    --primary-font: 'Hammersmith One', sans-serif;
    --secondary-font: 'Inter', sans-serif;
    --border-radius: 6px;
    --transition: all 0.3s ease;
}

/*--------------------------------------------------------------
>>> Typography
--------------------------------------------------------------*/
body, .thrv_wrapper, .thrv_content {
    font-family: var(--secondary-font);
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    color: var(--main-color);
}

p, label, span {
    font-family: var(--secondary-font);
    color: var(--text-color);
}

/*--------------------------------------------------------------
>>> Buttons
--------------------------------------------------------------*/
button, .button, input[type="submit"] {
    background: var(--main-color);
    color: white;
    border: none;
    border-radius: var(--border-radius);
    padding: 12px 20px;
    font-family: var(--secondary-font);
    font-size: 16px;
    cursor: pointer;
    transition: var(--transition);
}

button:hover, .button:hover, input[type="submit"]:hover {
    background: var(--secondary-color);
}

/*--------------------------------------------------------------
>>> Forms (WPUF, Forminator, Thrive)
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="password"],
textarea, select {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: var(--border-radius);
    font-family: var(--secondary-font);
    font-size: 16px;
}

input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: var(--main-color);
    box-shadow: 0 0 4px var(--main-color);
}

/*--------------------------------------------------------------
>>> TranslatePress Language Switcher
--------------------------------------------------------------*/
#language-switcher input.button {
    background-color: var(--main-color);
    color: white;
    border-radius: var(--border-radius);
    padding: 10px 18px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

#language-switcher input.button:hover {
    background-color: white;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

/*--------------------------------------------------------------
>>> Utility Classes (optional)
--------------------------------------------------------------*/
.bg-primary {
    background-color: var(--main-color) !important;
    color: #fff !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.rounded {
    border-radius: var(--border-radius) !important;
}