/*
 * Order withdrawal module
 * Copy this file together with:
 * - templates/_shop_order_withdrawal.tpl
 * - assets/js/script_order_withdrawal.js
 * - project AJAX wrappers requestOrderWithdrawalToken and submitOrderWithdrawal
 */
section#order-withdrawal{background:#fff7eb url("/assets/img/bg_kvety.png") top center / contain repeat-y;margin:0 auto;box-shadow:0 0 65px rgba(0,0,0,0.32);padding:3rem 0;width:100%;font-family:"Montserrat",sans-serif;}
.shop.order-withdrawal{max-width:920px;margin:0 auto;background:rgba(255,255,255,0.96);border:1px solid #eae0d3;border-radius:0.25rem;padding:2rem;color:#1d1d1d;text-align:left;}
.shop.order-withdrawal h1{color:#742435;font-size:2.35rem;line-height:1.35em;letter-spacing:0.1em;font-weight:400;text-transform:uppercase;margin:0;padding:0 0 1.25rem;}
.shop.order-withdrawal .order-withdrawal-subtitle{color:#742435;font-size:1rem;line-height:1.5em;font-weight:700;margin:-0.75rem 0 1.5rem;padding:0;text-transform:uppercase;letter-spacing:0.04em;}
.shop.order-withdrawal h2{color:#e39a31;font-size:1.55rem;line-height:1.45em;letter-spacing:0.06em;font-weight:400;text-transform:uppercase;margin:0;padding:0.75rem 0 1rem;}
.shop.order-withdrawal p{font-size:1rem;line-height:1.6em;margin:0;padding:0 0 1rem;}
.order-withdrawal-hidden{display:none;}
.order-withdrawal-fields{display:flex;gap:1.25rem;margin:0 0 1.25rem;}
.order-withdrawal-fields label{display:block;width:50%;color:#742435;font-weight:700;font-size:0.9rem;line-height:1.5em;}
.order-withdrawal-fields label.order-withdrawal-field-full{width:100%;}
.order-withdrawal-form input[type="text"],
.order-withdrawal-form input[type="email"],
.order-withdrawal-form input[type="number"],
.order-withdrawal-form textarea{display:block;width:100%;border:1px solid #eae0d3;border-radius:0.25rem;background:#ffffff;color:#1d1d1d;font-family:"Montserrat",sans-serif;font-size:1rem;line-height:1.5em;padding:0.75rem 0.85rem;margin:0.45rem 0 0;box-shadow:none;outline:none;transition:border-color 180ms ease,box-shadow 180ms ease;}
.order-withdrawal-form input[type="text"]:focus,
.order-withdrawal-form input[type="email"]:focus,
.order-withdrawal-form input[type="number"]:focus,
.order-withdrawal-form textarea:focus{border-color:#e39a31;box-shadow:0 0 0 3px rgba(227,154,49,0.14);}
.order-withdrawal-form textarea{resize:vertical;min-height:7rem;}
.order-withdrawal-products{border-top:1px dashed #d9caba;margin:0 0 1.5rem;}
.order-withdrawal-product{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;border-bottom:1px dashed #d9caba;padding:0.9rem 0.75rem;transition:background 180ms ease;}
.order-withdrawal-product.active{background:#fff1df;}
.order-withdrawal-product-check{display:flex;align-items:flex-start;gap:0.7rem;flex:1;cursor:pointer;font-size:0.95rem;line-height:1.5em;}
.order-withdrawal-product-check input{margin:0.35rem 0 0;accent-color:#742435;}
.order-withdrawal-product-check strong{display:block;color:#1d1d1d;font-size:0.95rem;line-height:1.5em;}
.order-withdrawal-product-check em{display:block;color:#74685d;font-size:0.82rem;line-height:1.5em;font-style:normal;}
.order-withdrawal-product-amount{display:flex;align-items:center;gap:0.65rem;flex:0 0 13rem;}
.order-withdrawal-product-amount input{max-width:5rem;text-align:center;margin:0;}
.order-withdrawal-product-amount span{font-size:0.85rem;line-height:1.5em;color:#74685d;white-space:nowrap;}
.order-withdrawal-note{display:block;color:#742435;font-weight:700;font-size:0.9rem;line-height:1.5em;margin:0 0 1.25rem;}
.order-withdrawal-message{display:none;color:#742435;background:#fff1df;border:1px solid #e39a31;border-radius:0.25rem;font-size:0.95rem;line-height:1.5em;font-weight:700;padding:0.75rem 1rem;margin:0 0 1.25rem;}
.order-withdrawal-state{background:#fff1df;border-left:4px solid #e39a31;border-radius:0.25rem;padding:1.35rem 1.5rem;}
.order-withdrawal-state-success{border-left-color:#6d983f;}
.order-withdrawal-state-action{display:inline-block;margin:0.25rem 0 0;padding:0.85rem 1.45rem;background:#742435;border-radius:3.5em;color:#ffffff;font-size:0.85rem;line-height:1.5em;font-weight:700;text-transform:uppercase;transition:background 180ms ease,transform 180ms ease;}
.order-withdrawal-state-action:hover{background:#81283b;color:#ffffff;text-decoration:none;transform:scale(1.05);}
.order-withdrawal-state-action .fa{color:#ffffff;}
.order-withdrawal-confirm{background:#fff7eb;border:1px solid #eae0d3;border-radius:0.25rem;padding:1rem 1.15rem;margin:1.25rem 0 0;}
.order-withdrawal-confirm p{font-weight:700;color:#742435;}
.order-withdrawal-confirm .order-withdrawal-confirm-cancel{margin-right:0.75rem;}
.order-withdrawal-form button{border:0;border-radius:3.5em;cursor:pointer;display:inline-block;color:#ffffff;font-family:"Montserrat",sans-serif;font-weight:700;text-transform:uppercase;font-size:0.85rem;line-height:1.5em;padding:0.85rem 1.55rem;transition:background 180ms ease,transform 180ms ease;}
.order-withdrawal-form button.button-one{background:#742435;}
.order-withdrawal-form button.button-one:hover{background:#81283b;transform:scale(1.05);}
.order-withdrawal-form button.button-two{background:#e39a31;}
.order-withdrawal-form button.button-two:hover{background:#d27838;transform:scale(1.05);}
.order-withdrawal-form button:disabled{opacity:0.55;cursor:default;transform:none;}
.slider .block .button.button-withdrawal{background:#e39a31;margin-left:0.85rem;}
.slider .block .button.button-withdrawal:hover{background:#d27838;}

@media (max-width:767px){
    section#order-withdrawal{padding:2rem 0;}
    .shop.order-withdrawal{padding:1.35rem;}
    .shop.order-withdrawal h1{font-size:1.7rem;line-height:1.35em;}
    .shop.order-withdrawal h2{font-size:1.25rem;line-height:1.45em;}
    .order-withdrawal-fields{display:block;margin:0;}
    .order-withdrawal-fields label{width:100%;margin:0 0 1rem;}
    .order-withdrawal-product{display:block;padding:0.9rem 0.5rem;}
    .order-withdrawal-product-amount{display:flex;width:100%;padding:0.75rem 0 0 1.7rem;box-sizing:border-box;}
    .order-withdrawal-form button{width:100%;text-align:center;}
    .order-withdrawal-confirm .order-withdrawal-confirm-cancel{margin:0 0 0.75rem 0;}
    .slider .block .button.button-withdrawal{margin-left:0;margin-top:1rem;}
}