/**
 * Utility CSS Classes
 * AKTEKNİK Web Sitesi
 * Inline style'ların yerine kullanılacak yardımcı sınıflar
 */

/* Display Utilities */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* Width & Height Utilities */
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }

.h-auto { height: auto !important; }
.h-100 { height: 100% !important; }

/* Max Width & Height */
.mw-100 { max-width: 100% !important; }
.mh-50 { max-height: 50px !important; }
.mh-60 { max-height: 60px !important; }
.mh-64 { max-height: 64px !important; }
.mh-80 { max-height: 80px !important; }
.mh-100 { max-height: 100px !important; }
.mh-150 { max-height: 150px !important; }
.mh-200 { max-height: 200px !important; }
.mh-300 { max-height: 300px !important; }
.mh-400 { max-height: 400px !important; }

/* Spacing Utilities */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-30 { margin-bottom: 30px !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-20 { margin-right: 20px !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

/* Padding Utilities */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Text Utilities */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* Font Size Utilities */
.fs-09 { font-size: 0.9rem !important; }
.fs-1 { font-size: 1rem !important; }
.fs-11 { font-size: 1.1rem !important; }
.fs-12 { font-size: 1.2rem !important; }
.fs-13 { font-size: 1.3rem !important; }
.fs-15 { font-size: 1.5rem !important; }
.fs-17 { font-size: 1.7rem !important; }
.fs-2 { font-size: 2rem !important; }
.fs-3 { font-size: 3rem !important; }

/* Flex Utilities */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.align-items-center { align-items: center !important; }
.justify-content-center { justify-content: center !important; }

/* Border Utilities */
.border-0 { border: 0 !important; }
.border-radius-0 { border-radius: 0 !important; }

/* Object Fit */
.object-fit-cover { object-fit: cover !important; }

/* Specific Component Styles */
.img-preview { 
    max-height: 200px; 
    display: none;
}

.img-preview.show {
    display: block;
}

.btn-full-width {
    width: 100%;
}

.icon-placeholder {
    width: 50px;
    height: 50px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Image Styles */
.logo-header {
    max-height: 80px;
    max-width: 400px;
    height: auto;
    width: auto;
}

.slider-image {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

/* Ad Container */
.ad-block {
    display: block;
    text-align: center;
    min-height: 90px;
}

/* Service Icon */
.service-icon-box {
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.service-icon-placeholder {
    height: 50px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

/* Admin Specific */
.admin-center-title {
    text-align: center;
    margin-bottom: 30px;
}

.admin-flex-center {
    display: flex;
    align-items: center;
}