/* =========================================================================
   Alrasly — plugins.css
   Brand stubs for WooCommerce + Tutor LMS. Loaded on every page; harmless
   when the plugins are inactive. Nudges their DEFAULT output onto the brand:
   palette, square corners (radius:0 is already global), and the brand fonts.

   This is intentionally a stub — NOT branded plugin pages. Per-page WooCommerce
   overrides go in /woocommerce/ (see /woocommerce/README.md).
   Brand law: CLAUDE.md §2 (non-negotiables), §9 (components).
   ========================================================================= */

/* =========================================================================
   WooCommerce
   ========================================================================= */
.woocommerce,
.woocommerce-page{ font-family:var(--font-latin); color:var(--ink); }
:lang(ar) .woocommerce,[dir="rtl"] .woocommerce,
:lang(ar) .woocommerce-page,[dir="rtl"] .woocommerce-page{ font-family:var(--font-arabic); }

/* Buttons → brand primary (navy) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce-page a.button,
.woocommerce-page button.button{
	background:var(--navy);
	color:var(--white);
	font-family:inherit;
	font-weight:var(--fw-medium);
	padding:var(--space-3) var(--space-5);
	border:0;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover{ background:var(--navy-hover); color:var(--white); }

/* Primary call-to-action (add to cart / place order) → brand blue */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order{ background:var(--blue); color:var(--white); }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover{ background:var(--blue-hover); color:var(--white); }

/* Links, price, sale flash */
.woocommerce a{ color:var(--blue); }
.woocommerce a:hover{ color:var(--blue-hover); }
.woocommerce span.onsale{ background:var(--blue); color:var(--white); }
.woocommerce .price,
.woocommerce ul.products li.product .price{ color:var(--navy); font-weight:var(--fw-semibold); }

/* Product tiles / cards (square, off-white border) */
.woocommerce ul.products li.product,
.woocommerce div.product .woocommerce-tabs{
	background:var(--white);
	color:var(--ink);
	border:1px solid var(--offwhite);
}

/* Form fields → square, 1px ink border, blue focus (CLAUDE.md §9 Input) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .woocommerce-ordering select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea{
	font-family:inherit;
	color:var(--ink);
	background:var(--white);
	border:1px solid var(--ink);
	padding:var(--space-2) var(--space-3);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{ border-color:var(--focus-ring); outline:2px solid var(--focus-ring); outline-offset:2px; }

/* Notices → palette only (no off-brand colours; CLAUDE.md §2.3) */
.woocommerce-message{ border-top-color:var(--blue); }
.woocommerce-info{ border-top-color:var(--purple-blue); }
.woocommerce-error{ border-top-color:var(--navy); }

/* =========================================================================
   Tutor LMS
   ========================================================================= */
.tutor-wrap,
[class^="tutor-"],
[class*=" tutor-"]{ font-family:var(--font-latin); }
:lang(ar) [class^="tutor-"],[dir="rtl"] [class^="tutor-"],
:lang(ar) [class*=" tutor-"],[dir="rtl"] [class*=" tutor-"]{ font-family:var(--font-arabic); }

/* Buttons */
.tutor-btn,
.tutor-btn-primary,
a.tutor-btn{
	background:var(--navy);
	color:var(--white);
	font-family:inherit;
	font-weight:var(--fw-medium);
	border:0;
	padding:var(--space-3) var(--space-5);
}
.tutor-btn:hover,
.tutor-btn-primary:hover{ background:var(--navy-hover); color:var(--white); }
.tutor-btn-secondary{ background:var(--blue); color:var(--white); }
.tutor-btn-secondary:hover{ background:var(--blue-hover); color:var(--white); }
.tutor-btn-outline-primary{ background:transparent; color:var(--navy); box-shadow:inset 0 0 0 1px var(--navy); }

/* Links + primary accent */
.tutor-color-primary,
a.tutor-color-primary{ color:var(--blue); }

/* Course cards (square, off-white border) */
.tutor-card,
.tutor-course-card{
	background:var(--white);
	color:var(--ink);
	border:1px solid var(--offwhite);
}

/* Form controls */
.tutor-form-control,
.tutor-form-select,
input.tutor-form-control,
textarea.tutor-form-control{
	font-family:inherit;
	color:var(--ink);
	background:var(--white);
	border:1px solid var(--ink);
	padding:var(--space-2) var(--space-3);
}
.tutor-form-control:focus{ border-color:var(--focus-ring); outline:2px solid var(--focus-ring); outline-offset:2px; }

/* Progress + rating accents → palette only */
.tutor-progress-bar,
.tutor-progress-filled{ background:var(--blue); }
.tutor-ratings-stars [class*="star"]{ color:var(--purple-blue); }