/* ══════════════════════════════════════════════════════
   Attendly Theme Studio — Generated CSS
   ══════════════════════════════════════════════════════ */

:root {
  --primary-color:   #FD5601;
  --secondary-color: #ff6b35;
  --accent-color:    #22b0af;
  --base-color:      #454545;
  --heading-color:   #030A15;
  --body-bg:         #ffffff;
  --section-bg:      #f7f7f7;
  --link-color:      #FD5601;
  --link-hover:      #ff6b35;
  --base-font:       'Roboto', sans-serif;
  --heading-font:    'Plus Jakarta Sans', sans-serif;
  --base-font-size:  16px;
  --h1-size:         48px;
  --h2-size:         36px;
  --h3-size:         28px;
  --line-height:     1.7;
  --heading-weight:  700;
  --nav-bg:              #ffffff;
  --nav-sticky-bg:       #ffffff;
  --nav-link:            #000F5C;
  --nav-link-hover:      #FD5601;
  --nav-height:          80px;
  --nav-font-size:       15px;
  --nav-font-weight:     500;
  --nav-dropdown-bg:     #ffffff;
  --nav-dropdown-link:   #333333;
  --btn-radius:    5px;
  --btn-py:        12px;
  --btn-px:        30px;
  --btn-font-size: 15px;
  --btn-weight:    600;
  --footer-text:        #CCCCCC;
  --footer-link:        #CCCCCC;
  --footer-link-hover:  #CCCCCC;
  --footer-heading:     #ffffff;
}

body { font-family: var(--base-font); font-size: var(--base-font-size); color: var(--base-color); background-color: var(--body-bg); line-height: var(--line-height); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); color: var(--heading-color); font-weight: var(--heading-weight); }
h1 { font-size: var(--h1-size); }
h2 { font-size: var(--h2-size); }
h3 { font-size: var(--h3-size); }
a { color: var(--link-color); }
a:hover { color: var(--link-hover); }

.main-header .header-upper { background-color: var(--nav-bg); min-height: var(--nav-height); display: flex; align-items: center; }
.fixed-header .header-upper { background-color: var(--nav-sticky-bg) !important; }
.main-menu .navigation li a { color: var(--nav-link); font-size: var(--nav-font-size); font-weight: var(--nav-font-weight); }
.main-menu .navigation li a:hover, .main-menu .navigation li.current > a { color: var(--nav-link-hover); }
.main-menu .navigation li ul { background: var(--nav-dropdown-bg); }
.main-menu .navigation li ul li a { color: var(--nav-dropdown-link); }

.main-header .logo img, .logo-mobile img { width: 160px; height: auto; object-fit: contain; }
.footer-logo img { width: 160px; height: auto; object-fit: contain; }

.theme-btn, .default-btn, .btn-primary, button[type="submit"].btn { border-radius: var(--btn-radius) !important; padding: var(--btn-py) var(--btn-px) !important; font-size: var(--btn-font-size) !important; font-weight: var(--btn-weight) !important; background-color: var(--primary-color); border-color: var(--primary-color); }
.theme-btn:hover, .default-btn:hover, .btn-primary:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); }

.footer-section p, .footer-section span { color: var(--footer-text); }
.footer-section a { color: var(--footer-link); }
.footer-section a:hover { color: var(--footer-link-hover); }
.footer-section .footer-title, .footer-section h5 { color: var(--footer-heading); }