/* =============================== PBK My Account — Admin-panel style (SCOPED) Scope: only when has .pbk-account-skin (added by includes/class-myaccount.php) =============================== */ .pbk-account-skin{ --pbk-bg: #ffffff; --pbk-surface: #ffffff; --pbk-border: #e5e7eb; --pbk-text: #0f172a; --pbk-muted: #64748b; --pbk-primary: #111827; /* near-black for pills */ --pbk-accent: #FFCC00; /* brand yellow */ --pbk-accent-weak: #FFF7CC; /* soft yellow */ --pbk-round: 16px; --pbk-gap: 28px; --pbk-shadow: 0 12px 24px rgba(17,24,39,.06), 0 3px 8px rgba(17,24,39,.05); } /* ---- Layout wrapper ---- */ .pbk-account-skin .woocommerce-account .woocommerce{ display:grid !important; grid-template-columns:280px 1fr; gap:var(--pbk-gap); align-items:start; } /* =============================== Left Navigation (tabs) =============================== */ .pbk-account-skin .woocommerce-MyAccount-navigation{ background:var(--pbk-surface); border:1px solid var(--pbk-border); border-radius:20px; padding:14px; box-shadow:var(--pbk-shadow); } .pbk-account-skin .woocommerce-MyAccount-navigation ul{ list-style:none;margin:0;padding:0; display:flex;flex-direction:column;gap:8px; } .pbk-account-skin .woocommerce-MyAccount-navigation li a{ position:relative; display:flex;align-items:center; padding:12px 14px 12px 30px; /* space for the dot */ border-radius:12px; text-decoration:none; color:var(--pbk-text); font-weight:500; transition:background .18s ease, color .18s ease, transform .04s ease; } .pbk-account-skin .woocommerce-MyAccount-navigation li a::before{ content:""; position:absolute;left:12px;top:50%;transform:translateY(-50%); width:8px;height:8px;border-radius:999px; background:transparent; box-shadow: inset 0 0 0 2px rgba(17,24,39,.18); } .pbk-account-skin .woocommerce-MyAccount-navigation li a:hover{ background:var(--pbk-accent-weak); } .pbk-account-skin .woocommerce-MyAccount-navigation li.is-active a{ background:var(--pbk-primary); color:#fff; } .pbk-account-skin .woocommerce-MyAccount-navigation li.is-active a::before{ background:var(--pbk-accent); box-shadow:none; } /* =============================== Right content card =============================== */ .pbk-account-skin .woocommerce-MyAccount-content{ background:var(--pbk-surface); border:1px solid var(--pbk-border); border-radius:20px; padding:24px; color:var(--pbk-text); box-shadow:var(--pbk-shadow); } /* Remove Woo default welcome paragraph (so your dashboard sits clean) */ .pbk-account-skin .woocommerce-MyAccount-content > p:first-child{ display:none !important; } /* Space for your [pbk_user_dashboard] wrapper (added in class-myaccount) */ .pbk-account-skin .pbk-acc-dashboard{ margin-top:4px; } /* =============================== Tables (My Bookings list) =============================== */ .pbk-account-skin .woocommerce table.shop_table{ border:1px solid var(--pbk-border) !important; border-radius:14px; overflow:hidden; box-shadow:var(--pbk-shadow); } .pbk-account-skin .woocommerce table.shop_table thead{ background:#f8fafc; } .pbk-account-skin .woocommerce table.shop_table th, .pbk-account-skin .woocommerce table.shop_table td{ padding:13px 16px; border-top:1px solid var(--pbk-border); vertical-align:middle; color:var(--pbk-text); } .pbk-account-skin .woocommerce table.shop_table tr:first-child td{ border-top:0; } /* Better spacing for “Actions” cell */ .pbk-account-skin .woocommerce table.shop_table td .button{ margin-right:6px; margin-bottom:6px; } /* =============================== Buttons =============================== */ .pbk-account-skin .woocommerce .button, .pbk-account-skin .woocommerce a.button{ border-radius:12px; border:1px solid var(--pbk-primary); background:var(--pbk-accent); color:#111827; font-weight:600; padding:10px 14px; text-decoration:none; display:inline-flex;align-items:center;gap:8px; box-shadow:0 1px 0 rgba(17,24,39,.12); } .pbk-account-skin .woocommerce .button:hover, .pbk-account-skin .woocommerce a.button:hover{ filter:brightness(.97); transform:translateY(-1px); } /* Secondary/alt buttons in dark */ .pbk-account-skin .woocommerce .button.alt, .pbk-account-skin .woocommerce a.button.alt{ background:var(--pbk-primary); border-color:var(--pbk-primary); color:#fff; } /* Print action spacing */ .pbk-account-skin .pbk-print-row .button{ margin-top:6px; } /* =============================== Forms (Account details) =============================== */ .pbk-account-skin .woocommerce-MyAccount-content form .form-row{ margin-bottom:14px; } .pbk-account-skin .woocommerce-MyAccount-content input.input-text, .pbk-account-skin .woocommerce-MyAccount-content textarea{ width:100%; border:1px solid var(--pbk-border); border-radius:12px; padding:10px 12px; box-sizing:border-box; } .pbk-account-skin .woocommerce-MyAccount-content fieldset{ border:1px solid var(--pbk-border); border-radius:12px; padding:12px; } /* Notices */ .pbk-account-skin .woocommerce-message, .pbk-account-skin .woocommerce-error, .pbk-account-skin .woocommerce-info{ border-radius:12px; } /* =============================== Booking Summary (View / Print) =============================== */ .pbk-account-skin .pbk-booking-summary{ margin-top:18px; } /* Header */ .pbk-account-skin .pbk-booking-summary .pbk-bs-header{ display:flex;align-items:center;justify-content:space-between; gap:16px;margin:0 0 16px 0; padding:14px 16px; background:var(--pbk-surface); border:1px solid var(--pbk-border); border-radius:16px; box-shadow:var(--pbk-shadow); } .pbk-account-skin .pbk-booking-summary .pbk-bs-brand{ display:flex;align-items:center;gap:12px;min-width:0; } .pbk-account-skin .pbk-booking-summary .pbk-bs-brand img{ max-height:42px; width:auto; object-fit:contain; } .pbk-account-skin .pbk-booking-summary .pbk-bs-brand-meta{ display:flex;flex-direction:column; } .pbk-account-skin .pbk-booking-summary .pbk-bs-title{ font-weight:700;font-size:18px;line-height:1.2;color:#0b1220; } .pbk-account-skin .pbk-booking-summary .pbk-bs-sub{ font-size:13px;color:var(--pbk-muted); } /* Pills */ .pbk-account-skin .pbk-booking-summary .pbk-bs-pills{ display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end; } .pbk-account-skin .pbk-booking-summary .pbk-pill{ display:inline-flex;align-items:center;gap:6px; padding:8px 10px;border-radius:999px; background:#f3f4f6;color:#111827;border:1px solid #e5e7eb; font-weight:600;font-size:12px;text-decoration:none; } .pbk-account-skin .pbk-booking-summary .pbk-pill-yellow{ background:var(--pbk-accent-weak); border-color:#fde68a; } .pbk-account-skin .pbk-booking-summary .pbk-pill-dark{ background:#111827; color:#fff; border-color:#111827; } .pbk-account-skin .pbk-booking-summary .pbk-pill-link{ background:#ffffff;border-color:#e5e7eb; } /* Cards & grid */ .pbk-account-skin .pbk-booking-summary .pbk-bs-card{ background:var(--pbk-surface); border:1px solid var(--pbk-border); border-radius:16px; padding:16px; margin:0 0 14px 0; box-shadow:var(--pbk-shadow); } .pbk-account-skin .pbk-booking-summary .pbk-bs-card-title{ font-weight:700;margin-bottom:12px;color:#0b1220; } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid{ display:grid;grid-template-columns:1fr 1fr;gap:10px 18px; } .pbk-account-skin .pbk-booking-summary .pbk-bs-row{ display:contents; } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid dt{ color:var(--pbk-muted); } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid dd{ margin:0;color:var(--pbk-text); } /* Footer on print */ .pbk-account-skin .pbk-booking-summary .pbk-bs-footer{ margin-top:10px;color:var(--pbk-muted);font-size:12px;text-align:center; } /* =============================== Responsive =============================== */ @media (max-width: 1100px){ .pbk-account-skin .woocommerce-account .woocommerce{ grid-template-columns:240px 1fr; } } @media (max-width: 900px){ .pbk-account-skin .woocommerce-account .woocommerce{ grid-template-columns:1fr; } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid{ grid-template-columns:1fr; } .pbk-account-skin .pbk-booking-summary .pbk-bs-header{ flex-direction:column;align-items:flex-start; } .pbk-account-skin .pbk-booking-summary .pbk-bs-pills{ justify-content:flex-start; } } /* --- Utilities for screen vs print --- */ .pbk-account-skin .pbk-print-only{ display:none; } .pbk-account-skin .pbk-screen-only{ display:block; } @media print{ /* Page setup: A4, tight margins */ @page { size: A4; margin: 10mm 10mm 12mm 10mm; /* top right bottom left */ } /* Hide site chrome + Woo extras (but keep order section visible) */ .pbk-account-skin header, .pbk-account-skin footer, .pbk-account-skin .site-header, .pbk-account-skin .site-footer, .pbk-account-skin .woocommerce-MyAccount-navigation, .pbk-account-skin .woocommerce-MyAccount-content .button, .pbk-account-skin nav, .pbk-account-skin .widget, .pbk-account-skin .sidebar, .pbk-account-skin .woocommerce-customer-details, /* Billing/Shipping addresses */ .pbk-account-skin .woocommerce-order-downloads /* Downloads (if any) */ { display:none !important; } /* Keep the order details section; just hide Woo's default title/table inside */ .pbk-account-skin .woocommerce-order-details{ display:block !important; border:0; padding:0; } .pbk-account-skin .woocommerce-order-details__title{ display:none !important; } .pbk-account-skin .woocommerce-order-details .woocommerce-table--order-details, .pbk-account-skin .woocommerce-order-details .order_details{ display:none !important; } .pbk-account-skin .woocommerce-account .woocommerce{ display:block !important; } .pbk-account-skin .woocommerce-MyAccount-content{ border:0; padding:0; box-shadow:none; } /* Toggle helpers */ .pbk-account-skin .pbk-print-only{ display:block; } .pbk-account-skin .pbk-screen-only{ display:none; } /* Print banner */ .pbk-account-skin .pbk-print-banner{ text-align:center; margin:0 0 6mm 0; } .pbk-account-skin .pbk-print-banner .pbk-print-logo{ max-height:28mm; width:auto; object-fit:contain; margin-bottom:3mm; } .pbk-account-skin .pbk-print-banner .pbk-print-title{ font-size:14px; font-weight:700; } /* Compact cards */ .pbk-account-skin .pbk-booking-summary{ margin:0; } .pbk-account-skin .pbk-booking-summary .pbk-bs-header{ display:none !important; } .pbk-account-skin .pbk-booking-summary .pbk-bs-card{ box-shadow:none; border:1px solid #dfe3ea; padding:10px 12px; margin:0 0 6mm 0; border-radius:10px; page-break-inside: avoid; /* keep a card on one page when possible */ } .pbk-account-skin .pbk-booking-summary .pbk-bs-card-title{ font-weight:700; margin-bottom:6px; font-size:13px; } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid{ grid-template-columns:1fr 1fr; gap:6px 12px; font-size:12px; line-height:1.25; } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid dt{ color:#6b7280; } .pbk-account-skin .pbk-booking-summary .pbk-bs-grid dd{ margin:0; } /* Footer note */ .pbk-account-skin .pbk-booking-summary .pbk-bs-footer{ margin-top:4mm; color:#6b7280; font-size:11px; text-align:center; } /* Avoid accidental link underlines & URLs after text */ .pbk-account-skin a[href]:after{ content:'' !important; } }