/* ===== Program detail pages — shared section utilities ===== */
.df-program-section{padding:100px 15px;}
.df-program-container{max-width:1140px;margin:0 auto;}
.df-program-eyebrow{display:block;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#c88a32;margin:0 0 14px;text-align:center;}
.df-program-heading{font-family:"Poppins", Sans-serif;font-size:36px;line-height:1.25;font-weight:600;color:#171717;margin:0 0 18px;text-align:center;}
.df-program-text{font-family:"DM Sans", Sans-serif;font-size:17px;line-height:28px;font-weight:400;color:#3a3a3a;margin:0 0 18px;text-align:center;}
.df-program-narrow{max-width:780px;margin:0 auto;text-align:center;}
.df-program-intro{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:700;color:#171717;text-align:center;margin:0 0 26px;}

.df-program-btn{display:inline-flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff;background-color:#c88a32;padding:16px 32px;border-radius:300px;text-decoration:none;border:none;cursor:pointer;transition:background-color .3s,color .3s;}
.df-program-btn:hover{background-color:#3a0403;color:#ffffff;}
.df-program-btn--dark{background-color:#5a0808;}
.df-program-btn svg{width:16px;height:16px;flex:0 0 auto;}

/* Hero */
.df-program-hero{position:relative;padding:220px 20px 100px;background-image:linear-gradient(180deg, #3a0403b8 31%, #3a04036b 75%), url("./Qaidah-Program.png");background-size:cover;background-position:top center;background-repeat:no-repeat;text-align:center;}
.df-program-hero-inner{max-width:760px;margin:0 auto;}
.df-program-hero-title{font-family:"Poppins", Sans-serif;font-size:46px;line-height:1.2;font-weight:600;color:#ffffff;margin:0 0 20px;}
.df-program-hero-text{font-family:"DM Sans", Sans-serif;font-size:18px;line-height:29px;color:#f2ede1;margin:0;}

/* Programs overview grid — arch-top cards (matches homepage course cards) */
.df-programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-top:50px;}
.df-programs-card{background:#ffffff;display:flex;flex-direction:column;}
.df-programs-card-img{display:block;width:100%;height:320px !important;min-height:320px;max-height:320px;flex-shrink:0;object-fit:cover;border-radius:300px 300px 0 0 !important;}
.df-programs-card-body{padding:24px 0px 0px;background:#faf8f2;text-align:center;flex:1;display:flex;flex-direction:column;}
.df-programs-card-title{margin:0 15px 10px;}
.df-programs-card-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#171717;text-decoration:none;}
.df-programs-card-desc{font-family:"DM Sans", Sans-serif;font-size:16px;line-height:24px;color:#3a3a3a;margin:5px 15px 22px;flex:1;}
.df-programs-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#c88a32;color:#ffffff;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:18px 20px;text-decoration:none;transition:background-color .3s;}
.df-programs-card-btn:hover{background-color:#3a0403;color:#ffffff;}
.df-programs-card-btn svg{width:14px;height:14px;flex:0 0 auto;}

/* Overview — 2 column, image + text */
.df-program-overview-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;}
.df-program-overview-img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:18px;}
.df-program-overview-content .df-program-eyebrow,
.df-program-overview-content .df-program-heading,
.df-program-overview-content .df-program-text{text-align:left;}

/* Category cards — Key Areas of Learning / Program Components */
.df-program-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;}
.df-program-cat-card{background:#ffffff;border:1px solid #ecebe4;border-radius:16px;padding:34px 30px;}
.df-program-cat-icon{width:60px;height:60px;border-radius:50%;background-color:#5a0808;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.df-program-cat-icon svg{width:26px;height:26px;color:#c88a32;}
.df-program-cat-icon span{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#c88a32;}
.df-program-cat-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#171717;margin:0 0 4px;}
.df-program-cat-subtitle{display:block;font-family:"DM Sans", Sans-serif;font-size:14px;font-style:italic;color:#c88a32;margin:0 0 14px;}
.df-program-cat-card > p{font-family:"DM Sans", Sans-serif;font-size:16px;line-height:24px;color:#3a3a3a;margin:0;}
.df-program-cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.df-program-cat-list li{display:flex;align-items:flex-start;gap:10px;font-family:"DM Sans", Sans-serif;font-size:16px;line-height:24px;color:#3a3a3a;}
.df-program-cat-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:#c88a32;margin-top:8px;flex:0 0 6px;}

/* Curriculum cards — compact, icon + title + description */
.df-program-curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
.df-program-curr-card{display:flex;gap:16px;align-items:flex-start;background:#ffffff;border:1px solid #ecebe4;border-radius:14px;padding:22px 20px;}
.df-program-curr-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background-color:#5a0808;display:flex;align-items:center;justify-content:center;}
.df-program-curr-icon svg{width:20px;height:20px;color:#c88a32;}
.df-program-curr-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#171717;margin:0 0 6px;}
.df-program-curr-card p{font-family:"DM Sans", Sans-serif;font-size:16px;line-height:24px;color:#3a3a3a;margin:0;}

/* Prominent statement band — dark, never directly above the footer */
.df-program-statement{background-image:linear-gradient(rgba(90,8,8,0.95), rgba(90,8,8,0.95)), url("./footer-bg.png");background-position:center;background-repeat:no-repeat;background-size:cover;}
.df-program-statement .df-program-heading{color:#ffffff;}
.df-program-statement .df-program-text{color:#e9e4d8;}

/* Goal callout */
.df-program-callout{background-color:#faf8f2;border-left:4px solid #c88a32;border-radius:8px;padding:34px 40px;max-width:820px;margin:0 auto;display:flex;gap:22px;align-items:flex-start;}
.df-program-callout-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background-color:#c88a32;display:flex;align-items:center;justify-content:center;}
.df-program-callout-icon svg{width:22px;height:22px;color:#ffffff;}
.df-program-callout p{font-family:"DM Sans", Sans-serif;font-size:17px;line-height:28px;color:#5a0808;margin:0 0 14px;text-align:left;}
.df-program-callout p:last-child{margin-bottom:0;}

/* Audience cards — Who Is This Program For */
.df-program-audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin-top:44px;}
.df-program-audience-card{background:#ffffff;border-radius:14px;padding:30px 22px;text-align:center;box-shadow:0 6px 20px rgba(90,8,8,0.07);}
.df-program-audience-icon{width:56px;height:56px;border-radius:50%;background-color:#c88a32;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.df-program-audience-icon svg{width:24px;height:24px;color:#ffffff;}

/* Dot list — compact 2-column checklist, no cards */
.df-program-dot-list{list-style:none;margin:36px auto 0;padding:0;max-width:900px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;}
.df-program-dot-list li{display:flex;align-items:flex-start;gap:12px;font-family:"DM Sans", Sans-serif;font-size:16px;line-height:24px;color:#171717;font-weight:500;text-align:left;}
.df-program-dot-list li::before{content:"";width:8px;height:8px;border-radius:50%;background:#5a0808;margin-top:8px;flex:0 0 8px;}

/* Tag list — pill-style wrap for short phrases */
.df-program-tag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;}
.df-program-tag{display:inline-flex;align-items:center;gap:9px;background:#ffffff;border:1.5px solid #c88a32;border-radius:300px;padding:11px 22px;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:600;color:#171717;}
.df-program-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#c88a32;flex:0 0 7px;}
.df-program-audience-card span{font-family:"DM Sans", Sans-serif;font-size:16px;line-height:24px;color:#171717;font-weight:600;}

/* Graduates spotlight — dark band, never directly above the footer */
.df-program-graduates{background-image:linear-gradient(rgba(90,8,8,0.95), rgba(90,8,8,0.95)), url("./footer-bg.png");background-position:center;background-repeat:no-repeat;background-size:cover;}
.df-program-graduates .df-program-heading{color:#ffffff;}
.df-program-graduates .df-program-text{color:#e9e4d8;}
.df-program-grad-stat{text-align:center;margin:0 0 34px;}
.df-program-grad-stat-number{display:block;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;color:#c88a32;line-height:1;}
.df-program-grad-stat-label{display:block;font-family:"DM Sans", Sans-serif;font-size:17px;color:#ffffff;margin-top:10px;}
.df-program-grad-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:36px 0;}
.df-program-grad-item{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:20px 22px;}
.df-program-grad-item .df-program-cat-icon{width:48px;height:48px;flex:0 0 48px;margin:0;background-color:#c88a32;}
.df-program-grad-item .df-program-cat-icon svg{width:22px;height:22px;color:#5a0808;}
.df-program-grad-item span{font-family:"DM Sans", Sans-serif;font-size:16px;line-height:22px;color:#ffffff;font-weight:600;text-align:left;}

/* Bottom CTA — gold, never dark green (sits right above the footer) */
.df-program-cta{background-color:#c88a32;text-align:center;}
.df-program-cta .df-program-heading{color:#ffffff;}
.df-program-cta .df-program-text{color:#ffffff;}
.df-program-cta .df-program-btn{background-color:#5a0808;}
.df-program-cta .df-program-btn:hover{background-color:#3a0403;color:#ffffff;}

@media (max-width:991px){
	.df-program-overview-grid{grid-template-columns:1fr;}
	.df-program-overview-img{min-height:300px;}
	.df-program-overview-content .df-program-eyebrow,
	.df-program-overview-content .df-program-heading,
	.df-program-overview-content .df-program-text{text-align:center;}
	.df-program-cat-grid{grid-template-columns:repeat(2,1fr);}
	.df-program-curr-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
	.df-program-section{padding:60px 15px;}
	.df-program-hero{padding:150px 20px 70px;}
	.df-program-hero-title{font-size:32px;}
	.df-program-heading{font-size:28px;}
	.df-program-cat-grid{grid-template-columns:1fr;}
	.df-program-curr-grid{grid-template-columns:1fr;}
	.df-program-callout{padding:26px;flex-direction:column;}
	.df-program-callout p{text-align:left;}
	.df-program-dot-list{grid-template-columns:1fr;}
}