/*
 * ════════════════════════════════════════════════════════════════
 * OIC buttons.css — مكوّن الزر (مستخرج من variables.css v1.1.1020)
 * ════════════════════════════════════════════════════════════════
 * يحوي: .oic-btn و جميع variants
 * ════════════════════════════════════════════════════════════════
 */

.oic-btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2); min-height:44px; max-width:100%; border:var(--border-2) solid transparent; border-radius:var(--button-radius); cursor:pointer; font-weight:var(--weight-medium); text-decoration:none; text-align:center; line-height:1; white-space:nowrap; user-select:none; transition:all var(--duration-200) var(--ease-in-out); appearance:none; -webkit-tap-highlight-color:transparent; overflow:hidden; }
.oic-btn:focus-visible{ outline:none; box-shadow:var(--focus-ring);} 
.oic-btn:disabled,.oic-btn[aria-disabled="true"]{ opacity:.55; cursor:not-allowed; pointer-events:none; }

/* Variants */
.oic-btn--solid{ background-color:var(--primary-500); color:#fff;} 
.oic-btn--solid:hover{ background-color:var(--primary-600);} 
.oic-btn--outline{ background-color:transparent; border-color:var(--primary-500); color:var(--primary-500);} 
.oic-btn--outline:hover{ background-color:var(--primary-500); color:#fff;} 
.oic-btn--ghost{ background-color:transparent; color:var(--primary-500); border-color:var(--color-border);} 
.oic-btn--ghost:hover{ background-color:var(--primary-50);} 
.oic-btn--link{ background:none; border:none; color:var(--primary-500); text-decoration:underline; padding:0; min-height:auto;} 
.oic-btn--link:hover{ color:var(--primary-700);} 
.oic-btn--icon{ padding:0; border-radius:var(--radius-full); aspect-ratio:1/1; }

/* Sizes */
.oic-btn--xs{height:var(--btn-xs-h); padding-inline:var(--btn-xs-px); font-size:var(--btn-xs-font);} 
.oic-btn--sm{height:var(--btn-sm-h); padding-inline:var(--btn-sm-px); font-size:var(--btn-sm-font);} 
.oic-btn--md{height:var(--btn-md-h); padding-inline:var(--btn-md-px); font-size:var(--btn-md-font);} 
.oic-btn--lg{height:var(--btn-lg-h); padding-inline:var(--btn-lg-px); font-size:var(--btn-lg-font);} 
.oic-btn--xl{height:var(--btn-xl-h); padding-inline:var(--btn-xl-px); font-size:var(--btn-xl-font);} 
.oic-btn--full{ width:100%; }

/* Accessibility — forced-colors */
@media (forced-colors: active) {
  .oic-btn { border: 1px solid ButtonText; }
}