/* ============================================================
   Foculuss – WooCommerce stílusok
   ============================================================ */

/* ── WooCommerce üzenetek ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: 16px; padding: 16px 20px; margin-bottom: 24px;
    font-size: 14px; font-weight: 500; border-top: none;
    display: flex; align-items: center; gap: 12px;
}
.woocommerce-message { background: rgba(39,185,180,.08); color: #1F2B48; border-left: 4px solid #27B9B4; }
.woocommerce-info    { background: rgba(39,185,180,.06); color: #1F2B48; border-left: 4px solid #27B9B4; }
.woocommerce-error   { background: rgba(220,38,38,.06);  color: #1F2B48; border-left: 4px solid #dc2626; }

/* ── Breadcrumb ── */
.woocommerce-breadcrumb { font-size: 13px; color: rgba(31,43,72,.45); margin-bottom: 8px; }
.woocommerce-breadcrumb a { color: #27B9B4; text-decoration: none; }

/* ── Gomb stílus ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: #27B9B4; color: #fff;
    border: none; border-radius: 9999px;
    padding: 12px 28px; font-size: 14px; font-weight: 700;
    cursor: pointer; transition: background .2s, transform .2s;
    font-family: 'Jost', sans-serif;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: #1fa8a3; transform: translateY(-1px);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt { background: #1F2B48; }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover { background: #2a3a5c; }

/* ── Input mezők ── */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select,
.fcs-input {
    width: 100%; padding: 12px 16px;
    border: 1.5px solid rgba(31,43,72,.12); border-radius: 12px;
    font-size: 14px; font-family: 'Jost', sans-serif; color: #1F2B48;
    background: #fff; transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
}
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="number"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.fcs-input:focus {
    outline: none; border-color: #27B9B4; box-shadow: 0 0 0 3px rgba(39,185,180,.12);
}

/* ── Form row label ── */
.woocommerce form .form-row label {
    font-size: 12px; font-weight: 700; text-transform: uppercase;
    letter-spacing: .05em; color: rgba(31,43,72,.5); margin-bottom: 6px; display: block;
}

/* ── Mennyiség spinner ── */
.woocommerce .quantity .qty {
    width: 64px; text-align: center; border-radius: 12px;
    border: 1.5px solid rgba(31,43,72,.12); padding: 10px;
}

/* ── Csillagok (értékelések) ── */
.woocommerce .star-rating { color: #D4AF37; }

/* ── Termékár ── */
.woocommerce .price { font-weight: 700; }
.woocommerce .price del { color: rgba(31,43,72,.3); font-weight: 400; font-size: .9em; }
.woocommerce .price ins { text-decoration: none; color: #27B9B4; }

/* ── Lapozó ── */
.woocommerce nav.woocommerce-pagination ul {
    display: flex; gap: 8px; list-style: none; padding: 0; margin: 0;
    justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li { display: inline-flex; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 50%;
    font-weight: 700; font-size: 14px; color: #1F2B48; text-decoration: none;
    transition: background .2s, color .2s; border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #27B9B4; color: #fff;
}

/* ── Rendezési legördülő ── */
.woocommerce-ordering select {
    appearance: none; -webkit-appearance: none;
    border-radius: 9999px; padding: 10px 36px 10px 16px;
    font-size: 13px; font-weight: 600; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231F2B48' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center;
    border: 1.5px solid rgba(31,43,72,.12);
}

/* ── Kosár oldal ── */
.fcs-cart-page {
    display: grid; grid-template-columns: 1fr;
    gap: 40px; margin-top: 0;
}
@media (min-width: 1024px) {
    .fcs-cart-page { grid-template-columns: 2fr 1fr; }
}
.fcs-cart-table { border-collapse: collapse; }
.fcs-cart-table img { border-radius: 12px; width: 80px; height: 80px; object-fit: cover; }

/* Kosár összesítő doboz */
.cart-collaterals .cart_totals { position: sticky; top: 120px; }
.cart_totals h2 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.cart_totals table { width: 100%; }
.cart_totals table tr th,
.cart_totals table tr td { padding: 10px 0; font-size: 14px; }
.cart_totals table tr th { font-weight: 700; color: rgba(31,43,72,.5); }
.cart_totals .order-total td { font-size: 20px; font-weight: 900; color: #27B9B4; }
.cart_totals .wc-proceed-to-checkout .checkout-button {
    display: block; text-align: center; margin-top: 20px;
    width: 100%; padding: 16px; font-size: 16px;
}

/* ── Checkout oldal ── */
.fcs-checkout-grid {
    display: grid; grid-template-columns: 1fr;
    gap: 32px;
}
@media (min-width: 1024px) {
    .fcs-checkout-grid { grid-template-columns: 3fr 2fr; }
}
.fcs-checkout-left, .fcs-checkout-right {}

/* Rendelés összesítő táblázat */
.woocommerce-checkout-review-order table { width: 100%; border-collapse: collapse; }
.woocommerce-checkout-review-order table tr th,
.woocommerce-checkout-review-order table tr td { padding: 10px 0; font-size: 14px; }
.woocommerce-checkout-review-order table thead th { font-weight: 700; color: rgba(31,43,72,.5); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid rgba(31,43,72,.08); padding-bottom: 12px; }
.woocommerce-checkout-review-order table .order-total td { font-size: 18px; font-weight: 900; color: #27B9B4; }
#place_order {
    width: 100%; margin-top: 20px; padding: 16px;
    font-size: 16px; border-radius: 9999px !important;
}

/* Fizetési módszerek */
.woocommerce-checkout #payment { background: none; border-radius: 0; padding: 0; }
.woocommerce-checkout #payment ul.payment_methods { list-style: none; padding: 0; }
.woocommerce-checkout #payment ul.payment_methods li { padding: 12px 0; border-bottom: 1px solid rgba(31,43,72,.06); }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 600; cursor: pointer; }
.woocommerce-checkout #payment div.payment_box { background: rgba(39,185,180,.05); border-radius: 12px; padding: 14px; margin-top: 8px; font-size: 13px; }

/* ── Termék oldal ── */
.fcs-woo-add-to-cart .single_add_to_cart_button {
    padding: 14px 32px; font-size: 16px;
}
.fcs-woo-add-to-cart form.cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }

/* WooCommerce tabs (termék leírás + vélemények) */
.woocommerce-tabs ul.tabs { list-style: none; display: flex; gap: 0; padding: 0; margin-bottom: 24px; border-bottom: 2px solid rgba(31,43,72,.08); }
.woocommerce-tabs ul.tabs li { padding: 12px 24px; cursor: pointer; font-weight: 700; font-size: 14px; color: rgba(31,43,72,.4); border-bottom: 2px solid transparent; margin-bottom: -2px; }
.woocommerce-tabs ul.tabs li.active { color: #27B9B4; border-bottom-color: #27B9B4; }
.woocommerce-tabs .panel { padding: 20px 0; }

/* ── Egyéb ── */
.woocommerce .woocommerce-result-count { font-size: 13px; color: rgba(31,43,72,.45); }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; width: 1px; }