/*
Theme Name:   Barber child theme
Theme URI:    http://hn.arrowpress.net/barber/
Description:  Barber - Hair Salon WordPress Theme.
Author:       AHT
Author URI:   http://arrowhitech.com/
Template:     barber
Version:      1.0
License:
License URI:
Tags:         one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain:  barber-child
*/


/* =========================================================
   GRUNDLAGEN
========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}


/* =========================================================
   BORN1891 CANVAS – HTML UND BODY
========================================================= */

html.born1891-canvas-html {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
}

html.born1891-canvas-html body.born1891-canvas-page {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;

    background: #fff;
}


/* =========================================================
   WORDPRESS- UND BARBER-WRAPPER ENTFERNEN
   NUR AUF DEM BORN1891 CANVAS-TEMPLATE
========================================================= */

body.born1891-canvas-page #page,
body.born1891-canvas-page .site,
body.born1891-canvas-page .page-wrapper,
body.born1891-canvas-page .site-wrapper,
body.born1891-canvas-page .main-wrapper,
body.born1891-canvas-page .wrapper,
body.born1891-canvas-page .site-content,
body.born1891-canvas-page .content-area,
body.born1891-canvas-page .main-content,
body.born1891-canvas-page #content,
body.born1891-canvas-page #primary,
body.born1891-canvas-page #main {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   EIGENER CANVAS-INHALT
========================================================= */

body.born1891-canvas-page #born1891-canvas,
body.born1891-canvas-page .born1891-canvas,
body.born1891-canvas-page .born1891-fullwidth-main {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ELEMENTOR HAUPTWRAPPER
========================================================= */

body.born1891-canvas-page #born1891-canvas > .elementor,
body.born1891-canvas-page .born1891-canvas > .elementor,
body.born1891-canvas-page .born1891-fullwidth-main > .elementor {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Elementor-Container dürfen keine maximale Theme-Breite erben */

body.born1891-canvas-page
#born1891-canvas
> .elementor
> .elementor-element,

body.born1891-canvas-page
.born1891-canvas
> .elementor
> .elementor-element {
    max-width: none;
}


/* =========================================================
   HEADER- UND FOOTER-TEMPLATE
========================================================= */

.born1891-template-header,
.born1891-template-footer,
body.born1891-canvas-page .elementor-location-header,
body.born1891-canvas-page .elementor-location-footer {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Der feste Header liegt ausserhalb des normalen Seitenflusses */

.born1891-template-header,
body.born1891-canvas-page .elementor-location-header {
    position: relative;

    z-index: 2147482000;

    height: 0;
    min-height: 0;

    overflow: visible !important;
}


/* Footer bleibt normal im Dokumentfluss */

.born1891-template-footer,
body.born1891-canvas-page .elementor-location-footer {
    position: relative;

    z-index: 10;

    height: auto;
    min-height: 0;

    overflow: visible !important;
}


/* =========================================================
   ELEMENTOR-TEMPLATE-INHALTE
========================================================= */

.born1891-template-header > .elementor,
.born1891-template-footer > .elementor,

.born1891-template-header .elementor,
.born1891-template-footer .elementor,

body.born1891-canvas-page
.elementor-location-header
> .elementor,

body.born1891-canvas-page
.elementor-location-footer
> .elementor {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   HEADER-WRAPPER NICHT ABSCHNEIDEN
========================================================= */

.born1891-template-header,
.born1891-template-header .elementor,
.born1891-template-header .elementor-element,
.born1891-template-header .elementor-widget,
.born1891-template-header .elementor-widget-container,

body.born1891-canvas-page .elementor-location-header,
body.born1891-canvas-page .elementor-location-header > .elementor,
body.born1891-canvas-page .elementor-location-header .elementor-element,
body.born1891-canvas-page .elementor-location-header .elementor-widget,
body.born1891-canvas-page .elementor-location-header .elementor-widget-container {
    overflow: visible !important;

    transform: none;
    perspective: none;
    clip-path: none;
}


/* =========================================================
   FESTER PREMIUM-HEADER
   DAS DESIGN SELBST LIEGT IM ELEMENTOR-HTML-WIDGET
========================================================= */

html.born1891-canvas-html .born-premium-header,
html.born1891-canvas-html
body.admin-bar
.born-premium-header {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2147483000 !important;

    overflow: visible !important;
}


/* =========================================================
   MOBILES OVERLAY NICHT ABSCHNEIDEN
========================================================= */

html.born1891-canvas-html
.born-premium-header__mobile {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    z-index: 2147482998 !important;
}


/* Headerleiste bleibt über dem mobilen Overlay */

html.born1891-canvas-html
.born-premium-header__inner {
    position: relative;

    z-index: 2147482999 !important;

    overflow: visible !important;
}


/* =========================================================
   GEÖFFNETES MOBILE-MENÜ
========================================================= */

html.born1891-menu-is-open,
body.born1891-menu-is-open {
    overflow: hidden !important;
}


/* =========================================================
   ADMINLEISTE AUF CANVAS-SEITEN
========================================================= */

html.born1891-canvas-html {
    margin-top: 0 !important;
}

html.born1891-canvas-html #wpadminbar {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;
}

html.born1891-canvas-html body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* WordPress kann den Abstand inline am HTML-Element setzen */

html.born1891-canvas-html[style] {
    margin-top: 0 !important;
}


/* =========================================================
   HERO UND INHALT OHNE WEISSEN ABSTAND
========================================================= */

body.born1891-canvas-page main,
body.born1891-canvas-page #born1891-canvas,
body.born1891-canvas-page #born1891-canvas > .elementor,
body.born1891-canvas-page
#born1891-canvas
> .elementor
> .elementor-element:first-child {
    margin-top: 0 !important;
    padding-top: 0;
}


/* =========================================================
   GESPEICHERTE ELEMENTOR-TEMPLATES
========================================================= */

body.born1891-canvas-page > .elementor,
body.born1891-canvas-page > .elementor-template,
body.born1891-canvas-page > div > .elementor {
    width: 100% !important;
    max-width: none !important;

    margin-right: 0 !important;
    margin-left: 0 !important;
}


/* =========================================================
   FULLWIDTH-BEREICHE
========================================================= */

body.born1891-canvas-page .born-hero,
body.born1891-canvas-page .born-intro,
body.born1891-canvas-page .born-service,
body.born1891-canvas-page .born-gallery,
body.born1891-canvas-page .born-gallery-page,
body.born1891-canvas-page .born-artists-hero,
body.born1891-canvas-page .born-footer {
    width: 100% !important;
    max-width: none !important;

    margin-right: 0 !important;
    margin-left: 0 !important;
}


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

.born-footer {
    position: relative;

    z-index: 5;

    width: 100%;
    max-width: none;

    margin: 0;
}


/* =========================================================
   ELEMENTOR-EDITOR
========================================================= */

/*
 * Im Elementor-Editor darf der Header nicht fixed bleiben,
 * weil er sonst die Bearbeitungsfläche blockiert.
 */

body.elementor-editor-active .born1891-template-header,
body.elementor-editor-preview .born1891-template-header,

body.elementor-editor-active .elementor-location-header,
body.elementor-editor-preview .elementor-location-header {
    position: relative !important;

    z-index: 20 !important;

    height: auto !important;
    min-height: 104px !important;

    overflow: visible !important;
}


/* Header im Editor normal im Dokumentfluss */

body.elementor-editor-active .born-premium-header,
body.elementor-editor-preview .born-premium-header {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    left: auto !important;

    z-index: 20 !important;

    min-height: 104px;

    opacity: 1 !important;

    transform: none !important;

    pointer-events: none;
}


/* Links und Buttons bleiben anklickbar */

body.elementor-editor-active .born-premium-header a,
body.elementor-editor-active .born-premium-header button,

body.elementor-editor-preview .born-premium-header a,
body.elementor-editor-preview .born-premium-header button {
    pointer-events: auto;
}


/* Mobile Overlay im Editor vollständig ausblenden */

body.elementor-editor-active .born-premium-header__mobile,
body.elementor-editor-preview .born-premium-header__mobile {
    display: none !important;
}


/* =========================================================
   FOOTER IM ELEMENTOR-EDITOR
========================================================= */

body.elementor-editor-active .born1891-template-footer,
body.elementor-editor-preview .born1891-template-footer,

body.elementor-editor-active .elementor-location-footer,
body.elementor-editor-preview .elementor-location-footer,

body.elementor-editor-active .born-footer,
body.elementor-editor-preview .born-footer {
    position: relative !important;

    inset: auto !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 1 !important;

    width: 100% !important;

    margin: 0 !important;

    transform: none !important;

    pointer-events: none;
}


/* Footer-Links im Editor weiterhin anklickbar */

body.elementor-editor-active .born-footer a,
body.elementor-editor-active .born-footer button,

body.elementor-editor-preview .born-footer a,
body.elementor-editor-preview .born-footer button {
    pointer-events: auto;
}


/* Footer-Hintergründe blockieren den Editor nicht */

body.elementor-editor-active .born-footer__media,
body.elementor-editor-active .born-footer__overlay,
body.elementor-editor-active .born-footer__grain,
body.elementor-editor-active .born-footer__orb,

body.elementor-editor-preview .born-footer__media,
body.elementor-editor-preview .born-footer__overlay,
body.elementor-editor-preview .born-footer__grain,
body.elementor-editor-preview .born-footer__orb {
    z-index: 0 !important;

    pointer-events: none !important;
}


/* Footer-Inhalt liegt über den Hintergründen */

body.elementor-editor-active .born-footer__container,
body.elementor-editor-preview .born-footer__container {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1180px) {

    .born-premium-header__inner {
        max-width: none;
    }

}


/* =========================================================
   MOBIL
========================================================= */

@media screen and (max-width: 980px) {

    html.born1891-canvas-html
    .born-premium-header {
        top: 0 !important;
    }

}


/* =========================================================
   REDUZIERTE BEWEGUNG
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .born-premium-header,
    .born-premium-header *,
    .born-premium-header *::before,
    .born-premium-header *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

}