/*
Theme Name: Ariel Fleming Collective
Theme URI: https://www.arielflemingcollective.com
Author: Ariel Fleming Collective
Description: A warm, feminine one-page portfolio theme for Ariel Fleming Collective — UGC creator for family, beauty, and everyday brands. Photos, videos, and contact details are editable in the Customizer.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ariel-fleming-collective
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FBF4EE;color:#6B5148;font-family:'Jost',sans-serif}
img{max-width:100%}
a{color:inherit}

/* Nav hover */
.afc-nav a{transition:color .2s ease}
.afc-nav a:hover{color:#C86A56}

/* Buttons */
.afc-btn{transition:transform .2s ease, box-shadow .2s ease}
.afc-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(200,106,86,.4)}

/* Service card hover */
.afc-svc{transition:transform .3s ease, box-shadow .3s ease}
.afc-svc:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(94,42,50,.16)}

/* Hero float */
@keyframes afc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.afc-float{animation:afc-float 7s ease-in-out infinite}

/* Customizer video embeds fill their container */
.afc-embed iframe,
.afc-embed video,
.afc-embed blockquote{
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	border:0 !important;
	max-width:none !important;
}

/* Responsive */
@media (max-width:900px){
	.afc-grid-2{grid-template-columns:1fr !important}
	.afc-grid-3{grid-template-columns:1fr 1fr !important}
	.afc-grid-4{grid-template-columns:1fr 1fr !important}
	.afc-hero{grid-template-columns:1fr !important}
	.afc-navlinks{display:none !important}
	.afc-hero h1{font-size:46px !important}
}
@media (max-width:560px){
	.afc-grid-3,.afc-grid-4{grid-template-columns:1fr !important}
}