/*
 Theme Name:     BROFI Child
 Theme URI:      https://www.brofi.eu
 Description:    Brofi Child Theme of Divi
 Author:         Jan Brokes
 Author URI:     https://www.brofi.eu
 Template:       Divi
 Version:        1.0.0
  License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- *//* CSS Document */
                                                           * 

/* ===== Stack Sans Notch ===== */
@font-face {
    font-family: 'StackSansNotch';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansNotch-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansNotch';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansNotch-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansNotch';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansNotch-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansNotch';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansNotch-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansNotch';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansNotch-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansNotch';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansNotch-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===== Stack Sans Headline ===== */
@font-face {
    font-family: 'StackSansHeadline';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansHeadline-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansHeadline';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansHeadline-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansHeadline';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansHeadline-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansHeadline';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansHeadline-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansHeadline';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansHeadline-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'StackSansHeadline';
    src: url('https://kst.brofi.eu/wp-content/themes/Brofi-child/fonts/StackSansHeadline-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 192px;
  height: 69px;
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 6px;
  border: none;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(93,61,45,0.6) 0%, rgba(152,113,86,0.6) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background 0.3s ease;
}

.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);
  transform: skewX(-20deg);
  opacity: 0;
}

.btn-primary:hover {
  background: linear-gradient(90deg, rgba(152,113,86,0.7) 0%, rgba(93,61,45,0.7) 100%);
}

.btn-primary:hover::before {
  animation: shine 0.55s ease forwards;
}

@keyframes shine {
  0%   { left: -75%; opacity: 1; }
  100% { left: 125%; opacity: 1; }
}