/*
 * DesignsOrigin WP Custom CSS
 * Purpose: Fix image paths that break in WP (original uses ../images/ relative paths)
 * Rule: Never duplicate original CSS. Only path overrides + WP-specific additions.
 */

/* === LOCAL FONTJEK FONT === */
@font-face {
    font-family: 'Fontjek';
    src: url('../fonts/Fontjek.woff') format('woff');
    font-display: swap;
}

/* === IMAGE PATH FIXES (original CSS uses ../images/ which breaks in WP) === */
.our-banner {
    background-image: url('../images/our-banner.jpg') !important;
}
.inner-banner {
    background-image: url('../images/visual-banner.jpg') !important;
}
.white-yellow {
    background: url('../images/btn-white-yellow.png') no-repeat !important;
}
.white-yellow:hover {
    background: url('../images/btn-white-yellow-hover.png') no-repeat !important;
}
.red-yellow {
    background: url('../images/red-yellow.png') no-repeat !important;
}
.blue-yel {
    background: url('../images/btn-blue-yel.png') no-repeat !important;
}
.wrapper {
    background: url('../images/menu-bg.jpg') no-repeat #000 !important;
    background-size: cover !important;
}
.our-portfolio figure::before {
    background: url('../images/hp-layer.png') repeat-x scroll left bottom !important;
}
.our-portfolio::after {
    background-image: url('../images/port-before.png') !important;
}
.our-services .box i::after {
    background: url('../images/ser-shade1.png') no-repeat !important;
}
.our-services .box i.shade2::after {
    background: url('../images/ser-shade2.png') no-repeat !important;
}
.our-services .box i.shade3::after {
    background: url('../images/ser-shade3.png') no-repeat !important;
}
.our-services .box i.shade4::after {
    background: url('../images/ser-shade4.png') no-repeat !important;
}
.navigation > ul > li > a::before {
    background-image: url('../images/red-vector.png') !important;
}
.copy::after {
    background-image: url('../images/copy-after.png') !important;
}
.our-success::before {
    background: url('../images/bg-success.png') no-repeat !important;
    background-size: cover !important;
}
.faq_list {
    background: url('../images/faq-rthumb.png') no-repeat scroll right top #f6faff !important;
}
.about-choose {
    background: url('../images/bg-abchoose.png') no-repeat !important;
}
.abour-step .img-abstep img {
    max-width: 100%;
}
.testimonial {
    background-image: url('../images/testimonial.jpg') !important;
}
.any-query .container::after {
    background-image: url('../images/any-query.jpg') !important;
}
.marque::after {
    background-image: url('../images/marqu-after.png') !important;
}
footer::after {
    background-image: url('../images/footer-after.png') !important;
}
.other-service.web-other {
    background-image: url('../images/bg-otherser2.jpg') !important;
}
.other-service.d-other {
    background-image: url('../images/bg-otherser3.jpg') !important;
}
.other-service.app-other {
    background-image: url('../images/bg-otherser4.jpg') !important;
}
.other-service.ai-other {
    background-image: url('../images/bg-otherser5.jpg') !important;
}
.other-service {
    background-image: url('../images/bg-otherser.jpg') !important;
}
.other-service.about-ser {
    background-image: url('../images/bg-aboutser.jpg') !important;
}
.about-choose {
    background-image: url('../images/bg-aboutchoose.jpg') !important;
}
.lets-write {
    background-image: url('../images/lets-write-bg.png') !important;
}
.cta {
    background-image: url('../images/cta.jpg') !important;
}
.cta::after {
    background-image: url('../images/cta-after.png') !important;
}
.nav-btn.prev-slide {
    background: url('../images/prev.png') no-repeat center !important;
}
.nav-btn.next-slide {
    background: url('../images/next.png') no-repeat center !important;
}

/* === WORDPRESS STANDARD CLASSES === */
.alignleft  { float: left;  margin: 0 20px 10px 0; }
.alignright { float: right; margin: 0 0 10px 20px; }
.aligncenter{ display: block; margin: 0 auto 10px; }
.alignnone  { margin: 0 0 10px; }
.wp-caption  { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: #666; text-align: center; }
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px);
    height: 1px; margin: -1px; overflow: hidden;
    padding: 0; position: absolute; width: 1px;
}

/* === BLOG / SEARCH PAGES === */
.do-page-wrap { background: #f6faff; padding: 70px 0; }
.blog-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,.06);
    margin-bottom: 25px;
    transition: .3s;
}
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.blog-card .card-thumb { height: 200px; overflow: hidden; }
.blog-card .card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: .4s; }
.blog-card:hover .card-thumb img { transform: scale(1.05); }
.blog-card .card-body { padding: 20px 25px; }
.blog-card .card-meta { font-size: 12px; color: #9f9f9f; margin-bottom: 10px; }
.blog-card .card-meta i { color: #dd2144; margin-right: 4px; }
.blog-card h3 { font-size: 1rem; margin-bottom: 10px; }
.blog-card h3 a { color: #072544; text-decoration: none; }
.blog-card h3 a:hover { color: #dd2144 !important; }
.blog-card p { font-size: 14px; margin-bottom: 15px; color: #4e4d4d; }
.blog-card .read-more { font-size: 13px; font-weight: 600; color: #dd2144; text-decoration: none; text-transform: uppercase; letter-spacing: .5px; }
.blog-card .read-more:hover { color: #072544 !important; }

/* Sidebar */
.do-sidebar .widget { background: #f6faff; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
.do-sidebar .widget-title { font-size: 15px; font-weight: 700; color: #072544; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 2px solid #dd2144; }
.do-sidebar ul { padding: 0; list-style: none; margin: 0; }
.do-sidebar ul li { padding: 7px 0; border-bottom: 1px solid #eee; font-size: 13px; }
.do-sidebar ul li:last-child { border: none; }
.do-sidebar ul li a { color: #4e4d4d; text-decoration: none; }
.do-sidebar ul li a:hover { color: #dd2144 !important; }
.do-sidebar .search-field { width: 100%; padding: 9px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 13px; font-family: 'Poppins', sans-serif; }
.tagcloud a { display: inline-block; padding: 3px 10px; margin: 3px; font-size: 12px !important; background: #f6faff; border: 1px solid #eee; border-radius: 20px; color: #4e4d4d; text-decoration: none; }
.tagcloud a:hover { background: #dd2144; color: #fff !important; border-color: #dd2144; }

/* Pagination */
.posts-navigation .nav-links, .post-navigation .nav-links { display: flex; gap: 10px; }
.posts-navigation a, .post-navigation a { padding: 8px 18px; background: #dd2144; color: #fff; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 600; }

/* WP Search form  */
.wp-search-form { display: flex; gap: 8px; }
.wp-search-form .search-field { flex: 1; padding: 9px 12px; border: 1px solid #ddd; border-radius: 6px; font-family: 'Poppins', sans-serif; font-size: 13px; }
.wp-search-form .search-submit { padding: 9px 15px; background: #dd2144; color: #fff; border: none; border-radius: 6px; cursor: pointer; }

/* Legal pages (privacy/refund/terms) */
.content-page { background: #fff; padding: 60px 0; }
.content-page h5 { font-size: 1.1rem; font-weight: 700; color: #072544; margin: 25px 0 10px; }
.content-page h5 span { color: #dd2144; }
.content-page p { color: #4e4d4d; line-height: 1.8; margin-bottom: 15px; }