/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ==========================================================================
   Design System: Tanzschule Strobel
   - Primary: #c62537 / Hover: #a01f2c
   - Fonts: Antic Slab (Headings), PT Sans (Body)
   - Border Radius: 8px (modern-friendly)
   ========================================================================== */

/* --- CSS Custom Properties --- */
:root {
    --color-primary: #c62537;
    --color-primary-hover: #a01f2c;
    --color-primary-light: #e8d4d7;
    --color-success: #a0ce4e;
    --color-black: #333333;
    --color-dark-gray: #666666;
    --color-medium-gray: #999999;
    --color-light-gray: #e0e0e0;
    --color-off-white: #f6f6f6;
    --color-white: #ffffff;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
}

/* --- Buttons --- */
.fusion-button,
.button,
button,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    border-radius: var(--radius-md) !important;
}

.fusion-button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: var(--color-primary-hover) !important;
}

/* --- Form Elements --- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"],
textarea,
select {
    border-radius: var(--radius-md) !important;
    border-color: var(--color-light-gray) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    border-color: var(--color-primary) !important;
    outline: none;
}

/* --- Cards & Containers --- */
.fusion-column-wrapper,
.post-card,
.woocommerce ul.products li.product,
.fusion-content-box {
    border-radius: var(--radius-md);
}

/* --- WooCommerce Product Cards --- */
.woocommerce ul.products li.product .woocommerce-loop-product__link img {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

/* --- Links konsistent --- */
a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary-hover);
}

/* --- Pagination --- */
.pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border-radius: var(--radius-md) !important;
}

/* --- Alerts/Notices --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: var(--radius-md) !important;
}

/* --- Search Form --- */
.searchform .fusion-search-field input,
.fusion-search-form .fusion-search-field input {
    border-radius: var(--radius-md) !important;
}

/* --- Images with Hover Effect --- */
.fusion-rollover {
    border-radius: var(--radius-md);
}

/* --- Accordion / Toggles --- */
/* Override inline styles with high specificity */
body .fusion-accordian .panel-title a,
body .fusion-accordian .panel-title .fusion-toggle-heading,
body .fusion-accordian .fusion-panel .panel-title a,
body .fusion-accordian .fusion-panel .panel-title .fusion-toggle-heading,
body .fusion-toggle .panel-title a,
body .fusion-toggle .panel-title .fusion-toggle-heading,
.fusion-body .fusion-accordian .panel-title .fusion-toggle-heading,
.fusion-body .fusion-toggle .panel-title .fusion-toggle-heading {
    font-family: 'Antic Slab', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--color-primary) !important;
    margin-left: 10px !important;
}

body .fusion-accordian .panel-body,
body .fusion-toggle .panel-body,
.fusion-body .fusion-accordian .panel-body,
.fusion-body .fusion-toggle .panel-body {
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.fusion-accordian .panel,
.fusion-toggle .panel {
    border-radius: var(--radius-md) !important;
}

.fusion-accordian .panel-heading,
.fusion-toggle .panel-heading {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

/* Override page-specific toggle-css class */
.toggle-css .fusion-toggle-heading,
.fusion-accordian .toggle-css .fusion-toggle-heading {
    font-size: 20px !important;
}