/*
Theme Name: Sky Pong Responsive
Theme URI: https://headbody.differentiau.pl/
Author: Differentiau
Description: Responsywny szablon WordPress odtworzony z layoutu Sky Pong.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: skypong
*/

:root{
  --black:#111;
  --dark:#161616;
  --white:#f6f4ef;
  --muted:#b7b7b7;
  --line:#282828;
  --yellow:#fff0b6;
  --pink:#f4cdc7;
  --blue:#cfe0f2;
  --green:#cfe8d4;
  --font-display:'Anton','Impact','Arial Black',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.55} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .wrap{width:min(100%,1180px);margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:20;background:#efeeea;color:#121212;border-radius:0 0 10px 10px;margin:0 auto;width:min(100%,1280px);box-shadow:0 4px 18px rgba(0,0,0,.16)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px}.logo{display:flex;align-items:center;gap:10px;font-weight:800}.logo-mark{width:42px;height:42px;background:#111;color:#fff;display:grid;place-items:center;border-radius:2px;font-family:var(--font-display);font-size:12px;line-height:1;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:10px}.pill{border:1px solid #c6c3bd;border-radius:999px;padding:10px 17px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#f8f7f2}.pill.dark{background:#151515;color:#fff;border-color:#151515}.menu-toggle{cursor:pointer}.hero{min-height:720px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.45)),var(--hero-image, radial-gradient(circle at 70% 18%,rgba(255,112,33,.75),transparent 16%),linear-gradient(180deg,#2b1209 0%,#150d08 58%,#5c2b15 100%));background-size:cover;background-position:center;display:grid;place-items:center;text-align:center}.hero-content{transform:translateY(-18px);padding:60px 20px}.eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#8d8d8d;font-weight:900}.hero h1,.section-title,.card h3,.kitchen-title,.footer-title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:.02em}.hero h1{font-size:clamp(60px,10vw,132px);margin:0 0 18px;text-shadow:0 3px 22px rgba(0,0,0,.4)}.hero p{font-size:clamp(16px,2vw,24px);max-width:760px;margin:0 auto 34px;color:#eee}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border:2px solid currentColor;background:transparent;color:inherit;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.btn.light{background:#f5f0e7;color:#111;border-color:#f5f0e7}.section{padding:88px 0}.section.dark{background:#111}.section.light{background:#f7f6f1;color:#111}.section-title{text-align:center;font-size:clamp(44px,6vw,76px);margin:0 0 56px}.visit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.visit-card{min-height:290px;padding:48px 24px;display:grid;place-items:center;text-align:center;color:#111}.visit-card:nth-child(1){background:var(--yellow)}.visit-card:nth-child(2){background:var(--pink)}.visit-card:nth-child(3){background:var(--blue)}.visit-card:nth-child(4){background:var(--green)}.visit-card .eyebrow{color:#8b877c;letter-spacing:.45em}.visit-card h3{font-size:clamp(28px,3.6vw,48px);margin:26px 0 12px}.visit-card p{margin:0 0 28px;color:#6b6b6b}.location .eyebrow{text-align:left;color:#777;margin-bottom:110px}.city-photo{width:100%;object-fit:cover;background:linear-gradient(180deg,#eef6ff,#d5dce5 55%,#bd7d61 56%,#cf9b84);border:1px solid #e4e1da}.location h2{text-align:left;margin:48px 0 18px}.location-data{font-weight:900;text-transform:uppercase}.location-data span{display:block;text-transform:none;font-weight:600;color:#555}.kitchen-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:58px;align-items:center}.food-photo{aspect-ratio:1.18/1;background:linear-gradient(145deg,#25120c,#0e0d0c 55%,#552414);object-fit:cover}.kitchen-title{text-align:center;font-size:clamp(42px,5vw,72px);margin:0 0 12px}.kitchen-lead{text-align:center;max-width:760px;margin:0 auto 54px;color:#c9c9c9}.menu-block{margin-bottom:42px}.menu-block .eyebrow{letter-spacing:.42em;color:#8c8c8c}.menu-block h3{font-family:var(--font-display);font-size:42px;line-height:1;margin:8px 0 8px;text-transform:uppercase}.menu-block p{color:#c2c2c2;margin:0 0 18px}.about{text-align:center}.about p{max-width:880px;margin:0 auto 34px;color:#444}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px;margin-top:82px;text-align:left}.feature-card{background:#fbfaf6;padding:46px 42px;min-height:235px}.feature-card .eyebrow{color:#8a8a8a}.feature-card h3{font-family:var(--font-display);font-size:34px;text-transform:uppercase;line-height:1;margin:12px 0 16px}.feature-card p{margin:0;color:#555}.site-footer{background:#111;color:#eee;padding:66px 0 34px}.footer-grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 10px}.footer-logo{width:74px;height:74px;background:#000;border:1px solid #222;display:grid;place-items:center;font-family:var(--font-display);text-transform:uppercase}.footer-title{font-size:18px;margin-bottom:18px}.footer-nav,.socials{display:flex;flex-direction:column;gap:8px;color:#aaa}.copyright{margin-top:54px;padding-top:26px;border-top:1px solid #292929;color:#777;text-align:center;font-size:12px}.mobile-panel{display:none;position:fixed;inset:72px 16px auto 16px;background:#efeeea;color:#111;border-radius:14px;padding:22px;z-index:25;box-shadow:0 20px 60px rgba(0,0,0,.35)}.mobile-panel a{display:block;padding:14px 0;font-weight:900;text-transform:uppercase;border-bottom:1px solid #d8d5ce}.mobile-panel.is-open{display:block}@media (max-width:760px){.wrap{padding:0 18px}.header-inner{height:60px;padding:0 12px}.logo-mark{width:34px;height:34px}.pill{font-size:10px;padding:8px 11px}.nav-actions .pill:first-child{display:none}.hero{min-height:520px}.hero-content{transform:none}.hero h1{font-size:64px}.hero p{font-size:15px}.section{padding:58px 0}.section-title{font-size:44px;margin-bottom:34px}.visit-grid,.kitchen-layout,.feature-grid,.footer-grid{grid-template-columns:1fr}.visit-card{min-height:210px;padding:34px 16px}.location .eyebrow{margin-bottom:54px}.city-photo{height:300px}.kitchen-layout{gap:32px}.kitchen-title{text-align:center}.kitchen-lead{font-size:14px}.menu-block h3{font-size:34px}.feature-grid{gap:18px;margin-top:48px}.feature-card{padding:34px 28px}.site-footer{padding-top:46px}.footer-grid{gap:34px}.hero{background-position:center}.mobile-panel{top:60px}}
.header-navigation{display:flex;align-items:center;gap:10px}.header-actions-menu,.drawer-menu-list{list-style:none;margin:0;padding:0}.header-actions-menu{display:flex;align-items:center;gap:10px}.header-actions-menu a,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:39px;border:1px solid #c6c3bd;border-radius:999px;padding:10px 17px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#f8f7f2;color:#111}.header-actions-menu li.is-highlighted a,.header-actions-menu li:last-child a{background:#151515;color:#fff;border-color:#151515}.menu-toggle{cursor:pointer}.menu-toggle-icon{margin-left:7px}.mobile-panel[hidden]{display:none}.mobile-panel{position:fixed;inset:72px 16px auto 16px;background:#efeeea;color:#111;border-radius:14px;padding:22px;z-index:25;box-shadow:0 20px 60px rgba(0,0,0,.35)}.mobile-panel.is-open{display:block}.drawer-menu-list a{display:block;padding:14px 0;font-weight:900;text-transform:uppercase;border-bottom:1px solid #d8d5ce}.drawer-menu-list .sub-menu{list-style:none;margin:0 0 6px 18px;padding:0}.drawer-menu-list .sub-menu a{font-size:13px;font-weight:800;color:#555}
@media (max-width:760px){.header-inner{height:60px;padding:0 12px}.header-actions-menu li:not(.is-highlighted):not(:last-child){display:none}.header-actions-menu a,.menu-toggle{font-size:10px;padding:8px 11px;min-height:34px}.menu-toggle-label{display:none}.menu-toggle-icon{margin-left:0}.mobile-panel{top:60px}}
.footer-brand p{color:#aaa}.footer-widget-inner{color:#aaa}.footer-widget-inner ul,.footer-widget-inner ol{list-style:none;margin:0;padding:0}.footer-widget-inner li{margin:0 0 8px}.footer-widget-inner a{color:#aaa}.footer-widget-inner a:hover{color:#fff}.footer-widget-inner p{margin:0 0 12px;color:#aaa}.footer-widget-inner .wp-block-navigation__container{gap:8px}.footer-widget-inner .wp-block-navigation a{text-decoration:none}.footer-widget-inner .wp-block-social-links{margin-top:12px}.footer-widget-inner .wp-block-social-links a{color:inherit}.footer-widget .footer-nav,.footer-widget .socials{display:flex;flex-direction:column;gap:8px;color:#aaa}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pdf-menu,
.pdf-menu-list {
  margin: 0;
  padding: 0;
}

.pdf-menu-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pdf-menu-list li {
  margin: 0;
  padding: 0;
}

.pdf-menu-list a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 90px;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: #d3d3d3 !important;
    background-image: none !important;
    border-color: rgba(0, 0, 0, .1) !important;
    color: #000000 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default {
    background: #000000 !important;
    color: #fff;
}
.wc-bookings-date-picker .ui-datepicker-header {
    padding: 0;
    border-bottom: none;
    overflow: hidden;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-color: #f2f1ef;
    background-image: none;
    background-image: none;
    border: 0;
    border-top: 0px solid #999;
    color: #000000;
}
.wc-bookings-date-picker .ui-widget-content {
    border: none;
    background: #fff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .19);
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
    top: -1px;
    background: no-repeat;
    border-radius: 0;
    font-weight: normal;
    border: none;
    height: 3.3em;
    width: 2em;
}
.wc-bookings-booking-form label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #000000;
    margin-bottom: 25px;
    display: block;
}
.wc-bookings-booking-form input, .wc-bookings-booking-form select {
    width: 100%;
    padding: 12px 14px;
    background: #fdfdfd;
    border: 1px solid #dfdfdf;
    color: #000000;
    font-family: var(--font-body);
    border-radius: 0px;
    margin-bottom: 15px;
}
.wc-bookings-booking-form .wc-bookings-booking-cost {
    background: #f2f1ef;
    border-top: 1px solid #e7e7e7;
    position: relative;
    margin: 0px 0em;
    padding: 1em;
}

.wc-bookings-booking-form input:focus, .wc-bookings-booking-form select:focus {
    border-color: #000;
    outline: none;
}
button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt {
    background: #000 !important;
    border-radius: 0px !important;
    padding: 20px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained, .wc-block-components-button:not(.is-link) .wc-block-components-button__text {
    text-wrap: balance;
    text-wrap: pretty;
    display: block;
    background: #000;
    color: #fff;
    width: 100%;
    padding: 10px;
    font-weight: bold;
	font-family: var(--font-body);
	border: 0px solid;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: #000;
    border: 0px solid;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: var(--font-body);
}
span.wc-block-components-checkbox__label a {
    text-decoration: underline;
}
.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    align-items: center;
    display: flex;
    justify-content: center;
	font-size: 16px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #000;
	border: 0px solid;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
    border-radius: 1px;	
}
.wc-bookings-booking-form label {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #000000 !important;
    margin-bottom: 30px !important;
    display: block;
    font-weight: bold;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: 0 0 0 0px #0675c4;
    box-shadow: inset 0 0 0 0px #fff, 0 0 0 0px #ffffff;
    border: 0px solid #fff !important;
    outline: 0px solid transparent;
}
.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-cart {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #000;
    text-decoration: none;
    transition: .2s;
}

.header-cart:hover {
    opacity: .75;
}

.header-cart svg {
    width: 24px;
    height: 24px;
}

.cart-count {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #fff;
    color: #111;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.wc-block-grid__products {
	justify-content: center;
	margin-top: 40px;	
}
.wp-block-product-new .wc-block-grid__product-add-to-cart, .wp-block-heading {
	display: none;
}
.woocommerce table.shop_table, .woocommerce .woocommerce-customer-details address {
	border-radius: 0px !important;
}
.wc-booking-summary, .wc-block-components-address-card {
	border-radius: 0px;
    background: #fff;
	border: 1px solid #e6e6e6;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius: 0px;
	padding: 1em;
}
.woocommerce table.shop_table td {
	padding: 20px 20px;
}
:root :where(.wp-element-button, .wp-block-button__link) {
	background: #000;
}





/* === BOOKING FORM WRAPPER === */
.wc-bookings-booking-form {
	background: transparent;
    padding: 0px;
    border-radius: 0px;
    border: 0px solid #2222220a;
	font-family: var(--font-body) !important;
}
.wc-bookings-booking-form .ui-widget {
	font-family: var(--font-body) !important;
}
/* === LABELS === */
.wc-bookings-booking-form label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #aaa;
    margin-bottom: 6px;
    display: block;
}

/* === INPUTS / SELECT === */

.wc-bookings-booking-form input:focus,
.wc-bookings-booking-form select:focus {
    border-color: #000;
    outline: none;
}

/* === CALENDAR === */
.wc-bookings-date-picker {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: 0px solid #333;
}

.wc-bookings-date-picker .ui-datepicker {
    background: transparent;
    border: none;
}

.ui-datepicker-calendar td a {
    background: #222;
    color: #fff;
    border-radius: 0px;
    padding: 6px;
    display: inline-block;
}

.ui-datepicker-calendar td a:hover {
    background: #e63946;
}

/* ACTIVE DAY */
.ui-datepicker-current-day a {
    background: #e63946 !important;
    color: #fff;
}

/* === TIME SLOTS === */
.wc-bookings-booking-form .block-picker li a {
    background: #222;
    border: 1px solid #333;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    display: block;
    text-align: center;
    transition: 0.2s;
}

.wc-bookings-booking-form .block-picker li a:hover {
    background: #e63946;
    border-color: #e63946;
}

.wc-bookings-booking-form .block-picker li a.selected {
    background: #e63946;
    border-color: #e63946;
}

/* === PRICE === */
.wc-bookings-booking-cost {
    font-size: 18px;
    margin: 15px 0;
    font-weight: 600;
}

/* === BUTTON === */
.single_add_to_cart_button {
    width: 100%;
    background: #e63946;
    color: #fff;
    border: none;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 8px;
    transition: 0.2s;
}

.single_add_to_cart_button:hover {
    background: #ff4d5a;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .wc-bookings-booking-form {
        padding: 20px;
    }

    .single_add_to_cart_button {
        font-size: 14px;
        padding: 14px;
    }
}