/*
Theme Name:   Ονυχομαγεία
Theme URI:    https://onyxomageia.gr
Description:  Child theme του WoodMart για το e-shop Ονυχομαγεία · Podoland Greece. Περιέχει την εμφάνιση (CSS) και τις ειδοποιήσεις χονδρικής. Η λογική λιανικής/χονδρικής (τιμές, ρόλοι, ΦΠΑ, τιμολόγια) βρίσκεται στο plugin «Ονυχομαγεία – Λιανική & Χονδρική».
Author:       Manos Maganiaris
Template:     woodmart
Version:      1.3.0
Requires PHP: 7.4
Text Domain:  onyxomageia
License:      GPL-2.0-or-later
*/

:root {
	--onyx-blue: #1E4E9C;
	--onyx-navy: #0F2A5A;
	--onyx-green: #22B368;
	--onyx-green-deep: #178A50;
	--onyx-ink: #14213A;
	--onyx-ink-2: #2E3D5C;
	--onyx-muted: #5B6B85;
	--onyx-line: #D9E2F0;
	--onyx-tint: #EAF1FB;
	--onyx-soft: #FAFBFC;
}

/* ------------------------------------------------------------------ Λιανική & Χονδρική (markup του plugin) */

.onyx-b2b-note { margin: 14px 0; padding: 12px 14px; border-radius: 8px; background: #F1F8F4; border: 1px solid #CDE7D8; font-size: .95em; line-height: 1.5; }
.onyx-b2b-locked { font-weight: 600; color: var(--onyx-green-deep); font-size: .9em; }
.onyx-b2b-retail-ref { display: block; font-size: .72em; font-weight: 400; color: #6B7280; margin-top: 4px; }

/* Εγγραφή: κουμπί / κάρτα «Εγγραφή επαγγελματικού λογαριασμού» */
.onyx-b2b-register-btn,
.woocommerce .onyx-b2b-register-btn { background: var(--onyx-blue); border-color: var(--onyx-blue); color: #fff; border-radius: 999px; padding: 10px 20px; text-transform: none; letter-spacing: 0; font-weight: 600; }
.onyx-b2b-register-btn:hover,
.woocommerce .onyx-b2b-register-btn:hover { background: var(--onyx-navy); border-color: var(--onyx-navy); color: #fff; }
.onyx-b2b-register-btn[disabled] { opacity: .55; cursor: not-allowed; }
.onyx-b2b-register-cta { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--onyx-line); display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.onyx-b2b-register-cta span { color: var(--onyx-muted); font-size: 14px; }
.onyx-b2b-card { margin: 32px 0 10px; padding: 22px 24px; border: 1px solid var(--onyx-line); border-radius: 14px; background: var(--onyx-tint); display: flex; gap: 20px; align-items: center; justify-content: space-between; }
.onyx-b2b-card h3 { margin: 0 0 6px; font-size: 18px; }
.onyx-b2b-card p { margin: 0; color: var(--onyx-ink-2); max-width: 70ch; }
.onyx-b2b-card .button { flex: none; }

/* Φόρμα εγγραφής επαγγελματία [onyx_b2b_register] */
.onyx-b2b-register h3 { margin: 22px 0 12px; font-size: 17px; }
.onyx-b2b-register h3:first-of-type { margin-top: 4px; }
.onyx-b2b-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.onyx-b2b-fields .form-row { float: none; width: auto; margin-bottom: 14px; }
.onyx-b2b-fields .form-row-wide { grid-column: 1 / -1; }
.onyx-b2b-terms { margin-top: 6px; font-size: 14px; }
.onyx-b2b-login-hint { margin-top: 12px; font-size: 14px; color: var(--onyx-muted); }
.onyx-b2b-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.onyx-b2b-hint { font-size: .88em; color: var(--onyx-muted); clear: both; }

/* Σελίδα «Εγγραφή επαγγελματία» */
.onyx-b2b-page { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px; align-items: start; margin: 10px 0 40px; }
.onyx-b2b-page .lead { font-size: 17px; line-height: 1.6; color: var(--onyx-ink-2); margin: 0 0 16px; }
.onyx-b2b-benefits { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 10px; }
.onyx-b2b-benefits li { position: relative; padding-left: 30px; line-height: 1.5; }
.onyx-b2b-benefits li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--onyx-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.onyx-b2b-page .note { padding: 14px 16px; border-radius: 12px; background: var(--onyx-navy); color: #fff; font-size: 14px; line-height: 1.55; }
.onyx-b2b-formcard { background: #fff; border: 1px solid var(--onyx-line); border-radius: 16px; padding: 28px; box-shadow: 0 12px 32px -18px rgba(20, 33, 58, .25); }

/* Ο λογαριασμός μου: κατάσταση / αίτηση χονδρικής */
.onyx-b2b-account { margin: 22px 0; padding: 16px 18px; border: 1px solid #E3E8EF; border-radius: 10px; background: var(--onyx-soft); }
.onyx-b2b-account h3 { margin: 0 0 8px; font-size: 1.1em; }
.onyx-b2b-account summary { cursor: pointer; font-weight: 600; }
.onyx-b2b-meta { color: var(--onyx-muted); font-size: .9em; }

/* Ταμείο: Απόδειξη / Τιμολόγιο */
.onyx-b2b-invoice-type .woocommerce-input-wrapper { display: flex; gap: 18px; flex-wrap: wrap; }
.onyx-b2b-invoice-type input.input-radio { margin-right: 6px; }

/* ------------------------------------------------------------------ Κουμπί μενού «Εγγραφή B2B» (κλάση onyx-menu-btn) */

.wd-nav-main > li.onyx-menu-btn { margin-left: 8px; }
.wd-nav-main > li.onyx-menu-btn > a { background: var(--onyx-blue); color: #fff !important; border-radius: 999px; padding: 0 18px !important; min-height: 34px; height: 34px; align-self: center; transition: background .2s ease; }
.wd-nav-main > li.onyx-menu-btn > a .nav-link-text { color: #fff !important; }
.wd-nav-main > li.onyx-menu-btn > a:hover { background: var(--onyx-navy); }
.wd-nav-main > li.onyx-menu-btn > a::after,
.wd-nav-main > li.onyx-menu-btn > a::before { display: none !important; }
.wd-nav-mobile li.onyx-menu-btn > a { margin: 10px 15px; justify-content: center; background: var(--onyx-blue); color: #fff !important; border-radius: 999px; font-weight: 600; }
.wd-nav-mobile li.onyx-menu-btn > a .nav-link-text { color: #fff !important; }

/* ------------------------------------------------------------------ Ειδοποιήσεις ΦΠΑ για πελάτες χονδρικής */

.onyx-vatbar { position: relative; z-index: 1000; padding: 8px 16px; background: var(--onyx-green-deep); color: #fff; text-align: center; font-size: 14px; line-height: 1.45; }
.onyx-vatbar b { margin-right: 6px; }
.onyx-vatbar strong { color: #fff; }
.onyx-vatmini { margin: 0 0 10px; font-size: 13px; opacity: .8; }

/* ------------------------------------------------------------------ Footer (widget «Ονυχομαγεία») */

.onyx-ft a { color: inherit; text-decoration: none; }
.onyx-ft a:hover { text-decoration: underline; }
.onyx-ft p { margin: 0 0 10px; line-height: 1.6; }
.onyx-ft .brand { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.onyx-ft .brand img { width: 56px; height: 56px; border-radius: 50%; background: #fff; }
.onyx-ft .brand b { display: block; font-size: 20px; line-height: 1.1; }
.onyx-ft .brand small { display: block; font-size: 11px; letter-spacing: .12em; opacity: .75; margin-top: 3px; }
.onyx-ft .social { display: flex; gap: 14px; margin-top: 14px; flex-wrap: wrap; }
.onyx-ft .social a { font-weight: 600; }

/* ------------------------------------------------------------------ Σελίδα Επικοινωνία */

.onyx-contact { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; margin: 10px 0 40px; }
.onyx-contact .lead { font-size: 17px; line-height: 1.6; color: var(--onyx-ink-2); margin: 0 0 22px; }
.onyx-contact .cards { display: grid; gap: 12px; }
.onyx-contact .c { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid var(--onyx-line); border-radius: 14px; padding: 16px 18px; }
.onyx-contact .ic { width: 42px; height: 42px; border-radius: 50%; background: var(--onyx-tint); color: var(--onyx-blue); display: grid; place-items: center; flex: none; }
.onyx-contact .ic svg { width: 20px; height: 20px; }
.onyx-contact .c small { display: block; color: var(--onyx-muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3px; }
.onyx-contact .c a,
.onyx-contact .c b { font-weight: 600; color: var(--onyx-ink); text-decoration: none; }
.onyx-contact .c a:hover { color: var(--onyx-green-deep); text-decoration: underline; }
.onyx-contact .c .sub { display: block; font-size: 14px; color: var(--onyx-ink-2); margin-top: 2px; }
.onyx-contact .soc { display: flex; gap: 14px; flex-wrap: wrap; }
.onyx-contact .pro { margin-top: 18px; background: var(--onyx-navy); color: #fff; border-radius: 14px; padding: 18px 20px; line-height: 1.55; }
.onyx-contact .pro a { color: #fff; font-weight: 700; }
.onyx-contact .form-card { background: #fff; border: 1px solid var(--onyx-line); border-radius: 16px; padding: 28px; box-shadow: 0 12px 32px -18px rgba(20, 33, 58, .25); }
.onyx-contact .form-card h2 { margin: 0 0 6px; font-size: 24px; }
.onyx-contact .form-card .hint { margin: 0 0 18px; color: var(--onyx-muted); font-size: 14px; }

/* Φόρμα επικοινωνίας (Contact Form 7) */
.onyx-cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.onyx-cf label { display: block; width: 100%; font-weight: 600; font-size: 14px; }
.onyx-cf input:not([type=checkbox]):not([type=submit]),
.onyx-cf select,
.onyx-cf textarea { width: 100%; margin-top: 6px; font-weight: 400; }
.onyx-cf-consent { font-size: 13px; color: var(--onyx-muted); }
.onyx-cf-consent label { display: inline; font-weight: 400; }

@media (max-width: 900px) {
	.onyx-contact,
	.onyx-b2b-page { grid-template-columns: 1fr; gap: 28px; }
	.onyx-b2b-card { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 600px) {
	.onyx-cf-row,
	.onyx-b2b-fields { grid-template-columns: 1fr; }
}