{% extends "base.html" %}

{% load compress %}
{% load i18n %}
{% load oxyan %}
{% load ocyan_main %}
{% load ocyanjson %}
{% load static %}
{% load wagtailcore_tags wagtailimages_tags wagtailuserbar %}

{% block title %}{% firstof page.seo_title self.seo_title page.title self.title shop_name %}{% endblock %}
{% block description %}{% firstof page.search_description self.search_description "" %}{% endblock %}

{% block base_css %}
{{ block.super }}
{# Ensure Carbasa webshop styling is present so responsive header/footer render correctly. #}
<link rel="stylesheet" type="text/x-scss" href="{% static 'carbasa/webshop_base.scss' %}">
{# Project-scoped mobile header fixes (plain CSS; no Bootstrap overrides). #}
<link rel="stylesheet" href="{% static 'mandelstudio/header_mobile.css' %}">
{% endblock %}

{% block extrahead %}
{% if cookie_jar.settings.google_tag_manager and cookie_jar.functional.is_allowed %}
<link rel="preconnect" href="https://www.googletagmanager.com"/>
{% endif %}
{% if cookie_jar.settings.google_analytics and cookie_jar.functional.is_allowed %}
<link rel="preconnect" href="https://www.google-analytics.com/">
{% endif %}
{{ block.super }}
<style>
  header .language-dropdown .dropdown-toggle::after { display: none; }
  header .language-dropdown .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1px;
    color: #fff;
    line-height: 1;
    transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
  }
  header .language-dropdown .dropdown-toggle:hover,
  header .language-dropdown .dropdown-toggle:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .18);
  }
  header .language-dropdown .dropdown-toggle .language-icon,
  header .language-dropdown .dropdown-toggle .language-chevron {
    display: block;
  }
  header .language-dropdown .dropdown-toggle .language-icon {
    width: 18px;
    height: 18px;
  }
  header .language-dropdown .dropdown-toggle .language-chevron {
    width: 10px;
    height: 10px;
    opacity: .9;
    transition: transform 120ms ease, opacity 120ms ease;
  }
  header .language-dropdown .dropdown-toggle.show .language-chevron {
    transform: rotate(180deg);
    opacity: 1;
  }

  header .language-dropdown .dropdown-menu {
    min-width: 15rem;
    padding: .5rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 16px 44px rgba(15, 23, 42, .18);
  }
  header .language-dropdown .dropdown-menu .dropdown-item {
    border-radius: .65rem;
    padding: .55rem .7rem;
    font-weight: 600;
    color: #0f172a;
    transition: background-color 120ms ease, color 120ms ease;
  }
  header .language-dropdown .dropdown-menu .dropdown-item:hover,
  header .language-dropdown .dropdown-menu .dropdown-item:focus-visible {
    background: rgba(2, 132, 199, .10);
    color: #0b5aa3;
  }
  header .language-dropdown .dropdown-menu svg {
    width: 1.35rem;
    height: auto;
    border-radius: .2rem;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .06);
    flex: 0 0 auto;
  }
</style>
{% if cookie_jar.needs_approval %}
<link rel="stylesheet" type="text/css" href="{% static 'cookie_jar/css/cookie_jar.css' %}">
{% endif %}
{% for header_snippet in cookie_jar.activated_snippet_header_templates %}
{% include header_snippet %}
{% endfor %}
{% endblock %}

{% block layout %}
{% if show_basket_popup_setting %}
    {% esi_fragment "partials/added_success.html" with sessionid=True oscar_open_basket=True request=request csrf_token=csrf_token only %}
{% endif %}

{% block navbar %}
    {% include "oxyan/headers/mega.html" %}
{% endblock %}

{% block content_wrapper %}
<div id="main_content" tabindex="-1">
    {% block content %}{% endblock %}
</div>
{% endblock %}

{% block footer %}
    {% include "oxyan/partials/footer.html" %}
{% endblock %}

{% ocyanjson "themes" "theme-switcher" as theme_switcher %}
{% if theme_switcher %}
    {% include "oxyan/partials/theme_switcher.html" %}
{% endif %}
{% endblock %}

{% block extrascripts %}
{% include "oscar/partials/extrascripts.html" %}
{{ block.super }}
{% if cookie_jar.needs_approval %}
<script src="{% static 'cookie_jar/js/cookie_jar.js' %}"></script>
{% endif %}
{% endblock %}

{% block onbodyload %}
{{ block.super }}
oxyan.layout()
oxyan.initModalPopup()
oxyan.initializePriceUpdate()
oxyan.IconHoverFix()
oxyan.lazyIconDropdown()
oxyan.toasts()
oxyan.commerseHeader()
oxyan.initWCAG()
{% ocyanjson "themes" "image_zoom" as image_zoom %}
{% if image_zoom %}
oxyan.initImageZoom()
{% endif %}
{% endblock %}

{% block cdn_scripts %}
{{ block.super }}
<script type="text/javascript" src="{% static 'carbasa/js/carbasa.js' %}"></script>
{% include "partials/search_modal.html" %}
{% ocyanjson "wagtail" "wagtailuserbar_position" as position %}
{% if position %}
    {% wagtailuserbar position %}
{% endif %}
{% for footer_snippet in cookie_jar.activated_snippet_footer_templates %}
    {% include footer_snippet %}
{% endfor %}
{% include "cookie_jar/cookie_banner.html" %}
{% if cookie_jar.needs_approval %}
    {% include "cookie_jar/partials/preferences_saved_toast.html" %}
{% endif %}
{% endblock %}