/* Gift card form in the cart and the checkout (TGP_GC_Cart_Form). Same box as the theme's "Kupong" block.
   px only: rem is 10px on this site. */
.tgp-gcf{display:flex;align-items:flex-start;margin:0 0 35px;padding:40px;border:2px solid #f1f2f4;background:#fff;color:#23232c}
.tgp-gcf__label{flex:0 0 264px;display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:400;line-height:48px;color:#23232c}
.tgp-gcf__label svg{flex:none}
.tgp-gcf__label svg,.tgp-gcf__label svg *{fill:none!important;stroke:currentColor!important;stroke-width:1.5!important}
.tgp-gcf__body{flex:1;min-width:0;position:relative}
.tgp-gcf .ywgc_enter_code{margin:0;padding:0;background:none;text-align:left} /* undo YITH's ywgc-frontend.css and its inline colours */
.tgp-gcf .ywgc_enter_code>div{margin:0}
.tgp-gcf .ywgc_enter_code>div:after{content:none} /* YITH clearfix would be a flex item and add a gap */
.tgp-gcf .ywgc_enter_code p{padding:0}
.tgp-gcf__row{display:flex;align-items:flex-end;gap:24px}
.tgp-gcf .tgp-gcf__row input.input-text{flex:1;min-width:0;height:43px;margin:0;padding:5px 0;font-size:16px;color:#23232c}
.tgp-gcf .tgp-gcf__row .ywgc_apply_gift_card_button{flex:none;height:48px;margin:0;padding:0 36px;border:0;border-radius:0;
	background:#23232c!important;color:#fff!important;font-size:14px;font-weight:500;line-height:48px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.tgp-gcf .tgp-gcf__row .ywgc_apply_gift_card_button:hover{background:#000!important;color:#fff!important}
.tgp-gcf__hint{margin:12px 0 0;font-size:14px;line-height:1.5;color:#909097}
.tgp-gcf__hint a{margin-left:4px;color:#23232c;text-decoration:underline;text-underline-offset:3px}
/* YITH puts its apply/remove notice right after div.ywgc_enter_code, i.e. inside our box */
.tgp-gcf__body > .woocommerce-message,.tgp-gcf__body > .woocommerce-error,.tgp-gcf__body > .woocommerce-info,
.tgp-gcf__body > .woocommerce-notices-wrapper{margin:16px 0 0}
@media (max-width:767px){
	.tgp-gcf{flex-direction:column;padding:24px 20px}
	.tgp-gcf__label{flex:none;margin:0 0 8px;font-size:18px;line-height:1.4}
	.tgp-gcf__row{flex-direction:column;align-items:stretch;gap:14px}
	.tgp-gcf .tgp-gcf__row .ywgc_apply_gift_card_button{width:100%}
}