/* AUN Social Login — brand icon buttons under the WooCommerce forms.
   Sizing/shape come from CSS variables set by the plugin (see class-aun-sl-ui.php). */

.aun-sl{margin:18px 0 4px;clear:both;}
.aun-sl-align-center{text-align:center;}
.aun-sl-align-left{text-align:left;}
.aun-sl-align-right{text-align:right;}

/* "Or login with" — a centred caption with a hairline rule either side */
.aun-sl-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#94a3b8;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;line-height:1;}
.aun-sl-title:before,.aun-sl-title:after{content:"";flex:1;height:1px;background:#e5e7eb;}
.aun-sl-align-left .aun-sl-title:before,.aun-sl-align-right .aun-sl-title:after{display:none;}

.aun-sl-buttons{display:flex;flex-wrap:wrap;gap:12px;}
.aun-sl-align-center .aun-sl-buttons{justify-content:center;}
.aun-sl-align-right .aun-sl-buttons{justify-content:flex-end;}

.aun-sl-btn{
    display:inline-flex;align-items:center;justify-content:center;
    width:var(--aun-sl-size,44px);height:var(--aun-sl-size,44px);
    border-radius:var(--aun-sl-radius,50%);
    box-sizing:border-box;padding:0;border:1px solid transparent;
    text-decoration:none !important;line-height:1;cursor:pointer;
    box-shadow:0 1px 3px rgba(15,23,42,.12);
    transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.aun-sl-btn:hover,.aun-sl-btn:focus{transform:translateY(-2px);box-shadow:0 6px 14px rgba(15,23,42,.18);text-decoration:none !important;}
.aun-sl-btn:focus-visible{outline:2px solid #0188fe;outline-offset:3px;}
.aun-sl-btn:active{transform:translateY(0);}

/* Google keeps its white plate (Google brand rules); Facebook uses brand blue. */
.aun-sl-google{background:#fff;border-color:#dadce0;}
.aun-sl-google:hover{background:#f8f9fa;}
.aun-sl-facebook{background:#1877F2;}
.aun-sl-facebook:hover{filter:brightness(1.07);}

.aun-sl-ico{width:55%;height:55%;display:block;}

/* Wide "Continue with ..." variant */
.aun-sl-labelled .aun-sl-buttons{flex-direction:column;gap:10px;}
.aun-sl-labelled .aun-sl-btn{
    width:100%;max-width:340px;height:auto;min-height:46px;
    padding:11px 16px;gap:10px;border-radius:10px;
    font-size:14.5px;font-weight:700;
}
.aun-sl-align-center.aun-sl-labelled .aun-sl-buttons{align-items:center;}
.aun-sl-labelled .aun-sl-ico{width:20px;height:20px;flex:none;}
.aun-sl-labelled .aun-sl-google .aun-sl-btn-text{color:#3c4043;}
.aun-sl-labelled .aun-sl-facebook .aun-sl-btn-text{color:#fff;}

.aun-sl-error{margin-bottom:16px;}

@media (max-width:480px){
    .aun-sl-title{font-size:11.5px;gap:9px;}
    .aun-sl-buttons{gap:10px;}
}