/* ================================
   General Waterpolo360 Custom CSS
   ================================ */

/* Hide author and category meta info */
.entry-meta .cat-links,
.entry-meta .date {
    display: none !important;
}

/* Style the additional links */
.site-info::after a {
    color: inherit;
    text-decoration: underline;
}

.site-info::after a:hover {
    color: #0073aa;
}

/* Carousel layout fix (optional, tweak as needed) */
.section-carousel .post {
    max-width: 300px;
    margin: 0 auto;
}

.section-carousel .post img {
    height: auto;
    object-fit: cover;
}


/* Liveblog fix */
.liveblog-container,
.liveblog-entry {
    display: block !important;
    visibility: visible !important;
    max-height: none !important;
    opacity: 1 !important;
}

/* ============================================
   Waterpolo360 • Fix Microplus iframe scaling
   ============================================ */

/* Option A: Simple responsive wrapper */
.wp360-embed iframe[src*="microplus"],
.wp360-embed iframe[src*="microplustiming"] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    border: 0;
    height: auto;
}

.wp360-embed {
    max-width: 900px;  /* 720px if page has sidebar */
    margin: 0 auto;
}

@media (max-width: 640px) {
    .wp360-embed iframe[src*="microplus"] {
        aspect-ratio: 16 / 13;
    }
}

/* Option B: Scaled wrapper (for zoomed-in widgets) */
.wp360-mp {
    --wp360-src-w: 1200px;      /* Microplus widget's internal width */
    --wp360-src-h: 900px;       /* Microplus widget's internal height */
    --wp360-scale: 0.85;        /* Default desktop zoom (smaller = zoomed out) */
    position: relative;
    width: min(100%, 900px);
    margin: 0 auto;
    overflow: hidden;
    height: calc(var(--wp360-src-h) * var(--wp360-scale));
}

.wp360-mp iframe[src*="microplus"],
.wp360-mp iframe[src*="microplustiming"] {
    width: var(--wp360-src-w);
    height: var(--wp360-src-h);
    transform: scale(var(--wp360-scale));
    transform-origin: 0 0;
    border: 0;
    display: block;
}

/* Tablet view: fit to viewport width with padding */
@media (max-width: 900px) {
    .wp360-mp {
        --wp360-scale: calc((100vw - 48px) / var(--wp360-src-w));
        width: calc(100vw - 48px);
        margin-left: auto;
        margin-right: auto;
    }
}

/* Phone view: tighter padding for small screens */
@media (max-width: 640px) {
    .wp360-mp {
        --wp360-scale: calc((100vw - 24px) / var(--wp360-src-w));
        width: calc(100vw - 24px);
    }
}

/* Very small phones: full-bleed edge-to-edge */
@media (max-width: 480px) {
    .wp360-mp {
        --wp360-scale: calc(100vw / var(--wp360-src-w));
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
}

/* Optional presets if you want to tweak zoom manually */
.wp360-scale-90 { --wp360-scale: 0.90; }
.wp360-scale-80 { --wp360-scale: 0.80; }

/* === Simple Waterpolo360 Microplus fix === */
.microplus-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.microplus-frame iframe {
  width: 1200px;     /* leave these numbers */
  height: 900px;
  border: 0;
  transform: scale(0.8);          /* desktop size */
  transform-origin: top left;
}

@media (max-width: 900px) {
  .microplus-frame iframe { transform: scale(0.65); }  /* tablets */
}

@media (max-width: 640px) {
  .microplus-frame iframe { transform: scale(0.45); }  /* phones */
}

/* ============================================
   Waterpolo360 • Basket / Cart button
   ============================================ */

/* Style the Basket menu item (menu item must have class 'wp360-basket-link') */
.wp360-basket-link > a {
    padding: 0.4em 0.9em;
    border-radius: 999px;
    border: 1px solid #000;
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* Optional: add a cart emoji before the text */
.wp360-basket-link > a::before {
    content: "🛒 ";
    margin-right: 0.15em;
}

/* Optional: on mobile, float the basket as a fixed button */
@media (max-width: 768px) {
    .wp360-basket-link {
        position: fixed;
        bottom: 16px;
        right: 16px;
        z-index: 9999;
    }

    .wp360-basket-link > a {
        background: #ffffff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }
	/* WP360 – Home & Basket buttons on product pages */
.wp360-product-quick-links {
    margin-bottom: 1rem;
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.wp360-btn {
    display: inline-block;
    padding: 0.4em 1em;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border: 2px solid #000;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Home = outline, Basket = filled */
.wp360-btn-home {
    background: #fff;
    color: #000;
}

.wp360-btn-cart {
    background: #000;
    color: #fff;
}

/* Hover states */
.wp360-btn-home:hover {
    background: #000;
    color: #fff;
}

.wp360-btn-cart:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

}



