/*
Theme Name:     Hello Elementor Child
Theme URI:      https://your-site.example.com/
Description:    Child theme for Hello Elementor – add your custom CSS here.
Author:         Martin Mara
Template:       hello-elementor
Version:        1.0.0
Text Domain:    hello-elementor-child
*/

/* ---------------------------------------------------
   YOUR CUSTOM CSS
   Add any overrides below this line.
   Example: change the site title color
---------------------------------------------------- */

.site-title a {
    color: #0073aa;
}

/* Mobile footer fix example */
@media (max-width: 768px) {
  footer#colophon {
    position: relative;
    z-index: 1000; /* ensure it sits above other elements */
  }
}
/* ACF Ticket‐type group styling */
.acf-ticket-group {
  border: 1px solid #eee;
  padding: 15px;
  background: #fafafa;
  margin-bottom: 20px;
}
.acf-ticket-group h3 {
  margin-top: 0;
  font-size: 1.1em;
}
/* ===== Ticketoja mini-cart styling ===== */

/* container */
.tj-mini-cart{ --ink:#0f172a; --muted:#667085; --line:#e8eef5; --card:#fff; --accent:#ff1460; --shadow:0 14px 34px rgba(2,6,23,.12); }
@media (prefers-color-scheme: dark){
  .tj-mini-cart{ --card:#0b1220; --ink:#e6edf7; --muted:#9fb0c9; --line:#1b2437; --shadow:none; }
}

/* hero with background photo */
.tj-mini-hero{ background-image:var(--tj-hero); background-size:cover; background-position:center; position:relative; border-bottom:1px solid var(--line); }
.tj-mini-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(255,255,255,.9) 70%); }
.tj-mini-hero__inner{ position:relative; z-index:1; padding:14px 16px 16px; display:flex; align-items:flex-end; gap:10px; }
.tj-mini-hero__title{ color:#111; font-weight:900; letter-spacing:.2px; }
.tj-mini-hero__count{ color:#111; opacity:.65; font-weight:700; }

/* free shipping bar */
.tj-free-ship{ padding:10px 14px; border-bottom:1px dashed var(--line); background:linear-gradient(180deg,#fff,#fafcff); }
.tj-free-ship__msg{ font-weight:700; color:var(--ink); margin-bottom:8px; }
.tj-free-ship__bar{ height:8px; background:#eef2f7; border-radius:999px; overflow:hidden; }
.tj-free-ship__bar span{ display:block; height:100%; background:#22c55e; }

/* item list (carded rows) */
.tj-mini-list{ padding:8px 12px; }
.tj-mini-item{
  display:grid; grid-template-columns:64px 1fr auto; grid-template-areas:
  "thumb main remove";
  gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line);
}
.tj-mini-item:last-child{ border-bottom:none; }
.tj-thumb{ grid-area:thumb; }
.tj-thumb img{ width:64px; height:64px; object-fit:cover; border-radius:10px; box-shadow:var(--shadow); background:#fff; }
.tj-main{ grid-area:main; min-width:0; }
.tj-title a, .tj-title{ color:var(--ink); font-weight:700; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tj-row{ display:flex; align-items:center; gap:10px; margin-top:6px; font-weight:700; color:var(--ink); }
.tj-qty{ opacity:.75; }
.tj-price{ background:#111; color:#fff; padding:2px 8px; border-radius:8px; font-size:.9rem; }
.tj-sub{ margin-left:auto; opacity:.85; }

/* remove button (icon) */
.tj-remove{ grid-area:remove; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; color:#9ca3af; text-decoration:none; transition:background .2s, color .2s; }
.tj-remove:hover{ background:#fee2e2; color:#ef4444; }

/* totals & buttons */
.tj-total{ padding:8px 14px 0; }
.woocommerce-mini-cart__total strong{ color:var(--ink); }
.tj-buttons{ padding:8px 14px 14px; }
.woocommerce-mini-cart__buttons .button{ border-radius:12px; padding:.6rem 1rem; }
.woocommerce-mini-cart__buttons .button.wc-forward{ background:#fff; color:var(--ink); border:1px solid var(--line); }
.woocommerce-mini-cart__buttons .checkout{ background:var(--accent); color:#fff; border:none; }

/* empty state */
.tj-empty{ padding:14px; text-align:center; }
.tj-empty__cta{ margin-top:8px; display:inline-block; border-radius:12px; }


/* DESKTOP (>1024px) HERO & CARD ADJUSTMENTS */
@media (min-width: 1600px) {
  .tj-hero {
    /* make the hero section taller */
    min-height: 600px;
    margin-left:-100px!important;
  }
  .tj-card {
    /* lift the card up a bit more, and pad it out */
    bottom: -100px;
    padding: 32px; /* increase from default gap*1.5 */
    max-width: 900px; /* give more horizontal room */
  }
  .tj-form {
    /* tighten up gaps now we have more space */
    gap: 24px;
  }
  .tj-input {
    /* increase minimum width of each input */
    min-width: 220px;
  }
}