/*
Theme Name: ERIPET Child Theme
Description: Child theme pro ERIPET s.r.o. - Fotovoltaika a solární energie. Postaveno na Avada Factory šabloně.
Author: ERIPET s.r.o.
Author URI: https://eripet.cz
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

/* ===================================================
   ERIPET - GLOBÁLNÍ BARVY A PROMĚNNÉ
   Primární: žlutá #F5C800 (jako Factory oranžová → žlutá)
   Sekundární: tmavá #2B2D42 (tmavě šedá)
   Akcent: bílá #FFFFFF
   =================================================== */

:root {
    --eripet-primary: #F5C800;
    --eripet-primary-dark: #D4AC00;
    --eripet-dark: #2B2D42;
    --eripet-dark-light: #3D3F5A;
    --eripet-text: #333333;
    --eripet-light-bg: #F8F8F0;
    --eripet-white: #FFFFFF;
}

/* ===================================================
   HEADER
   =================================================== */

/* Horní lišta s telefonem */
.fusion-secondary-header {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
}

.fusion-secondary-header a {
    color: var(--eripet-dark) !important;
    font-weight: 700;
}

/* Hlavní navigace */
.fusion-header .fusion-header-wrapper {
    background-color: var(--eripet-white) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Aktivní/hover položka menu */
.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li.current-menu-ancestor > a {
    color: var(--eripet-primary) !important;
    border-bottom: 2px solid var(--eripet-primary) !important;
}

/* Dropdown menu */


.fusion-main-menu .fusion-dropdown-menu li a {
    color: var(--eripet-white) !important;
}

.fusion-main-menu .fusion-dropdown-menu li a:hover {
    color: var(--eripet-primary) !important;
    background: var(--eripet-dark-light) !important;
}

/* CTA tlačítko v headeru - "Získat nabídku" */
.fusion-button.button-default,
.fusion-button.button-large {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
    border-color: var(--eripet-primary) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fusion-button.button-default:hover,
.fusion-button.button-large:hover {
    background-color: var(--eripet-primary-dark) !important;
    border-color: var(--eripet-primary-dark) !important;
}

/* ===================================================
   HERO SEKCE - HOMEPAGE
   =================================================== */

.fusion-page-title-bar {
    background-color: var(--eripet-dark) !important;
}

/* Hero text */
.fusion-title h1,
.fusion-title h2 {
    font-family: 'Barlow', 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ===================================================
   SEKCE - VÝHODY FVE (žluté pozadí)
   =================================================== */

.eripet-vyhody-section {
    background-color: var(--eripet-light-bg) !important;
}

/* ===================================================
   IKONY A CHECKMARKY
   =================================================== */

.fusion-li-item i,
.fusion-checklist li:before,
.fusion-content-boxes .fusion-icon-wrapper {
    color: var(--eripet-primary) !important;
}

/* ===================================================
   TLAČÍTKA - VŠECHNY VARIANTY
   =================================================== */

/* Primární tlačítko */
.fusion-button-default-accent-color,
.fusion-button.button-default {
    background: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
    border-color: var(--eripet-primary) !important;
    font-weight: 700;
    border-radius: 3px;
    padding: 14px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.fusion-button.button-default:hover {
    background: var(--eripet-primary-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(245, 200, 0, 0.4);
}

/* Ghost / outline tlačítko */
.fusion-button.button-border {
    border: 2px solid var(--eripet-primary) !important;
    color: var(--eripet-primary) !important;
    background: transparent !important;
}

.fusion-button.button-border:hover {
    background: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
}

/* ===================================================
   CONTENT BOXES / ICON BOXES (služby)
   =================================================== */

.fusion-content-boxes .fusion-content-box-hover .link-area-box,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover {
    border-top: 3px solid var(--eripet-primary) !important;
}

.fusion-content-boxes .fusion-content-box-hover .fusion-heading-title {
    color: var(--eripet-dark) !important;
}

.fusion-content-boxes .fusion-icon-wrapper {
    background-color: var(--eripet-primary) !important;
    border-color: var(--eripet-primary) !important;
}

.fusion-content-boxes .fusion-icon-wrapper i {
    color: var(--eripet-dark) !important;
}

/* ===================================================
   COUNTER / STATISTIKY
   =================================================== */

.fusion-counter-box .counter {
    color: var(--eripet-primary) !important;
    font-size: 3.5rem;
    font-weight: 800;
}

.fusion-counter-box .counter-box-border {
    border-top: 3px solid var(--eripet-primary) !important;
}

/* ===================================================
   PROJECTS / REALIZACE GRID
   =================================================== */

.fusion-portfolio .fusion-portfolio-post:hover .fusion-portfolio-content-wrapper {
    background: var(--eripet-primary) !important;
}

.fusion-portfolio .fusion-portfolio-post .fusion-portfolio-content-wrapper h2 a {
    color: var(--eripet-dark) !important;
}

/* ===================================================
   BLOG / AKTUALITY
   =================================================== */

.fusion-blog-layout-grid .fusion-post-card-featured .fusion-read-more {
    color: var(--eripet-primary) !important;
}

.fusion-blog-layout-grid .fusion-post-card-featured:hover {
    border-top: 3px solid var(--eripet-primary) !important;
}

/* ===================================================
   SEPARATOR / ODDĚLOVAČ
   =================================================== */

.fusion-separator .sep-line,
.fusion-separator.sep-has-icon .sep-line {
    border-color: var(--eripet-primary) !important;
}

.fusion-separator .sep-icon-inner {
    color: var(--eripet-primary) !important;
}

/* ===================================================
   FORMULÁŘ / KONTAKT
   =================================================== */

.fusion-form-field input:focus,
.fusion-form-field textarea:focus,
.fusion-form-field select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--eripet-primary) !important;
    box-shadow: 0 0 0 3px rgba(245, 200, 0, 0.2) !important;
    outline: none;
}

/* Zaškrtávací políčka */
input[type="checkbox"]:checked {
    accent-color: var(--eripet-primary) !important;
}

/* Submit tlačítko formuláře */
.fusion-form-submit-button,
input[type="submit"],
button[type="submit"] {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
    border-color: var(--eripet-primary) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

/* ===================================================
   FOOTER
   =================================================== */

/* Horní část footeru */
#footer,
.fusion-footer-widget-area {
    background-color: var(--eripet-dark) !important;
    color: var(--eripet-white) !important;
}

.fusion-footer-widget-area .fusion-footer-widget-column h3,
.fusion-footer-widget-area .widget-title {
    color: var(--eripet-primary) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fusion-footer-widget-area a {
    color: rgba(255,255,255,0.8) !important;
    transition: color 0.3s;
}

.fusion-footer-widget-area a:hover {
    color: var(--eripet-primary) !important;
}

/* Spodní copyright lišta */
.fusion-footer-copyright-area {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
}

.fusion-footer-copyright-area a,
.fusion-footer-copyright-area p {
    color: var(--eripet-dark) !important;
}

/* Sociální ikony ve footeru */
.fusion-footer-widget-area .fusion-social-networks a {
    color: var(--eripet-white) !important;
    border-color: var(--eripet-white) !important;
}

.fusion-footer-widget-area .fusion-social-networks a:hover {
    background-color: var(--eripet-primary) !important;
    border-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
}

/* ===================================================
   TICKER / RUNNING TEXT (jako na eripet.cz)
   =================================================== */

.fusion-secondary-header .fusion-phone-number {
    font-weight: 700;
    color: var(--eripet-dark);
}

/* ===================================================
   NADPISY SEKCÍ (styl Factory)
   =================================================== */

.fusion-title .title-heading-left,
.fusion-title .title-heading-center {
    position: relative;
}

/* Malý podtitul nad hlavním nadpisem */
.fusion-title.fusion-title-size-one .fusion-title-text {
    font-size: 2.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--eripet-dark);
}

/* Žlutý podtitul */
.fusion-title h4,
.fusion-title .fusion-title-text.small {
    color: var(--eripet-primary) !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 3px;
    font-weight: 600;
}

/* ===================================================
   PRICING BOXES (sestavy FVE)
   =================================================== */

.fusion-pricing-table .panel-heading {
    background-color: var(--eripet-dark) !important;
    color: var(--eripet-white) !important;
}

.fusion-pricing-table.fusion-pricing-table-style-sep .panel-container.active .panel-heading,
.fusion-pricing-table .panel-container.active .panel-heading {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
}

.fusion-pricing-table .price {
    color: var(--eripet-primary) !important;
}

.fusion-pricing-table .panel-footer .fusion-button {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
    border-color: var(--eripet-primary) !important;
}

/* ===================================================
   ACCORDION / FAQ
   =================================================== */

.fusion-accordian .panel-title a {
    color: var(--eripet-dark) !important;
}

.fusion-accordian .panel-title a:not(.collapsed) {
    color: var(--eripet-primary) !important;
    background-color: var(--eripet-dark) !important;
}

/* ===================================================
   SCROLL TO TOP TLAČÍTKO
   =================================================== */

#toTop {
    background-color: var(--eripet-primary) !important;
    color: var(--eripet-dark) !important;
}

#toTop:hover {
    background-color: var(--eripet-primary-dark) !important;
}

/* ===================================================
   MOBILNÍ MENU
   =================================================== */

.fusion-mobile-menu-icons a,
.fusion-mobile-menu-icons span {
    color: var(--eripet-dark) !important;
}

.fusion-mobile-nav-holder {
    background-color: var(--eripet-dark) !important;
}

.fusion-mobile-nav-holder li a {
    color: var(--eripet-white) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.fusion-mobile-nav-holder li a:hover,
.fusion-mobile-nav-holder li.current-menu-item > a {
    color: var(--eripet-primary) !important;
}

/* ===================================================
   HERO SCROLLING TICKER (telefon v horní liště)
   =================================================== */

.fusion-secondary-header {
    border-bottom: none !important;
}

/* ===================================================
   SPECIÁLNÍ SEKCE - KONZULTACE ZDARMA
   =================================================== */

.eripet-consultation-cta {
    background-color: var(--eripet-white);
    text-align: center;
    padding: 60px 20px;
}

.eripet-consultation-cta h2 {
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--eripet-dark);
}

.eripet-phone-big {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--eripet-dark);
    letter-spacing: 2px;
}

/* ===================================================
   AVADA FACTORY SPECIFICKÉ PŘEPSÁNÍ
   Přizpůsobení Factory průmyslového stylu pro solár
   =================================================== */

/* Factory používá oranžovou #FF6B35 → nahrazujeme žlutou */
.fusion-highlight-color,
.fusion-heading-highlight {
    color: var(--eripet-primary) !important;
}

/* Factory dark background sekce */
.fusion-builder-row-container.fusion-row-has-bg-image {
    background-color: var(--eripet-dark);
}

/* Zvýraznění statistik (jako Factory) */
.fusion-counters-box .fusion-counter-box-separator {
    border-color: var(--eripet-primary) !important;
}

/* Hover efekt na kartách služeb */
.fusion-column-inner-bg:hover {
    border-left: 4px solid var(--eripet-primary) !important;
}

/* ===================================================
   TYPOGRAPHY - FONTY
   =================================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;800&family=Barlow+Condensed:wght@400;700;800&display=swap');

body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: var(--eripet-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow Condensed', 'Barlow', sans-serif;
    font-weight: 700;
}