/* ===========================================================
   Unique Textiles — custom theme layer
   Loaded after the template CSS to restyle & realign pages.
=========================================================== */
:root{
	--ut-navy:#0b2545;
	--ut-navy-2:#123a52;
	--ut-teal:#0f8b8d;
	--ut-teal-light:#e8f7f6;
	--ut-coral:#e7215e;
	--ut-coral-2:#ff6f61;
	--ut-gold:#f6a723;
	--ut-cream:#fff8f0;
	--ut-ink:#354e5b;
	--ut-radius:18px;
	--ut-shadow:0 20px 45px rgba(11,37,69,.10);
	--ut-shadow-hover:0 26px 55px rgba(11,37,69,.18);
}

.ut-section{padding:80px 0;position:relative;}
.ut-section-sm{padding:55px 0;}
.ut-bg-cream{background:var(--ut-cream);}
.ut-bg-teal{background:var(--ut-teal-light);}
.ut-bg-navy{background:linear-gradient(135deg,var(--ut-navy) 0%,var(--ut-navy-2) 45%,var(--ut-teal) 100%);}
.ut-bg-white{background:#fff;}

.ut-container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* ---- section headers ---- */
.ut-head{text-align:center;max-width:760px;margin:0 auto 50px;}
.ut-head.ut-head-left{text-align:left;margin:0 0 40px;}
.ut-pretitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    color: #e5143e;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 7px 20px;
    border-radius: 30px;
    margin-bottom: 16px;
    box-shadow: none;
}
.ut-pretitle.ut-pretitle-light{
	background:rgba(255,255,255,.15);color:#fff;box-shadow:none;
}
.ut-title{
	font-family: cursive;
	font-size:38px;font-weight:700;color:var(--ut-navy);line-height:1.25;margin:0 0 14px;
}
.ut-title-sm{font-size:26px;}
.ut-title.ut-title-white{color:#fff;}
.ut-sub{font-size:17px;color:#5c6b74;line-height:1.8;margin:0;}
.ut-sub.ut-sub-white{color:rgba(255,255,255,.85);}
.ut-divider{
	width:70px;height:5px;border-radius:4px;margin:0 auto 22px;
	background:linear-gradient(90deg,var(--ut-coral),var(--ut-gold));
}
.ut-head-left .ut-divider{margin:0 0 22px;}

/* ---- grids ---- */
.ut-grid{display:grid;gap:30px;}
.ut-grid-2{grid-template-columns:repeat(2,1fr);}
.ut-grid-3{grid-template-columns:repeat(3,1fr);}
.ut-grid-4{grid-template-columns:repeat(4,1fr);}
.ut-grid-5{grid-template-columns:repeat(5,1fr);}
@media (max-width:1199px){
	.ut-grid-4{grid-template-columns:repeat(3,1fr);}
	.ut-grid-5{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:991px){
	.ut-grid-2, .ut-grid-3, .ut-grid-4, .ut-grid-5{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:575px){
	.ut-grid-2, .ut-grid-3, .ut-grid-4, .ut-grid-5{grid-template-columns:1fr;}
}

.ut-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
@media (max-width:991px){.ut-cols-2{grid-template-columns:1fr;gap:30px;}}

/* ---- cards ---- */
.ut-card{
	background:#fff;border-radius:var(--ut-radius);overflow:hidden;
	box-shadow:var(--ut-shadow);transition:transform .35s ease, box-shadow .35s ease;
	display:flex;flex-direction:column;height:100%;position:relative;
}
.ut-card:hover{transform:translateY(-10px);box-shadow:var(--ut-shadow-hover);}
.ut-card-bar{height:5px;width:100%;background:linear-gradient(90deg,var(--ut-coral),var(--ut-gold));}
.ut-card:nth-child(3n+2) .ut-card-bar{background:linear-gradient(90deg,var(--ut-teal),var(--ut-coral));}
.ut-card:nth-child(3n+3) .ut-card-bar{background:linear-gradient(90deg,var(--ut-gold),var(--ut-teal));}
.ut-card-img{width:100%;height:230px;overflow:hidden;position:relative;}
.ut-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.ut-card:hover .ut-card-img img{transform:scale(1.08);}
.ut-card-body{padding:26px 26px 28px;flex:1;display:flex;flex-direction:column;}
.ut-card-title{font-size:19px;font-weight:700;color:var(--ut-navy);margin:0 0 10px;}
.ut-card-text{color:#647079;font-size:15px;line-height:1.7;text-align:justify;margin:0;flex:1;}
.ut-card-badge{
	position:absolute;top:16px;left:16px;z-index:2;
	background:#fff;color:var(--ut-coral);font-weight:700;font-size:14px;
	width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.ut-card-link{
	display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:700;
	color:var(--ut-coral);font-size:14px;text-decoration:none;
}

/* colorful icon circles */
.ut-icon-circle{
	width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	font-size:26px;color:#fff;margin:0 auto 18px;flex-shrink:0;
	background:linear-gradient(135deg,var(--ut-coral),var(--ut-gold));
	box-shadow:0 12px 25px rgba(231,33,94,.28);
}
.ut-icon-circle.ut-icon-teal{background:linear-gradient(135deg,var(--ut-teal),#3fc1c9);box-shadow:0 12px 25px rgba(15,139,141,.28);}
.ut-icon-circle.ut-icon-navy{background:linear-gradient(135deg,var(--ut-navy),var(--ut-teal));box-shadow:0 12px 25px rgba(11,37,69,.28);}
.ut-icon-circle.ut-icon-sm{width:48px;height:48px;font-size:18px;margin:0;}

/* step cards (how we work / services) */
.ut-step{background:#fff;border-radius:var(--ut-radius);padding:38px 26px;text-align:center;box-shadow:var(--ut-shadow);height:100%;transition:transform .3s ease, box-shadow .3s ease;}
.ut-step:hover{transform:translateY(-8px);box-shadow:var(--ut-shadow-hover);}
.ut-step-num{
	width:56px;height:56px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
	font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--ut-coral),var(--ut-gold));
}
.ut-grid-4>.ut-step:nth-child(2) .ut-step-num,
.ut-grid-4>.ut-step-wrap:nth-child(2) .ut-step-num{background:linear-gradient(135deg,var(--ut-teal),#3fc1c9);}
.ut-grid-4>.ut-step:nth-child(3) .ut-step-num,
.ut-grid-4>.ut-step-wrap:nth-child(3) .ut-step-num{background:linear-gradient(135deg,var(--ut-navy),var(--ut-teal));}
.ut-grid-4>.ut-step:nth-child(4) .ut-step-num,
.ut-grid-4>.ut-step-wrap:nth-child(4) .ut-step-num{background:linear-gradient(135deg,var(--ut-gold),var(--ut-coral));}
.ut-step h3{font-size:18px;color:var(--ut-navy);margin:0 0 10px;font-weight:700;}
.ut-step p{color:#647079;font-size:14.5px;line-height:1.7;margin:0;}

/* checklist */
.ut-check-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.ut-check-list.ut-check-2col{grid-template-columns:1fr 1fr;}
@media (max-width:575px){.ut-check-list.ut-check-2col{grid-template-columns:1fr;}}
.ut-check-list li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;color:var(--ut-ink);}
.ut-check-list li i{
	flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--ut-coral);color:#fff;
	display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:2px;
}
.ut-check-list.ut-check-white li{color:#fff;}
.ut-check-list.ut-check-white li i{background:#fff;color:var(--ut-coral);}

/* buttons */
.ut-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 34px;
    border-radius: 50px;
    background: linear-gradient(90deg, #e7215e, #6c0116);
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    box-shadow: none;
    transition: transform .25s ease, box-shadow .25s ease;
    border: none;
}
.ut-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(231,33,94,.4);color:#fff;}
.ut-btn.ut-btn-outline{background:transparent;border:2px solid #fff;color:#fff!important;box-shadow:none;}
.ut-btn.ut-btn-outline:hover{background:#fff;color:var(--ut-navy)!important;}
.ut-btn.ut-btn-teal{background:linear-gradient(90deg,var(--ut-teal),#3fc1c9);box-shadow:0 14px 28px rgba(15,139,141,.3);}
.ut-btn.ut-btn-whatsapp{background:linear-gradient(90deg,#25D366,#128C7E);box-shadow:0 14px 28px rgba(37,211,102,.3);}

/* CTA banner */
.ut-cta{
	border-radius:26px;padding:60px 50px;position:relative;overflow:hidden;
	background:linear-gradient(120deg,var(--ut-navy) 0%,var(--ut-navy-2) 45%,var(--ut-teal) 100%);
	box-shadow:var(--ut-shadow);
}
.ut-cta::before{
	content:"";position:absolute;inset:0;
	background:radial-gradient(circle at 15% 20%, rgba(255,111,97,.28), transparent 45%),
	           radial-gradient(circle at 90% 85%, rgba(246,167,35,.25), transparent 45%);
	pointer-events:none;
}
.ut-cta-inner{position:relative;z-index:1;}

/* page hero title (replaces plain page__title-area look) */
.ut-page-hero{
	position:relative;padding:90px 0 70px;text-align:center;overflow:hidden;
	background:linear-gradient(120deg,var(--ut-navy) 0%,var(--ut-navy-2) 45%,var(--ut-teal) 100%);
}
.ut-page-hero::before{
	content:"";position:absolute;inset:0;
	background:radial-gradient(circle at 10% 15%, rgba(231,33,94,.35), transparent 40%),
	           radial-gradient(circle at 92% 80%, rgba(246,167,35,.3), transparent 45%);
}
.ut-page-hero .ut-container{position:relative;z-index:1;}
.ut-page-hero h1{color:#fff;font-size:44px;font-weight:800;margin:0 0 12px;font-family: cursive;}
.ut-page-hero .ut-crumb{color:rgba(255,255,255,.8);font-size:15px;}
.ut-page-hero .ut-crumb a{color:#fff;text-decoration:none;font-weight:600;}
.ut-page-hero .ut-crumb i{font-size:10px;margin:0 8px;vertical-align:middle;}

/* image frame with accent */
.ut-img-frame{position:relative;border-radius:var(--ut-radius);overflow:hidden;box-shadow:var(--ut-shadow);}
.ut-img-frame img{width:100%;display:block;object-fit:cover;}
.ut-img-frame::after{
	content:"";position:absolute;inset:0;border-radius:var(--ut-radius);
	box-shadow:inset 0 0 0 6px rgba(255,255,255,.0);
}
.ut-badge-float{
	position:absolute;bottom:-22px;right:-22px;background:#fff;border-radius:16px;padding:18px 22px;
	box-shadow:var(--ut-shadow);text-align:center;z-index:3;
}
.ut-badge-float strong{display:block;font-size:26px;color:var(--ut-coral);font-weight:800;}
.ut-badge-float span{font-size:12px;color:var(--ut-ink);text-transform:uppercase;letter-spacing:.5px;}

/* enquiry field cards */
.ut-field-card{
	background:#fff;border-radius:16px;padding:22px 24px;box-shadow:var(--ut-shadow);height:100%;
	border-top:4px solid var(--ut-coral);
}
.ut-field-card:nth-child(3n+2){border-top-color:var(--ut-teal);}
.ut-field-card:nth-child(3n+3){border-top-color:var(--ut-gold);}
.ut-field-card h4{font-size:16px;color:var(--ut-navy);margin:0 0 6px;font-weight:700;}
.ut-field-card p{margin:0;color:#647079;font-size:14.5px;}
.ut-field-card.ut-neutral{
	border-top-color:var(--ut-navy);transition:transform .3s ease, box-shadow .3s ease;
}
.ut-field-card.ut-neutral:hover{transform:translateY(-6px);box-shadow:var(--ut-shadow-hover);}
.ut-field-card.ut-neutral h4{display:flex;align-items:center;gap:0;margin-bottom:12px;}
.ut-field-card .ut-field-icon{
	width:42px;height:42px;border-radius:12px;background:#eef2f6;color:var(--ut-navy);
	display:flex;align-items:center;justify-content:center;font-size:17px;margin-right:12px;flex-shrink:0;
}

/* field cards — single accent colour, numbered, elevated on hover */
.ut-field-card.ut-accent{
	border-top:none;border-left:4px solid var(--ut-coral);position:relative;
	transition:transform .3s ease, box-shadow .3s ease;padding:24px 24px 24px 22px;
}
.ut-field-card.ut-accent:hover{transform:translateY(-6px);box-shadow:var(--ut-shadow-hover);}
.ut-field-card.ut-accent h4{display:flex;align-items:center;gap:0;margin-bottom:12px;}
.ut-field-card.ut-accent .ut-field-icon{
	width:44px;height:44px;border-radius:12px;background:rgba(231,33,94,.10);color:var(--ut-coral);
	font-size:18px;margin-right:14px;
}
.ut-field-card.ut-accent .ut-field-num{
	position:absolute;top:16px;right:18px;font-size:12px;font-weight:800;color:rgba(53,78,91,.25);letter-spacing:.5px;
}

/* spec chips (catalogue) */
.ut-field-chip{
	display:inline-block;background:#fff;color:var(--ut-navy);font-weight:600;font-size:14px;
	padding:9px 20px;border-radius:30px;margin:5px;box-shadow:var(--ut-shadow);border:1px solid rgba(11,37,69,.06);
}

/* simple tag row (catalogue redesign v2) */
.ut-tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:0 auto;}
.ut-tag{
	border:1.5px solid var(--ut-navy);color:var(--ut-navy);font-weight:600;font-size:14px;
	padding:9px 20px;border-radius:8px;background:#fff;transition:background .25s ease,color .25s ease;
}
.ut-tag:hover{background:var(--ut-navy);color:#fff;}

/* clean bordered spec list (catalogue redesign) */
.ut-spec-list{border:1px solid #e7e9ec;border-radius:14px;overflow:hidden;background:#fff;}
.ut-spec-list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;}
@media (max-width:575px){.ut-spec-list ul{grid-template-columns:1fr;}}
.ut-spec-list li{
	display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid #eef0f2;font-size:15.5px;color:var(--ut-ink);font-weight:600;
}
.ut-spec-list ul li:nth-last-child(-n+2){border-bottom:none;}
.ut-spec-list li i{color:var(--ut-coral);font-size:16px;width:20px;text-align:center;}

/* enquiry page: two column layout */
.ut-enquiry-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:start;}
@media (max-width:991px){.ut-enquiry-cols{grid-template-columns:1fr;}}
.ut-enquiry-side{
	background:linear-gradient(135deg,var(--ut-navy) 0%,var(--ut-navy-2) 45%,var(--ut-teal) 100%);
	border-radius:var(--ut-radius);padding:38px 30px;color:#fff;position:relative;overflow:hidden;
	box-shadow:var(--ut-shadow);
}
.ut-enquiry-side::before{
	content:"";position:absolute;inset:0;
	background:radial-gradient(circle at 15% 10%, rgba(255,111,97,.28), transparent 45%),
	           radial-gradient(circle at 90% 90%, rgba(246,167,35,.25), transparent 45%);
}
.ut-enquiry-side>*{position:relative;z-index:1;}
.ut-enquiry-side h4{color:#fff;font-size:18px;margin:0 0 10px;font-weight:700;}
.ut-enquiry-side p{color:rgba(255,255,255,.85);font-size:14.5px;line-height:1.7;}
.ut-enquiry-side hr{border:none;border-top:1px solid rgba(255,255,255,.2);margin:26px 0;}
.ut-enquiry-contact{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.ut-enquiry-contact .ut-icon-circle{margin:0;width:46px;height:46px;font-size:17px;flex-shrink:0;}
.ut-enquiry-contact a{color:#fff;font-weight:700;font-size:15px;text-decoration:none;}
.ut-enquiry-side .ut-btn{width:100%;justify-content:center;margin-top:10px;}

/* neutral (toned-down) enquiry side panel */
.ut-enquiry-side.ut-neutral{
	background:#fff;color:var(--ut-ink);border:1px solid #e7e9ec;box-shadow:var(--ut-shadow);
	border-top:5px solid var(--ut-navy);padding-top:34px;
}
.ut-enquiry-side.ut-neutral::before{display:none;}
.ut-enquiry-side.ut-neutral h4{color:var(--ut-navy);}
.ut-enquiry-side.ut-neutral p{color:#647079;}
.ut-enquiry-side.ut-neutral hr{border-top:1px solid #e7e9ec;}
.ut-enquiry-side.ut-neutral .ut-icon-circle{background:var(--ut-navy);box-shadow:none;}
.ut-enquiry-side.ut-neutral .ut-enquiry-contact a{color:var(--ut-navy);}
.ut-enquiry-side.ut-neutral .ut-btn.ut-btn-outline-navy{
	background:transparent;border:2px solid var(--ut-navy);color:var(--ut-navy)!important;box-shadow:none;
}
.ut-enquiry-side.ut-neutral .ut-btn.ut-btn-outline-navy:hover{background:var(--ut-navy);color:#fff!important;}
.ut-important-box{
	background:#eef2f6;border-radius:12px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;
}
.ut-important-box i{color:var(--ut-navy);font-size:20px;margin-top:2px;flex-shrink:0;}
.ut-important-box p{margin:0;}

/* contact cards */
.ut-contact-card{
	background:#fff;border-radius:var(--ut-radius);padding:34px 26px;text-align:center;box-shadow:var(--ut-shadow);height:100%;
}
.ut-contact-card h5{color:var(--ut-navy);font-size:17px;margin:14px 0 8px;font-weight:700;}
.ut-contact-card p, .ut-contact-card a{color:#647079;font-size:15px;}
.ut-contact-card a{text-decoration:none;font-weight:600;color:var(--ut-coral);}

/* generic text helpers */
.ut-text-white{color:#fff;}
.ut-text-center{text-align:center;}
.ut-mt-10{margin-top:10px;}
.ut-mt-20{margin-top:20px;}
.ut-mt-30{margin-top:30px;}

/* responsive fixes for old bootstrap rows used inline (safety net) */
.row.ut-tight{margin-left:-10px;margin-right:-10px;}
.row.ut-tight>[class*="col-"]{padding-left:10px;padding-right:10px;}