/* Islamic Wall Arts redesign: site-wide refinements (1 Nov 2026).
   Loaded only when the option iwa_home_redesign = '1' (body class .iwa-rd-on). Switching the option off removes every rule here.
   Scope: product-card actions in shop grids, product-page actions, footer spacing and payment logos, floating help controls.
   Other buttons (basket, checkout, filters, forms) are deliberately not touched. */

/* ---------- 1. Product-card actions (shop grids, category pages, homepage product rows, related products) ---------- */
body.iwa-rd-on ul.products li.product{display:flex;flex-direction:column}
body.iwa-rd-on ul.products li.product > a.woocommerce-LoopProduct-link{flex:1 1 auto}

/* Primary: Add to basket / Select options / Read more */
body.iwa-rd-on .woocommerce ul.products li.product > a.button,
body.iwa-rd-on ul.products li.product > a.button{
	display:flex!important;align-items:center;justify-content:center;gap:.4rem;
	width:auto!important;min-height:44px!important;margin:14px 16px 0!important;padding:10px 16px!important;
	background:#0F5A3F!important;background-image:none!important;color:#fff!important;
	border:1px solid #0F5A3F!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;
	font:600 15px/1.2 "Work Sans",system-ui,sans-serif!important;letter-spacing:.005em!important;text-transform:none!important;
	transform:none!important;
}
body.iwa-rd-on ul.products li.product > a.button:hover{background:#0B4530!important;border-color:#0B4530!important}
body.iwa-rd-on ul.products li.product > a.button:active{background:#093A28!important;box-shadow:none!important;transform:none!important}
body.iwa-rd-on ul.products li.product > a.button::before{display:none!important}

/* Secondary: Visualise it in your room (lighter outlined action) */
body.iwa-rd-on ul.products li.product .iwa-visualiser-btn-loop{
	position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;
	width:auto!important;min-height:44px!important;margin:8px 16px 0!important;padding:9px 14px!important;
	background:transparent!important;background-image:none!important;color:#0F5A3F!important;
	border:1px solid rgba(15,90,63,.42)!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;
	font:600 14px/1.2 "Work Sans",system-ui,sans-serif!important;text-transform:none!important;transform:none!important;
}
body.iwa-rd-on ul.products li.product .iwa-visualiser-btn-loop::before{
	content:""!important;display:block!important;position:static!important;width:16px!important;height:16px!important;flex:0 0 16px;
	background:currentColor!important;opacity:1!important;inset:auto!important;transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21H3z'/%3E%3Crect x='8' y='11' width='8' height='6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21H3z'/%3E%3Crect x='8' y='11' width='8' height='6'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.iwa-rd-on ul.products li.product .iwa-visualiser-btn-loop::after{display:none!important}
body.iwa-rd-on ul.products li.product .iwa-visualiser-btn-loop:hover{background:#F3EFE4!important;border-color:#0F5A3F!important}

/* The theme hides "Room preview unavailable" with an inline style until a variation without a preview is chosen; that inline style still wins. */
body.iwa-rd-on ul.products li.product .iwa-visualiser-btn-loop.is-unavailable{opacity:.6!important;filter:none!important;cursor:not-allowed}
body.iwa-rd-on ul.products li.product .iwa-room-preview{display:contents}

/* Card text: the fulfilment note was 10px and flush to the card edge; make it readable and aligned with the title and price. */
body.iwa-rd-on ul.products li.product .iwa-product-fulfilment{margin:6px 0 0!important;padding:0 16px!important;font-size:12.5px!important;line-height:1.4!important;color:#5E625C!important}

/* After an ajax add: the "View basket" link as a tidy text link */
body.iwa-rd-on ul.products li.product a.added_to_cart{display:inline-flex;align-items:center;min-height:44px;margin:4px 16px 0;padding:0;color:#0F5A3F;font:600 14px "Work Sans",system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;background:none;border:0;box-shadow:none}

/* Keyboard focus, clearly visible on both actions */
body.iwa-rd-on ul.products li.product > a.button:focus-visible,
body.iwa-rd-on ul.products li.product .iwa-visualiser-btn-loop:focus-visible,
body.iwa-rd-on ul.products li.product a.added_to_cart:focus-visible{outline:3px solid #B8892E!important;outline-offset:2px!important}

/* ---------- 2. Product page actions (same hierarchy) ---------- */
body.iwa-rd-on.single-product .summary .single_add_to_cart_button{
	min-height:48px!important;padding:12px 26px!important;background:#0F5A3F!important;background-image:none!important;color:#fff!important;
	border:1px solid #0F5A3F!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;
	font:600 16px/1.2 "Work Sans",system-ui,sans-serif!important;
}
body.iwa-rd-on.single-product .summary .single_add_to_cart_button:hover{background:#0B4530!important}
body.iwa-rd-on.single-product .summary .single_add_to_cart_button.disabled{opacity:.55!important}
body.iwa-rd-on.single-product .summary .iwa-visualiser-btn{
	display:inline-flex!important;align-items:center;justify-content:center;min-height:46px!important;padding:10px 20px!important;
	background:transparent!important;background-image:none!important;color:#0F5A3F!important;border:1px solid rgba(15,90,63,.42)!important;
	border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;font:600 15px/1.2 "Work Sans",system-ui,sans-serif!important;transform:none!important;
}
body.iwa-rd-on.single-product .summary .iwa-visualiser-btn::before,
body.iwa-rd-on.single-product .summary .iwa-visualiser-btn::after{display:none!important}
body.iwa-rd-on.single-product .summary .iwa-visualiser-btn:hover{background:#F3EFE4!important;border-color:#0F5A3F!important}
body.iwa-rd-on.single-product .summary .single_add_to_cart_button:focus-visible,
body.iwa-rd-on.single-product .summary .iwa-visualiser-btn:focus-visible{outline:3px solid #B8892E!important;outline-offset:2px!important}

/* ---------- 3. Footer: natural height, balanced columns ---------- */
/* Cause of the blank area: a 170px bottom padding (main.min.css, 14 Sep, reserved for floating buttons),
   plus a 50px grid margin and a tall single "Company" column beside short columns. */
html body.iwa-rd-on .site-footer.site-footer{padding:56px 0 30px}
body.iwa-rd-on .site-footer .footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:28px 40px;margin-bottom:30px;align-items:start}
body.iwa-rd-on .site-footer .footer-grid > div:last-child ul{display:block;columns:2;column-gap:28px}
body.iwa-rd-on .site-footer .footer-grid > div:last-child li{break-inside:avoid;margin:0 0 11px}
body.iwa-rd-on .site-footer .footer-about{max-width:34ch}
body.iwa-rd-on .site-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;padding-top:22px}
body.iwa-rd-on .site-footer .footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;flex:1 1 340px;min-width:0}

/* Payment options (the theme styles every span inside .footer-payments as a small badge; reset that for the new label and note) */
body.iwa-rd-on .site-footer .iwa-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 14px;margin:0 0 0 auto;flex:0 1 auto;width:560px;max-width:100%;grid-column:auto}
body.iwa-rd-on .site-footer .iwa-pay > span{background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;min-width:0!important;height:auto!important}
body.iwa-rd-on .site-footer .iwa-pay__label{font:700 .72rem/1 "Work Sans",system-ui,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#E9DDBE!important}
body.iwa-rd-on .iwa-pay__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
body.iwa-rd-on .iwa-pay__list li{display:block;width:56px;height:36px;margin:0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
body.iwa-rd-on .iwa-pay__list li::before,body.iwa-rd-on .iwa-pay__list li::marker{content:none}
body.iwa-rd-on .iwa-pay__list img{display:block;width:100%;height:100%;object-fit:contain}
body.iwa-rd-on .iwa-pay__list .iwa-pay--paypal img{padding:7px 6px;box-sizing:border-box}
body.iwa-rd-on .iwa-pay__list .iwa-pay--klarna{background:#FFA8CD}
body.iwa-rd-on .iwa-pay__list .iwa-pay--klarna img{padding:2px 0;box-sizing:border-box}
body.iwa-rd-on .iwa-pay__list .iwa-pay--link img{padding:9px 7px;box-sizing:border-box}
body.iwa-rd-on .site-footer .iwa-pay__note{flex-basis:100%;text-align:right;font:400 .78rem/1.4 "Work Sans",system-ui,sans-serif!important;color:#CFC6AE!important;letter-spacing:normal!important;text-transform:none!important}

@media (max-width:900px){
	body.iwa-rd-on .site-footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	body.iwa-rd-on .site-footer .footer-grid > div:first-child,
	body.iwa-rd-on .site-footer .footer-grid > div:last-child{grid-column:1 / -1}
}
@media (max-width:760px){
	html body.iwa-rd-on .site-footer.site-footer{padding:36px 0 76px}
	body.iwa-rd-on .site-footer .footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:16px}
	body.iwa-rd-on .site-footer .footer-legal{flex:0 0 auto;justify-content:center}
	body.iwa-rd-on .site-footer .iwa-pay{justify-content:center;margin:0;width:auto}
	body.iwa-rd-on .site-footer .iwa-pay__label{flex-basis:100%;text-align:center}
	body.iwa-rd-on .site-footer .iwa-pay__note{text-align:center}
	body.iwa-rd-on .iwa-pay__list{justify-content:center;gap:5px;flex-wrap:nowrap}
	body.iwa-rd-on .iwa-pay__list li{width:48px;height:31px;flex:0 0 48px}
	body.iwa-rd-on .iwa-pay__list .iwa-pay--paypal img{padding:6px 5px}
	body.iwa-rd-on .iwa-pay__list .iwa-pay--link img{padding:8px 6px}
}

/* ---------- 4. Floating help controls must not cover content ---------- */
/* Personal Welcome launcher: removed from the homepage presentation. */
body.iwa-rd-on.home .iwa-welcome-launcher{display:none!important}
/* Its automatic invitation panel (shown about 1.4 s after the cookie choice) covered the featured designs on phones: hidden on the homepage too. */
body.iwa-rd-on.home .iwa-welcome{display:none!important}
/* WhatsApp help: icon only on smaller screens, so the label never covers cards, prices or buttons. */
@media (max-width:1400px){
	body.iwa-rd-on .wa__btn_popup .wa__btn_popup_txt{display:none!important}
	body.iwa-rd-on .wa__btn_popup{right:16px!important;bottom:16px!important}
}
/* Keep the footer's payment row clear of the WhatsApp icon where the content reaches the screen edge. */
@media (min-width:761px) and (max-width:1400px){body.iwa-rd-on .site-footer .footer-bottom{padding-right:72px}}

/* ---------- 5. Categories bar: one consistent style for all seven links ---------- */
/* On pages other than the homepage the four menu buttons used a smaller 11px title-case style while the three plain links were 14px capitals. */
@media (min-width:761px){
	body.iwa-rd-on .iwa-mega-nav-item .iwa-mega-toggle{font-family:Heebo,"Work Sans",sans-serif!important;font-size:14px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.49px!important;line-height:14px!important}
}

/* ---------- 6. Empty green strip above the header ---------- */
/* The theme's "reflection bar" contains only screen-reader text, so it showed as an empty 43px green band. Collapse it
   visually; the sentence stays available to screen readers. */
body.iwa-rd-on .reflection-bar{height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}