/**
 * Wooptima Withdrawal — custom styles for wpify-woo withdrawal / claim forms.
 *
 * HTML structure (wpify-woo/src/Modules/WithdrawalClaims/templates/request-form.php):
 *
 * #wpify-woo-withdrawal-form.wpify-woo-form.wpify-woo-form--withdrawal
 * #wpify-woo-claim-form.wpify-woo-form.wpify-woo-form--claim
 * .wpify-woo-form--submitted
 * .wpify-woo-form-empty
 *
 *   form.woocommerce-form.woocommerce-form-withdrawal
 *   form.woocommerce-form.woocommerce-form-claim
 *
 *     .form-row / .form-row-first / .form-row-last / .form-row-wide
 *     .form-row-hint
 *     .wpify-woo-reason
 *     .wpify-woo-helper-text
 *
 *     fieldset.wpify-woo-scope
 *     fieldset.wpify-woo-items
 *       table.shop_table
 *
 *     button.button.button-primary
 *
 * WooCommerce notices inside the section:
 *   .woocommerce-message
 *   .woocommerce-error
 *   .woocommerce-info
 *
 * Intro block (Wooptima plugin, hook form_before):
 *   .wwd-withdrawal-form-intro
 *
 * Add your styles below.
 */

 .wwd-withdrawal-form-intro {
    margin-bottom: 1.5em;
 }

 .wpify-woo-form--withdrawal {
   width: 100%;
 }

 .wpify-woo-form--withdrawal p:not([class]) {
    font-weight: 700;
 }

 .wpify-woo-form--withdrawal p.form-row:not([hidden]) {
    display: flex;
    flex-direction: column;
    gap: 4px;
 }

 .wpify-woo-form--withdrawal .required {
    color: red;
    text-decoration: none;
 }

 .wpify-woo-form--withdrawal fieldset table {
    width: 100%;
 }

 .wpify-woo-form--withdrawal fieldset table td {
    padding: 6px;
    text-align: center;
 }

 body .wpify-woo-form--withdrawal fieldset table input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
    text-align: center;
    width: fit-content;
 }

 .wpify-woo-form--withdrawal fieldset table input[type="number"]::-webkit-inner-spin-button,
 .wpify-woo-form--withdrawal fieldset table input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
 }

 .wpify-woo-form--withdrawal .wpify-woo-reason textarea {
    resize: none;
 }

 .wpify-woo-form--withdrawal button {
    width: fit-content;
 }

 .wpify-woo-form--withdrawal .wpify-woo-form-errors p {
    margin: 0;
 }

 /* Tabuľka položiek na úzkych displejoch. Namiesto pretečenia mimo obrazovku
    ju necháme scrollovať do strany. Scroll vešiame na fieldset, nie na wrapper:
    tabuľka sa do DOM vkladá až po AJAX overení objednávky (items_html) a JS ju
    vsúva priamo do <form>, takže žiadny obal na zavesenie neexistuje.

    `min-width: 0` je tu to podstatné. Prehliadače dávajú fieldsetu v UA
    stylesheete `min-inline-size: min-content`, takže sa nikdy nezmenší pod
    šírku tabuľky — roztiahne rodiča aj stránku a `overflow-x` nemá čo skrývať.
    Bez tohto riadku scroll nenabehne, aj keď je overflow nastavený.

    Legenda ostáva prilepená vľavo, aby pri odscrollovaní nezmizla. */
 body .wpify-woo-form--withdrawal fieldset.wpify-woo-items {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
 }

 body .wpify-woo-form--withdrawal fieldset.wpify-woo-items > legend {
    position: sticky;
    left: 0;
 }

 .wpify-woo-my-account-submitted .shop_table {
   width: 100%;
 }

 body .wooptima-withdrawal-link-section a.wooptima-withdrawal-link {
   box-sizing: border-box;
   display: inline-block;
   padding: 10px 20px;
   border-radius: var(--wwd-link-radius, 5px);
   font-size: 14px;
   line-height: 1.5;
   text-decoration: none;
   font-weight: bold;
   background-color: var(--wwd-link-bg);
   border: 2px solid var(--wwd-link-border);
   color: var(--wwd-link-color);
   transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
 }

 body .wooptima-withdrawal-link-section--hover-opacity a.wooptima-withdrawal-link:hover {
   opacity: 0.85;
 }

 body .wooptima-withdrawal-link-section--hover-custom a.wooptima-withdrawal-link:hover {
   opacity: 1;
   background-color: var(--wwd-link-hover-bg);
   border: 2px solid var(--wwd-link-hover-border);
   color: var(--wwd-link-hover-color);
 }

 body .wooptima-withdrawal-link-compact {
   margin: 1.5em 0;
   text-align: left;
 }

 body .wooptima-withdrawal-link-compact a.wooptima-withdrawal-link-inline {
   text-decoration: underline;
   color: inherit;
 }

 /* Informatívny súhlas — wpify vypisuje label nad input, pri zaškrtávacom poli
    ho chceme vedľa. Poradie v DOM je label → input, preto sa obracia flexom.
    Trieda riadku pochádza z wpify (`wpify-woo-extra-field--<id>`), takže layout
    drží aj bez nášho skriptu; `<id>` je WWD_Form_Fields::CONSENT_FIELD_ID.
    Smer aj margin labelu sú !important — témy formulárovým riadkom bežne
    nastavujú vlastný display a odsadenia, ktoré by riadok rozhodili.

    `display` !important byť nesmie: wpify drží extra polia skryté cez atribút
    `hidden`, kým overenie objednávky neodkryje položky. Samotné vynechanie
    !importantu ale nestačí — `[hidden] { display: none }` je pravidlo UA
    stylesheetu a autorské štýly ho v kaskáde prebijú aj bez neho. Skrytý stav
    preto potvrdzujeme vlastným pravidlom nižšie. */
 body .wpify-woo-extra-field--wwd_consent {
   display: flex;
   flex-direction: row-reverse !important;
   align-items: flex-start;
   justify-content: flex-end;
   gap: 8px;
 }

 body .wpify-woo-extra-field--wwd_consent[hidden] {
   display: none;
 }

 body .wpify-woo-extra-field--wwd_consent > label {
   flex: 1 1 auto;
   margin: 0 !important;
   font-weight: normal;
   line-height: 1.5;
   cursor: pointer;
 }

 body .wpify-woo-extra-field--wwd_consent > input[type="checkbox"] {
   flex: 0 0 auto;
   width: auto;
   margin: 3px 0 0;
   cursor: pointer;
 }

 body .wpify-woo-extra-field--wwd_consent > label a {
   text-decoration: underline;
 }