/* ==========================================
   Digital Pro CSS (Premium B2B Vibe)
   ========================================== */
:root {
    --dp-primary: #0b1b3f;
    --dp-gold: #c5a45c;
    --dp-bg: #f8f9fa;
    --dp-text: #444;
}

/* إعدادات خط Monotype Corsiva للبراند
   يستخدم الخط الأساسي، وإذا لم يتوفر يستخدم بدائل قريبة 
*/
.digital-pro-text {
    font-family: 'Monotype Corsiva', 'Apple Chancery', 'URW Chancery L', cursive;
    color: var(--dp-gold);
    font-weight: normal;
    letter-spacing: 1px;
}

.dp-landing { font-family: 'Inter', sans-serif; background: var(--dp-bg); color: var(--dp-text); overflow-x: hidden; }

/* إخفاء السوشيال ميديا من الهيدر الأساسي */
.social-col { display: none !important; }

.back-to-home-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(197, 164, 92, 0.1); color: var(--dp-primary);
    padding: 10px 20px; border-radius: 50px; font-weight: 600; text-decoration: none; transition: 0.3s;
}
.back-to-home-btn:hover { background: var(--dp-primary); color: #fff; }

/* Hero Section */
.dp-landing .hero { padding: 100px 0; background: var(--dp-primary); color: white; border-bottom: 3px solid var(--dp-gold); }
.dp-landing .container { display: flex; align-items: center; justify-content: space-between; gap: 50px; max-width: 1200px; margin: 0 auto; padding: 0 5%; }
.dp-landing .hero-text { flex: 1.2; text-align: left; }
.dp-landing .gc-badge { display: inline-block; background: rgba(197, 164, 92, 0.2); color: var(--dp-gold); padding: 6px 18px; border-radius: 20px; font-size: 0.85rem; font-weight: 700; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; }
.dp-landing .hero-text h1 { font-size: 3.2rem; line-height: 1.1; margin-bottom: 20px; font-weight: 800; }
.dp-landing .hero-text p { font-size: 1.15rem; color: #cbd5e0; line-height: 1.6; max-width: 550px; }

.gc-btn-primary { background: var(--dp-gold); color: #fff; border: none; padding: 18px 45px; border-radius: 50px; font-size: 1.1rem; font-weight: 800; cursor: pointer; box-shadow: 0 5px 15px rgba(197, 164, 92, 0.2); transition: all 0.3s ease; }
.gc-btn-primary:hover { background: #fff; color: var(--dp-primary); transform: translateY(-2px); box-shadow: 0 10px 25px rgba(197, 164, 92, 0.4); }

.noon-btn, .amazon-btn { width: 120px !important; height: 38px !important; border-radius: 8px !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; text-decoration: none; transition: 0.3s ease; box-sizing: border-box !important; }
.noon-btn { background-color: #FCE819 !important; border:none; }
.noon-btn:hover { background-color: #f0dd15 !important; transform: scale(1.05); }
.noon-svg { height: 34px !important; width: auto !important; display: block; }
.amazon-btn { background-color: #FF9900 !important; color: #000 !important; font-weight: 800 !important; font-size: 15px !important; gap: 6px; border:none; }
.amazon-btn:hover { background-color: #e88a00 !important; transform: scale(1.05); }

/* Rotator (Copied from Main Page / Google Card style) */
.dp-landing .hero-visuals { flex: 1; display: flex; justify-content: center; align-items: center; perspective: 1500px; }
.hero-image-wrapper { flex: 0 1 500px; display: flex; justify-content: center; align-items: center; z-index: 10; }
.card-rotator { position: relative; width: 350px; height: 220px; transform-style: preserve-3d; animation: floatCard 6s ease-in-out infinite; }
.rotating-card { position: absolute; top: 0; left: 0; width: 100%; height: auto; border-radius: 20px; backface-visibility: hidden; transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; transform: rotateY(180deg) scale(0.5) translateZ(-100px); box-shadow: 0 25px 50px rgba(0,0,0,0.5); }
.rotating-card.active { opacity: 1; transform: rotateY(-10deg) rotateX(5deg) scale(1); z-index: 2; box-shadow: 0 30px 60px rgba(197, 164, 92, 0.3); }
.rotating-card.exit { opacity: 0; transform: rotateY(-180deg) scale(0.5) translateZ(-100px); z-index: 1; }

@keyframes floatCard { 0%, 100% { transform: translateY(0px) rotateZ(0deg); } 50% { transform: translateY(-20px) rotateZ(1deg); } }

/* Dynamic Print Config Form */
.print-config-row { background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 10px; border: 1px solid #ddd; }
.print-config-row input { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #ccc; font-family: inherit; font-size: 14px; outline: none; margin-top: 5px; margin-bottom: 10px; }
.print-config-row input:focus { border-color: var(--dp-gold); }

@media (max-width: 991px) {
    .dp-landing .container, .gc-checkout-grid { flex-direction: column; text-align: center; gap: 40px; }
    .dp-landing .hero-text { text-align: center; }
    .dp-landing .hero-actions { align-items: center; }
    .gc-trust-links { flex-wrap: wrap; justify-content: center; gap: 12px; }
    .gc-trust-links span { width: 100%; text-align: center; margin-bottom: 2px; }
    .card-rotator { width: 280px; }
}