/* Portugal OPC presentation aligned with Rubbekoo. 2026-11-06.
   Scoped to checkout; no change to payment or captcha validation. */
@media (min-width: 1200px) {
    body#order-opc .container {
        width: 100% !important;
        max-width: 1170px !important;
    }
}
@media (min-width: 1300px) {
    body#order-opc .container {
        max-width: 1260px !important;
    }
}
@media (min-width: 1400px) {
    body#order-opc .container {
        max-width: 1300px !important;
    }
}

/* The normal Google widget is 304px; the desktop account column is 285px.
   Scale its complete box rather than clipping the iframe or challenge. */
body#order-opc .g-recaptcha {
    zoom: 0.9375;
    width: 304px;
    max-width: none;
    height: auto;
    text-align: left;
    margin: 12px 0 16px;
}
body#order-opc .g-recaptcha > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Keep the legal link and validation mark beside the label when space permits.
   Natural wrapping remains available on mobile; checkbox behavior is unchanged. */
body#order-opc #opc_checkout label[for="cgv"] {
    display: inline !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 4px 0 0;
    padding: 0;
    white-space: normal;
    line-height: 1.6;
    font-size: inherit;
}
@media (max-width: 359px) {
    body#order-opc .g-recaptcha {
        zoom: 0.84;
    }
}

/* v2: remove Bootstrap's absolute checkbox placement and negative left margin.
   Uniform's inner input is left intact so its checked/click behavior survives. */
body#order-opc #opc_checkout p.checkbox > input#cgv {
    position: static !important;
    float: none !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}
body#order-opc #opc_checkout #uniform-cgv {
    position: relative !important;
    float: none !important;
    display: inline-block !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}
body#order-opc #opc_checkout label[for="cgv"] {
    vertical-align: middle;
}