/*
Theme Name:   WSZ Werdenfels
Theme URI:    https://wsz-werdenfels.de
Description:  Child theme of Blocksy for Wirbelsäulenzentrum Werdenfels
Author:       Oliver Klamt – 360OK
Author URI:   https://360ok.de
Template:     blocksy
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  wsz-werdenfels
*/

/* ---------- Button: decorative arrow ---------- */
.wp-block-button.wsz-btn .wp-block-button__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-right: 40px;
}
.wp-block-button.wsz-btn .wp-block-button__link::after {
  content: "";
  flex: none;
  width: 48px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 14'%3E%3Cpath d='M0 7h46M40 1l6 6-6 6' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 14'%3E%3Cpath d='M0 7h46M40 1l6 6-6 6' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ---------- Opening hours: no borders, no wrapping ---------- */
.wp-block-table.wsz-hours table,
.wp-block-table.wsz-hours table td {
  border: 0 !important;
}
.wp-block-table.wsz-hours table {
  border-collapse: collapse;
  width: auto;
}
.wp-block-table.wsz-hours table td {
  padding: 0 20px 5px 0;
  white-space: nowrap;
  vertical-align: top;
}

/* ---------- Links without underline (underline on hover/focus) ---------- */
body .wsz-nolink a { text-decoration: none; }
body .wsz-nolink a:hover,
body .wsz-nolink a:focus-visible { text-decoration: underline; }

/* ---------- Header bar: no gap below the logo ---------- */
.wsz-top .wp-block-image { margin-bottom: 0; }

/* ---------- Mobile (core stacks columns at 781px) ---------- */
@media (max-width: 781px) {
  /* Hide decorative shapes, they would overlap the text */
  .wsz-hero {
    background-image: none !important;
    padding-bottom: 40px !important;
  }
  /* Quarter circle: smaller, less top padding */
  .wsz-soon {
    padding-top: 40px !important;
    border-top-right-radius: 160px !important;
  }
  /* Info columns: horizontal dividers instead of vertical */
  .wsz-info > .wp-block-column {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  .wsz-info > .wp-block-column + .wp-block-column {
    padding-top: 30px !important;
    border-top: 3px solid #285a65 !important;
  }
}